.studio-recorder{position:relative;display:flex;align-items:center;gap:3px;font-size:12px}.studio-recorder .record-trigger{padding:7px 10px;min-height:32px;font-size:12px}.studio-recorder .record-trigger.record-active{color:#f6bfbd;border-color:#805659;background:#38252b;font-variant-numeric:tabular-nums}.record-trigger>i{width:7px;height:7px;border-radius:50%;background:#f59090;animation:record-pulse 1.3s ease-in-out infinite}.record-trigger>i.paused{animation:none;background:#e2c985}.record-inline-controls{display:flex;gap:3px}.record-inline-controls>button{width:29px;height:31px;padding:4px}.studio-recorder .record-stop{color:#eeb2ad;border-color:#754a50;background:#32252d}.record-panel{position:absolute;right:0;top:calc(100% + 12px);width:342px;max-height:calc(100dvh - 86px);overflow:auto;padding:17px;border:1px solid #375260;border-radius:12px;background:#10212e;box-shadow:0 16px 60px #0009;z-index:70;scrollbar-width:thin;text-align:left}.record-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.record-panel h2{font-size:15px;font-weight:650;color:#e0edf5}.record-panel-heading>.icon-button{margin:-5px -5px 0 0}.record-panel>p{font-size:11px;line-height:1.7;color:#9bb4c5;margin:0 0 14px}.record-settings{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:15px 0}.record-settings label{display:flex;align-items:center;gap:10px;color:#a8becc;font-size:11px}.record-settings select{font-size:11px;padding:6px}.record-settings>span{font-size:12px;font-weight:650;color:#8fe4c7}.record-settings small{display:block;font-size:8px;font-weight:400;letter-spacing:.5px;color:#8babb8;margin-top:2px}.record-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.record-buttons>button{font-size:11px;min-height:33px;padding:7px 10px}.record-panel .record-small{font-size:10px;line-height:1.65;color:#7798ac;margin:10px 0 0}.record-panel .record-notice{font-size:11px;color:#dec699;background:#342f25;border:1px solid #5f5139;border-radius:7px;padding:10px;margin:12px 0;line-height:1.65}.record-state{display:flex;justify-content:space-between;gap:10px;color:#a0c6d0;font-size:11px;font-variant-numeric:tabular-nums;padding:5px 0}.record-result{border-top:1px solid #2c4352;margin-top:15px;padding-top:15px}.record-result video{display:block;width:100%;max-height:210px;border-radius:6px;background:#030b13}.record-result-meta{display:flex;justify-content:space-between;color:#8baabd;font-size:10px;padding:9px 0 0}.record-result .record-saved{font-size:10px;line-height:1.6;color:#88d7b7;margin-top:8px}@keyframes record-pulse{50%{opacity:.4}}@media(max-width:600px){.studio-recorder .record-trigger{padding:7px}.studio-recorder .record-trigger>span{display:none}.studio-recorder .record-trigger.record-active>span{display:inline;font-size:10px}.record-panel{position:fixed;right:10px;top:67px;width:min(342px,calc(100vw - 20px))}.record-inline-controls>button{width:26px}.record-inline-controls{gap:1px}}@media(prefers-reduced-motion:reduce){.record-trigger>i{animation:none}}.studio-contact{border-top:1px solid #263743;margin-top:17px;padding:11px 0 0;font-size:11px;color:#899fab;grid-column:1/-1}.studio-contact-name{display:flex;align-items:center;gap:7px;min-height:27px;color:#a9bac4;font-size:11px;font-weight:500}.studio-contact-trigger{box-sizing:border-box;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:28px;height:28px;margin:-3px 0;padding:0;border:0;border-radius:50%;background:transparent;color:#7b938b;cursor:pointer}.studio-contact-trigger .studio-wechat-icon{display:block;width:13px;height:13px;flex:none}.studio-contact-trigger:hover{background:#172c2d;color:#a1c0ad}.studio-contact-trigger:focus-visible{outline:2px solid #8ca493;outline-offset:2px}.studio-contact-compact{display:inline-flex;align-items:center}.studio-contact-trigger.is-compact{width:auto;min-height:36px;height:auto;margin:0;padding:6px 9px;gap:6px;border-radius:7px;font:inherit;font-size:12px;line-height:1.5;color:#8ca79c}.studio-contact-trigger.is-compact .studio-wechat-icon{width:16px;height:16px}.studio-profile-links{display:flex;flex-wrap:wrap;gap:2px 11px;margin-top:3px}.studio-profile-links a,.studio-contact-email{display:inline-flex;align-items:center;gap:3px;color:#809ba9;line-height:1.7;font-size:10px;padding:2px 0;text-decoration:none}.studio-profile-links a:hover,.studio-contact-email:hover{color:#a4d3c3;text-decoration:underline;text-underline-offset:3px}.studio-profile-links svg{opacity:.65;flex:none}.studio-contact-email{gap:6px;margin-top:6px;font-size:10px;overflow-wrap:anywhere;max-width:100%}.studio-contact-email svg{opacity:.75;flex:none}.studio-contact-dialog{box-sizing:border-box;width:min(330px,calc(100vw - 32px));max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);margin:auto;padding:28px 26px 18px;border:1px solid #e0e6e2;border-radius:13px;background:#fff;color:#3d4b48;box-shadow:0 20px 80px #11231d2e;text-align:center;overflow:auto;overscroll-behavior:contain;color-scheme:light}.studio-contact-dialog::backdrop{background:#14201c6b}.studio-contact-dialog:not([open]){display:none}.studio-contact-dialog[open]{animation:studio-contact-in .22s cubic-bezier(.2,.7,.3,1) both}.studio-contact-dialog[open]::backdrop{animation:studio-contact-backdrop-in .22s ease-out both}.studio-contact-dialog.is-closing{animation:studio-contact-out .18s ease-in both}.studio-contact-dialog.is-closing::backdrop{animation:studio-contact-backdrop-out .18s ease-in both}.studio-contact-dialog .studio-contact-close{position:absolute;top:3px;right:3px;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#67766f;font:24px/1 Arial,sans-serif;cursor:pointer}.studio-contact-dialog .studio-contact-close:hover{background:#f0f4f1}.studio-contact-dialog h2{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 0 5px;padding:0 25px;border:0;font:500 15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;color:#53665c}.studio-contact-dialog h2 .studio-wechat-icon{display:block;width:20px;height:20px;flex:none;color:#648b6f}.studio-contact-dialog p{margin:0 0 16px;color:#68766d;font:12px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}.studio-contact-dialog .studio-contact-qr{display:block;width:min(246px,100%);height:auto;max-width:100%;margin:0 auto 10px;border:1px solid #edf0ed;border-radius:4px}.studio-contact-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px 18px}.studio-contact-dialog .studio-contact-actions a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:44px;padding:4px;color:#52685b;font:12px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;text-decoration:underline;text-underline-offset:3px}.studio-contact-dialog .studio-contact-actions .studio-contact-linkedin{color:#496a80}.studio-contact-dialog :focus-visible{outline:2px solid #8ca493;outline-offset:3px}@keyframes studio-contact-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes studio-contact-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(5px) scale(.985)}}@keyframes studio-contact-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes studio-contact-backdrop-out{0%{opacity:1}to{opacity:0}}@media(max-width:480px){.studio-contact-dialog{padding:28px 22px 18px}}@media(pointer:coarse){.studio-contact-trigger{width:44px;height:44px}.studio-contact-trigger.is-compact{width:auto;min-height:44px}.studio-profile-links a,.studio-contact-email{min-height:36px}}@media(prefers-reduced-motion:reduce){.studio-contact-dialog[open],.studio-contact-dialog[open]::backdrop{animation:none}}.access-content{min-height:100vh}.access-content[inert]{-webkit-user-select:none;user-select:none;pointer-events:none}.access-gate{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:22px;border:0;background:transparent;color:#e9f3f7;overflow:auto;overscroll-behavior:contain;isolation:isolate;outline:none}.access-gate[open]{display:grid;place-items:center}.access-gate::backdrop{background:transparent}.access-curtain{position:fixed;top:0;bottom:0;width:50.05vw;background:linear-gradient(135deg,#10263270,#08141d99);backdrop-filter:blur(2px) saturate(.8);-webkit-backdrop-filter:blur(2px) saturate(.8);transition:transform .82s cubic-bezier(.65,0,.2,1);pointer-events:none;z-index:-1}.access-curtain-left{left:0;border-right:1px solid #b2eddd0d}.access-curtain-right{right:0;border-left:1px solid #b2eddd0d;background:linear-gradient(225deg,#10263270,#08141d99)}.access-panel{width:min(394px,100%);padding:25px 31px 23px;border:1px solid #7aa39942;border-radius:19px;background:linear-gradient(155deg,#112731f2,#0b1923f5);box-shadow:0 20px 100px #0008,inset 0 1px #d6fff514;outline:none;text-align:center;position:relative;transition:opacity .24s ease,transform .28s ease}.access-topline{display:flex;align-items:center;justify-content:space-between;color:#bfd5db;font-size:11px;letter-spacing:1.4px}.access-topline>span{display:flex;align-items:center;gap:7px}.access-topline svg{color:#82d4c0}.access-language{font-size:10px;padding:5px 7px;border-color:#3d56664d;background:#18344255;color:#b2c8d6;min-height:28px}.access-lock{height:49px;width:49px;display:grid;place-items:center;margin:25px auto 19px;border:1px solid #84d7bf38;border-radius:15px;color:#9cedd6;background:linear-gradient(130deg,#76c9b615,#76c9b608);box-shadow:0 0 30px #54c5ac09}.access-eyebrow{font-size:10px;letter-spacing:3px;color:#95b8bd;margin-bottom:9px}.access-panel h1{font-weight:550;letter-spacing:.5px;font-size:26px;line-height:1.25}.access-panel #access-description{font-size:12px;color:#abc0cc;line-height:1.8;margin:13px auto 24px;max-width:280px}.access-form{text-align:left}.access-form>label{display:block;font-size:11px;color:#b1c9d3;margin-bottom:8px}.access-input-wrap{position:relative}.access-input-wrap input{width:100%;height:43px;padding:10px 43px 10px 12px;border:1px solid #446573;background:#0818229c;border-radius:8px;font-size:14px;letter-spacing:1px}.access-input-wrap input::placeholder{color:#70909f;font-size:12px;letter-spacing:0}.access-eye{position:absolute;right:3px;top:3px;width:37px;height:37px;padding:0;border:0;background:transparent;color:#9ab3c1}.access-eye:hover{background:#35546344}.access-unlock{width:100%;height:41px;margin-top:10px;background:#a3dfd0;color:#0a3028;border:1px solid #a3dfd0;border-radius:8px;font-weight:650;font-size:12px;flex-direction:row-reverse}.access-unlock:hover{background:#c0efdf;border-color:#c0efdf}.access-unlock:disabled{opacity:.65}.access-feedback{font-size:10px;color:#efb9ac;min-height:30px;line-height:1.5;padding-top:8px}.access-divider{display:flex;align-items:center;gap:9px;font-size:10px;color:#82a2ad;margin:9px 0 16px}.access-divider:before,.access-divider:after{content:"";height:1px;flex:1;background:#93bcb322}.access-contacts{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;font-size:11px}.access-contacts>a,.access-contacts .studio-contact-trigger{color:#b9d5db;display:inline-flex;align-items:center;gap:4px;line-height:1.5}.access-contacts .studio-contact-trigger{font-size:11px;padding:0;background:none;border:none}.access-contacts .studio-contact-trigger svg{width:16px;height:16px}.access-contacts>a:hover,.access-contacts .studio-contact-trigger:hover{color:#d4fff1}.access-home{display:inline-flex;align-items:center;gap:5px;margin-top:22px;color:#9fbdc9;font-size:11px}.access-session-note{font-size:9px;line-height:1.5;margin-top:17px;color:#7998a5}.access-spinner{animation:access-spin 1s linear infinite}@keyframes access-spin{to{transform:rotate(360deg)}}.access-gate.is-opening{pointer-events:none}.access-gate.is-opening .access-panel{opacity:0;transform:translateY(5px) scale(.98)}.access-gate.is-opening .access-curtain-left{transform:translate(-101%)}.access-gate.is-opening .access-curtain-right{transform:translate(101%)}@media(max-width:480px){.access-gate{padding:16px}.access-panel{padding:20px 23px 18px;width:min(365px,100%)}.access-panel h1{font-size:24px}.access-lock{margin-top:20px;margin-bottom:15px}.access-panel #access-description{margin-bottom:21px}.access-contacts{gap:15px}.access-contacts>a,.access-contacts .studio-contact-trigger{min-height:34px}.access-home{min-height:34px;margin-top:10px}.access-session-note{margin-top:9px}}@media(max-height:600px){.access-gate[open]{place-items:start center}.access-panel{margin:5px 0}.access-lock{margin:10px auto;height:37px;width:37px}.access-panel #access-description{margin:10px auto 15px}.access-panel{padding:18px 25px}.access-home{margin-top:11px}}@media(prefers-reduced-motion:reduce){.access-curtain,.access-panel{transition:none}.access-spinner{animation:none}}.carbon-scene{position:relative;isolation:isolate;width:100%;height:420px;overflow:hidden;background:#060e19;color:#c6deec;border-top:1px solid #1c3245;border-bottom:1px solid #1c3245;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;touch-action:pan-y}.carbon-scene-stage{position:absolute;inset:0}.carbon-scene-stage canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.carbon-scene-stage canvas:active{cursor:grabbing}.carbon-world-overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden}.carbon-world-label{display:block;position:absolute;left:0;top:0;box-sizing:border-box;margin:0;min-width:0;line-height:1.1;white-space:nowrap;text-align:center;will-change:transform;backface-visibility:hidden;border-radius:5px;box-shadow:none;font-family:inherit;letter-spacing:0;pointer-events:none}button.carbon-world-label{pointer-events:auto;cursor:pointer;appearance:none}.carbon-world-label strong,.carbon-world-label small,.carbon-world-label span{display:block}.carbon-world-label strong{font-weight:700}.carbon-task-label{width:48px;padding:3px 2px 2px;color:#8fa6bd;background:#091626d9;border:1px solid #284052;border-bottom:2px solid var(--task-color);font-size:10px}.carbon-task-label strong{overflow:hidden;text-overflow:ellipsis}.carbon-task-label small{margin-top:2px;font-size:8px;color:#8298ac;line-height:1.05}.carbon-task-label[data-state=ready]{color:#d4e6ec;border-color:#447480;border-bottom-color:var(--task-color)}.carbon-task-label[data-state=running]{color:#f1fffc;background:#113035ed;border-color:var(--task-color);box-shadow:0 0 11px color-mix(in srgb,var(--task-color) 25%,transparent)}.carbon-task-label[data-state=running] small{color:#b7d9d6}.carbon-task-label[data-state=done]{color:var(--task-color);background:#0a2029df;border-color:#285461;border-bottom-color:var(--task-color)}.carbon-edge-label{min-width:27px;padding:2px 4px;border:1px solid #243b50;border-radius:4px;background:#091521e8;color:#7798b7;font-size:8px;line-height:1;pointer-events:auto;cursor:help}.carbon-edge-label[data-state=active]{border-color:#557cba;color:#bed8ff;background:#102238f0}.carbon-server-label{padding:4px 5px;width:91px;min-height:43px;color:#b9d1e3;background:#081422d9;border:1px solid #25465a}.carbon-server-label strong{font-size:10px;color:#d4e3ed}.carbon-server-label span{margin-top:3px;font-size:10px;font-variant-numeric:tabular-nums;color:#e1c285}.carbon-server-label small{margin-top:3px;font-size:8px;color:#85a5b9}.carbon-server-label[data-state=running]{border-color:var(--task-color);background:#10242bed}.carbon-server-label[data-state=running] strong{color:var(--task-color)}.carbon-server-label[data-state=released]{opacity:.78}.carbon-hub-label{width:91px;padding:4px 5px;color:#adc8e9;background:#0a1524dc;border:1px solid #31496b}.carbon-hub-label strong{font-size:9px;color:#a9cbfc}.carbon-hub-label span{margin-top:3px;font-size:10px;font-variant-numeric:tabular-nums;color:#b3cffe}.carbon-hub-label small{margin-top:3px;font-size:8px;color:#819ab5}.carbon-world-label:focus-visible{outline:2px solid #e1b969;outline-offset:3px}.carbon-world-label:hover{filter:brightness(1.17)}.carbon-scene-key{position:absolute;left:13px;top:11px;display:flex;gap:9px;align-items:center;pointer-events:none;line-height:1.3;font-size:10px;letter-spacing:.03em;color:#b6d4e0}.carbon-scene-key span{display:flex;align-items:center;gap:6px}.carbon-scene-key i{display:inline-block;width:5px;height:5px;transform:rotate(45deg);background:#53ecc0;box-shadow:0 0 7px #53ecc050}.carbon-scene-key small{font-size:9px;color:#658194}.carbon-scene-controls{position:absolute;right:10px;top:9px;display:flex;gap:3px;z-index:2}.carbon-scene-controls button{display:grid;place-items:center;width:25px;height:25px;min-height:0;padding:0;border:1px solid #244253;border-radius:5px;background:#0c1b2bdb;color:#9fbfce;font-size:17px;font-weight:400;line-height:1;cursor:pointer}.carbon-scene-controls button:hover{color:#53ecc0;border-color:#397267;background:#102839}.carbon-scene-controls button:focus-visible{outline:2px solid #53ecc0;outline-offset:2px}.carbon-scene-caption,.carbon-scene-smoke-note{position:absolute;bottom:8px;line-height:1.3;pointer-events:none;color:#577183;font-size:8px;letter-spacing:.015em}.carbon-scene-caption{left:11px}.carbon-scene-smoke-note{right:11px}.carbon-scene-fallback{position:absolute;inset:0;z-index:4;padding:18px;overflow:auto;background:#091522;color:#adcadb;font-size:12px}.carbon-scene-fallback>p{margin:0 0 14px;line-height:1.6}.carbon-fallback-resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.carbon-fallback-resources>button,.carbon-fallback-resources>div{min-width:0;padding:9px 6px;text-align:left;background:#102333;border:1px solid #315265;border-radius:6px;color:#bbd7e4;font:inherit}.carbon-fallback-resources strong,.carbon-fallback-resources span,.carbon-fallback-resources small{display:block}.carbon-fallback-resources span{margin:5px 0;color:#e1c285;font-size:10px}.carbon-fallback-resources small{font-size:9px;color:#82a8bc}.carbon-fallback-tasks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:14px}.carbon-fallback-tasks button{min-width:0;padding:7px 5px;border:1px solid #294454;border-bottom:2px solid var(--task-color);border-radius:4px;background:#0c1c2c;color:#a8c5d3;font:inherit;font-size:10px;text-align:left}.carbon-fallback-tasks button small{display:block;margin-top:4px;font-size:8px;line-height:1.4}.carbon-fallback-tasks button[data-state=running]{background:#153932;color:#74ead0}.carbon-fallback-tasks button[data-state=done]{color:var(--task-color)}@media(max-width:480px){.carbon-scene{height:410px}.carbon-server-label,.carbon-hub-label{width:83px}.carbon-server-label span,.carbon-hub-label span{font-size:9px}.carbon-scene-caption,.carbon-scene-smoke-note{font-size:7px}.carbon-scene-smoke-note{max-width:99px;text-align:right}.carbon-task-label{width:44px;font-size:9px}.carbon-task-label small{font-size:7px}}@media(prefers-reduced-motion:reduce){.carbon-world-label{will-change:auto}}:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#dce9f2;background:#08111b;font-synthesis:none;font-weight:400;--bg:#08111b;--panel:#0c1926;--edge:#203340;--muted:#8097aa;--text:#dce9f2;--teal:#67e2c1;--sidebar:246px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer;color:var(--text);background:#102130;border:1px solid #263c4b;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 11px;transition:background .16s,border-color .16s}button:hover{background:#193243;border-color:#476473}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #83edcb;outline-offset:3px}a{color:#77d7c2;text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{color:var(--text);background:#081521;border:1px solid #294151;border-radius:6px;padding:7px 8px;min-width:0}input[type=number]{width:100%;font-variant-numeric:tabular-nums}input[type=checkbox]{accent-color:#61dcbc;width:14px;height:14px;padding:0;margin:0}input[type=range]{accent-color:#62dcc0;cursor:pointer;padding:0;border:none;height:6px}select{cursor:pointer}h1,h2,h3,p{margin:0}.primary{background:#60dfbc;color:#05251f;border-color:#60dfbc;font-weight:700}.primary:hover{background:#8cf0d1;border-color:#8cf0d1}.icon-button{padding:7px;width:32px;height:32px;background:transparent;border-color:transparent}.icon-button:hover{border-color:#324b5e;background:#142b3b}.app-shell{height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);grid-template-rows:63px minmax(0,1fr);overflow:hidden}.topbar{grid-column:1/-1;border-bottom:1px solid #203140;display:flex;align-items:center;justify-content:space-between;padding:0 22px;gap:20px;background:#09131e;z-index:20}.brand{display:flex;align-items:center;gap:11px;color:#edf6fb;white-space:nowrap}.brand:hover{text-decoration:none}.brand-symbol{width:36px;height:36px;display:grid;place-items:center;color:#69e4c0;background:#173c3b;border:1px solid #346962;border-radius:10px}.brand b{font-size:20px;letter-spacing:-.5px}.brand em{font-size:11px;font-style:normal;letter-spacing:1.5px;font-weight:600;margin-left:8px;color:#8cb0bd}.brand small{display:block;letter-spacing:2px;font-size:8px;color:#a4b8c7;margin-top:3px}.header-statement{font-size:13px;color:#b6c7d3;letter-spacing:.2px}.header-statement strong{color:#72debf;font-weight:600}.top-actions{display:flex;gap:8px;align-items:center}.language-button{font-size:12px;padding:7px 10px;min-width:43px}.sidebar{background:#0d1925;border-right:1px solid #243340;overflow:auto;padding:16px 16px 22px;scrollbar-width:thin;scrollbar-color:#304554 transparent}.demo-button{width:100%;justify-content:flex-start;height:41px;margin-bottom:18px;font-size:13px}.demo-button span{margin-left:auto;background:#3dc6a0;font-size:10px;padding:3px 4px;border-radius:4px}.sidebar-section{padding:15px 0;border-top:1px solid #253442}.sidebar-section h2,.sidebar-section summary{font-size:12px;display:flex;align-items:center;gap:8px;margin-bottom:13px;font-weight:650;color:#c6d7e4}.sidebar-section h2 svg,.sidebar-section summary svg{color:#78c9b9}.sidebar-section summary{cursor:pointer;list-style:none;margin:0}.sidebar-section summary:after{content:"+";margin-left:auto;color:#7998aa}.sidebar-section[open] summary{margin-bottom:12px}.sidebar-section[open] summary:after{content:"−"}.field{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:9px 0;font-size:11px;color:#aebfcf}.field>span{flex:1;line-height:1.5}.field>div{display:flex;align-items:center;position:relative;width:87px}.field input{height:32px;font-size:12px;padding-right:17px}.field small{position:absolute;right:22px;font-size:10px;color:#8da5b8;pointer-events:none}.field:has(small) input{padding-right:41px}.field:has(small) input::-webkit-inner-spin-button{opacity:0}.field:has(small)>div{width:90px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-pair .field{display:block}.field-pair .field>div{margin-top:6px;width:100%}.select-field{display:block;font-size:11px;color:#aebfcf;margin:10px 0}.select-field>span{display:block;margin-bottom:7px}.select-field select{width:100%;font-size:12px;height:33px}.button-pair{display:flex;gap:7px;margin-top:10px}.button-pair>*{flex:1;font-size:11px}.sidebar-hint{font-size:10px;line-height:1.5;color:#718ea1;margin-top:9px}.check-row{display:flex;gap:9px;align-items:center;color:#a8bdcb;font-size:11px;line-height:1.6;margin:10px 0}.sidebar-bottom{border-top:1px solid #263743;padding-top:16px}.sidebar-bottom .run-button{width:100%;font-size:13px;height:39px}.sidebar-bottom>small{display:block;color:#658093;font-size:10px;margin-top:18px}.workspace{overflow:auto;min-width:0;padding:23px 24px 26px;scrollbar-width:thin;scrollbar-color:#304554 transparent;background:radial-gradient(ellipse at 70% -15%,#142c35 0,transparent 55%),#08121c}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.workspace-title{display:flex;align-items:center;gap:10px}.workspace-title>.icon-button{margin-left:-5px}.workspace-heading h1{font-size:21px;font-weight:650;letter-spacing:.2px}.workspace-heading p{font-size:11px;color:#7f99ac;margin-top:5px;line-height:1.5}.model-chip{display:flex;gap:8px;align-items:center;padding:8px 12px;border:1px solid #23493f;color:#9fdbc8;border-radius:7px;font-size:12px;white-space:nowrap;background:#0e2527}.method-selection{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:17px}.method-selection label{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #243440;border-radius:6px;font-size:11px;color:#748b9e;cursor:pointer;background:#0b1823;-webkit-user-select:none;user-select:none}.method-selection label.selected{color:#d9e5ed;border-color:color-mix(in srgb,var(--method) 48%,#1f3643);background:color-mix(in srgb,var(--method) 7%,#0a1723)}.method-selection i{width:6px;height:6px;background:var(--method);border-radius:50%}.method-selection small{font-size:8px;border:1px solid #5b475c;border-radius:3px;padding:1px 3px;letter-spacing:.5px;color:#d7a8ba}.method-selection input{width:12px;height:12px;accent-color:var(--method)}.playback{border:1px solid #2a3e4b;border-radius:9px;background:#0e1d29;display:flex;align-items:center;gap:18px;padding:12px 14px;margin:0 0 17px;position:sticky;top:0;z-index:10;box-shadow:0 6px 22px #02070e55}.transport{display:flex;gap:5px;align-items:center}.transport .play{color:#062b22;background:#63dfbe;border-color:#63dfbe;width:39px;height:38px;padding:7px}.clock{margin-left:8px;display:flex;align-items:baseline;gap:5px;white-space:nowrap;font-variant-numeric:tabular-nums}.clock strong{font-size:21px;font-weight:600}.clock span{font-size:10px;color:#89a2b3}.time-track{flex:1;min-width:110px}.time-track>input{width:100%;display:block;margin:5px 0 9px}.time-track>div{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#849cad}.time-track>div span:first-child{color:#a9c6cb}.playback-options{display:flex;align-items:center;gap:8px;font-size:11px;white-space:nowrap}.playback-options label{color:#8097ab;display:flex;align-items:center;gap:7px}.playback-options select{font-size:11px;max-width:66px;padding:6px}.playback-options>button:not(.icon-button){font-size:10px;background:transparent;padding:6px 8px}.arena-meta{display:flex;align-items:center;justify-content:space-between;margin:0 0 9px;gap:12px;color:#7b97aa;font-size:10px}.arena-meta>div,.arena-meta>span{display:flex;align-items:center;gap:9px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#6cddbc}.arena{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(420px,1fr);gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#365c69 #101f2b;scrollbar-width:thin;padding-bottom:12px}.method-card{border:1px solid #293d4b;border-top:2px solid var(--method);border-radius:10px;background:#0c1925;min-width:0;overflow:hidden;transition:border-color .3s}.method-card.is-complete{border-color:color-mix(in srgb,var(--method) 45%,#233642)}.method-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px 10px}.method-card-head>div{display:flex;align-items:center;gap:7px}.method-dot{width:6px;height:6px;background:var(--method);border-radius:50%}.method-card-head h2{font-size:13px;font-weight:650}.status{color:#8ca6b7;font-size:9px;display:flex;gap:4px;align-items:center;border:1px solid #2b414e;border-radius:4px;padding:3px 5px;white-space:nowrap}.status.done{color:#76d9b9;border-color:#2a5147;background:#11312a}.card-metrics{padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.card-metrics>div>span{font-size:9px;color:#8aa2b3}.card-metrics strong{font-size:29px;font-weight:650;letter-spacing:-1px;display:block;font-variant-numeric:tabular-nums;color:#e5f8ef;line-height:1.3}.card-metrics small{font-size:10px;letter-spacing:0;color:#7c9f9f;margin-left:6px;font-weight:400}.card-metrics .schedule-time{padding-left:12px;border-left:1px solid #273e4a}.card-metrics .schedule-time strong{font-size:23px;color:#c3d9e8}.method-subline{padding:7px 16px 0;display:flex;justify-content:space-between;font-size:10px;color:#7c97aa}.certificate{padding:6px 16px 7px;font-size:9px;color:#68899b;min-height:26px}.scene-readout{display:flex;justify-content:space-between;gap:5px;margin:0 13px;padding:8px 0;color:#6e8ea2;border-bottom:1px solid #243744;font-size:9px}.scene-readout span:last-child{color:#a6cabb}.chart-section{padding:11px 13px 6px}.chart-label{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.5px;color:#9db5c6;margin-bottom:7px}.chart-label small{font-size:8px;color:#698496;letter-spacing:0}.gantt,.carbon-curve{width:100%;display:block;overflow:visible}.gantt{cursor:crosshair}.axis-label{font-size:13px;fill:#7e9bab;font-family:Inter,Segoe UI,sans-serif}.task-label{font-size:12px;fill:#081825;font-weight:650;pointer-events:none}.carbon-chart{border-top:1px solid #1d323e;padding-top:11px;padding-bottom:13px;margin-top:7px}.carbon-curve .axis-label{font-size:12px}.breakdown{padding:3px 0 1px}.stacked-bar{height:4px;border-radius:3px;overflow:hidden;background:#1b2b39;display:flex}.stacked-bar span{height:100%;transition:width .3s}.breakdown-values{display:flex;justify-content:space-between;gap:4px;margin-top:8px;font-size:8px;color:#7f9db0}.breakdown-values>span{display:flex;align-items:center;gap:4px}.breakdown-values i{width:4px;height:4px;border-radius:1px}.breakdown-values b{font-weight:500;font-variant-numeric:tabular-nums;color:#b6cddb}.activity-legend{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:6px 0 23px;color:#8aa1b2;font-size:10px}.activity-legend>span{display:flex;align-items:center;gap:6px}.key{width:6px;height:6px;border-radius:2px;display:inline-block}.key.busy{background:#75e4bf}.key.idle{background:#637f97}.key.packet{background:#dfba74}.key.released{background:#1c323e;border:1px solid #516c7d}.activity-legend p{font-size:9px;color:#617e92;margin-left:auto;line-height:1.6;max-width:600px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.section-heading h2{font-size:16px;font-weight:650}.section-heading>span{font-size:10px;color:#7893a8}.outcomes{margin-top:6px}.table-scroll{overflow:auto;border:1px solid #233746;border-radius:9px}table{border-collapse:collapse;width:100%;font-size:11px;background:#0c1a26;white-space:nowrap}th{text-align:left;color:#81a1b6;font-size:10px;font-weight:500;background:#10212e;padding:12px 15px}td{padding:13px 15px;border-top:1px solid #1c303e;color:#adc4d5;font-variant-numeric:tabular-nums}td:first-child{color:#d2e2ec;font-weight:500}td:first-child i{display:inline-block;width:5px;height:5px;margin-right:8px;border-radius:50%}.carbon-cell{color:#7be2bf;font-weight:650}.model-notes{margin-top:21px;border-top:1px solid #243543;padding-top:15px}.model-notes>summary{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;color:#94adbf;list-style:none}.model-notes>summary:after{content:"+";margin-left:auto}.model-notes[open]>summary:after{content:"−"}.model-notes>summary>span{margin-left:12px;font-size:11px;color:#9acaaf;font-variant-numeric:tabular-nums}.model-content{padding:17px 0;max-width:1060px;font-size:12px;color:#8fa9bc;line-height:1.9}.model-content p{margin:8px 0}.equation{padding:12px 0;color:#c4e6d9;font-size:17px;font-family:Cambria,Georgia,serif}.source-links{display:flex;gap:10px 25px;flex-wrap:wrap;margin-top:13px;font-size:10px}.app-footer{border-top:1px solid #1b303e;margin-top:22px;padding-top:14px;font-size:9px;color:#536f84;display:flex;gap:8px;justify-content:space-between}.pending-card{height:650px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#426a80}.pending-card h3{font-size:14px;font-weight:500;color:#93b0c0}.pending-card p{font-size:11px;color:#627e91}.empty-state{height:360px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:#7997aa}.alert,.notice{display:flex;align-items:center;gap:8px;font-size:11px;border:1px solid #7a4c45;border-radius:6px;padding:10px 12px;margin-bottom:12px;color:#e1b6a8;background:#372621}.alert>span{flex:1}.alert button{padding:3px;border:0;background:none}.notice{color:#dfc995;background:#302b22;border-color:#5b4b34}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sidebar-hidden{grid-template-columns:minmax(0,1fr)}.sidebar-hidden .sidebar{display:none}.is-fullscreen{position:fixed;inset:0;z-index:100;background:#08121c}.dag-editor{width:min(880px,94vw);max-height:90vh;margin:auto;border:1px solid #355363;border-radius:14px;background:#10212d;color:#dce9f2;padding:22px;box-shadow:0 20px 80px #0009}.dag-editor::backdrop{background:#030b13cc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between}.dialog-heading h2{font-size:21px}.dialog-heading p{font-size:11px;color:#8ba6b8;margin-top:8px;line-height:1.7}.editor-tabs{display:flex;gap:8px;margin:20px 0 16px;border-bottom:1px solid #2a4050;padding-bottom:12px}.editor-tabs button{font-size:12px}.editor-tabs button.active{background:#17463d;border-color:#4b9a82;color:#98ecd1}.visual-editor{display:grid;grid-template-columns:1fr 1.25fr;gap:24px;max-height:51vh;overflow:auto;padding-right:7px}.visual-editor h3{font-size:12px;color:#95b5c8;margin-bottom:12px}.editor-row{display:flex;align-items:center;gap:7px;margin-bottom:9px;font-size:12px}.editor-row>i{width:5px;height:20px;border-radius:2px}.editor-row>span{width:38px}.editor-row>input{width:66px}.editor-row>select{width:68px;padding:5px}.editor-row>small{color:#728fa2;font-size:10px}.editor-row>.icon-button{width:26px;padding:4px}.text-button{border-color:transparent;background:none;color:#7bdabb;font-size:11px;padding:6px}.json-editor{width:100%;min-height:340px;height:48vh;resize:vertical;font:12px/1.6 Consolas,monospace;padding:15px}.dialog-actions{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:19px;border-top:1px solid #2a4050;padding-top:16px}.dialog-actions>span{font-size:10px;color:#7795a9;line-height:1.6}.dialog-actions button{font-size:12px;flex-shrink:0}.edit-error{color:#f2b39d;font-size:12px;margin-top:12px}.is-complete .carbon-total strong{color:#92eace}@media(min-width:1800px){:root{--sidebar:260px}.arena{grid-auto-columns:minmax(430px,1fr)}.workspace{padding-left:26px;padding-right:26px}.scene-readout{font-size:10px}.card-metrics strong{font-size:32px}.method-card-head h2{font-size:14px}.chart-label,.breakdown-values{font-size:10px}.axis-label{font-size:12px}}@media(max-width:1250px){:root{--sidebar:222px}.workspace{padding:19px 17px}.sidebar{padding:15px 12px}.header-statement{display:none}.playback{gap:10px;padding:10px}.transport{gap:1px}.transport>.icon-button{width:25px}.playback-options label{font-size:0}.playback-options label select{font-size:11px}.playback-options>.icon-button{display:none}.section-heading>span{max-width:260px;line-height:1.5;text-align:right}.workspace-heading h1{font-size:19px}.model-chip{font-size:11px;padding:7px}.time-track>div{font-size:8px}}@media(max-width:850px){.app-shell{height:auto;min-height:100vh;display:block;overflow:visible}.topbar{height:60px;position:sticky;top:0;padding:0 14px}.sidebar{border-right:0;border-bottom:1px solid #294050;max-height:390px;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px}.sidebar .demo-button{grid-column:1/-1;margin:0}.sidebar-section{padding:12px 2px}.sidebar-bottom{padding:10px 2px}.workspace{overflow:visible;padding:18px 12px}.workspace-title>button{display:none}.workspace-heading p{max-width:270px;font-size:10px}.model-chip{display:none}.playback{position:sticky;top:60px;flex-wrap:wrap;gap:8px}.transport{order:0}.playback-options{margin-left:auto;order:1}.time-track{order:2;flex-basis:100%}.arena{grid-auto-columns:minmax(360px,80vw);gap:12px}.arena-meta>span{max-width:135px;font-size:9px;text-align:right}.section-heading{align-items:flex-start}.section-heading>span{font-size:9px;max-width:170px}.activity-legend{gap:10px}.activity-legend p{margin-left:0}.model-notes>summary>span{display:none}.app-footer{display:block;line-height:1.8}.app-footer span{display:block}.visual-editor{grid-template-columns:1fr;max-height:50vh;gap:18px}.dialog-actions>span{max-width:50%}.is-fullscreen{overflow:auto}.topbar .brand b{font-size:18px}.topbar .brand em{font-size:9px;letter-spacing:1px}.brand small{font-size:7px}.brand-symbol{width:30px;height:32px}.top-actions{gap:2px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.spin{animation-duration:2s}}.brand-area{display:flex;align-items:center;gap:15px;min-width:0}.home-return{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#91aaa7;white-space:nowrap;padding:7px 0}.home-return:hover{color:#d1e9df;text-decoration:none}.topbar{gap:14px}.top-actions{flex-shrink:0}.header-statement{font-size:11px}.workspace{padding-top:12px;padding-bottom:54px}.workspace-heading{margin-bottom:9px}.workspace-heading h1{font-size:19px;line-height:1.25}.workspace-heading p{font-size:10px;margin-top:3px;line-height:1.4}.workspace-heading .model-chip{padding:6px 10px;font-size:11px}.method-selection{margin-bottom:11px}.comparison-scrollbar{position:fixed;bottom:8px;z-index:25;height:19px;overflow-x:scroll;overflow-y:hidden;background:#102330;border:1px solid #31505d;border-radius:5px;scrollbar-color:#719795 #142b37;scrollbar-width:auto;box-shadow:0 1px 12px #02080dbb;touch-action:pan-x}.comparison-scrollbar::-webkit-scrollbar{height:14px}.comparison-scrollbar::-webkit-scrollbar-track{background:#142b37;border-radius:4px}.comparison-scrollbar::-webkit-scrollbar-thumb{background:#658e8c;border:3px solid #142b37;border-radius:8px}.comparison-scrollbar::-webkit-scrollbar-thumb:hover{background:#9bb9ad}.comparison-scrollbar:focus-visible{outline:2px solid #8fd8c1;outline-offset:2px}@media(max-width:1450px){.header-statement{display:none}}@media(max-width:850px){.brand-area{gap:9px}.home-return span{display:none}.workspace{padding-top:12px}.comparison-scrollbar{bottom:5px}.workspace-heading p{font-size:9px}.topbar{gap:8px}.topbar .brand em{display:none}.brand small{letter-spacing:1px}}@media(max-width:480px){.brand-symbol{display:none}.brand b{font-size:16px!important}.brand small{font-size:6px}.topbar{padding:0 9px}.brand-area{gap:6px}.home-return{padding:8px 2px}.brand{gap:4px}}