:root{color:#182623;background:#f4f6f3;font-family:system-ui,sans-serif}body{margin:0}main{max-width:48rem;margin:12vh auto;padding:1.5rem}section{background:#fff;border-radius:1rem;padding:clamp(1.5rem,5vw,3rem)}h1{font-size:clamp(1.8rem,5vw,3rem)}p{line-height:1.7}button{font:inherit;cursor:pointer;padding:.7rem 1rem}:focus-visible{outline-offset:4px;outline:3px solid #08785c}.file-picker{grid-template-columns:minmax(0,1fr);gap:.6rem;margin-block:1.5rem;display:grid}.file-picker input{max-width:100%;font:inherit}.preview-stage{background:#15201e;position:relative;overflow:hidden}.preview-stage video{object-fit:contain;width:100%;height:100%}.preview-cover{color:#e1e9e5;place-items:center;display:grid;position:absolute;inset:0}.preview-hotspot{color:#fff;background:#163d32;border:2px dashed #c0f4d3;width:50%;height:50%;position:absolute;top:25%;left:25%}.preview-feedback{color:#fff;background:#15201ee6;margin:0;padding:.6rem;position:absolute;bottom:0}.preview-empty{color:#e1e9e5;background:#15201e;place-items:center;min-height:12rem;padding:1rem;display:grid}.preview-controls{flex-wrap:wrap;gap:.75rem;display:flex}.preview-overlays{pointer-events:none;position:absolute;inset:0}.preview-image{object-fit:contain;max-width:100%;max-height:100%}.preview-config{box-sizing:border-box;resize:vertical;width:100%;padding:.75rem;font:.85rem/1.5 monospace}.configured-player{margin-top:2rem}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:0;list-style:none;display:grid}.catalog-grid li{overflow-wrap:anywhere;min-width:0}.catalog-cover{aspect-ratio:16/9;object-fit:cover;background:#e5ebe6;place-items:center;width:100%;display:grid}fieldset{min-width:0;margin-block:1rem}main:has(.graph-editor){max-width:90rem;margin:1.5rem auto}.graph-editor{border:1px solid #dce5df;padding:1rem}.graph-editor label{gap:.4rem;margin-block:.8rem;display:grid}.graph-editor input,.graph-editor select,.graph-editor textarea{box-sizing:border-box;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #a8b8ad;border-radius:.4rem;padding:.6rem}.graph-workspace{grid-template-columns:minmax(0,1fr) minmax(16rem,22rem);gap:1rem;margin-block:1rem;display:grid}.graph-stage{border:1px solid #dce5df;min-width:0;height:640px}.node-properties{min-width:0;max-height:640px;padding:.5rem;overflow:auto}.node-properties fieldset{border:1px solid #dce5df;padding:.75rem}.node-properties legend{font-weight:600}.node-properties p{font-size:.9rem}.effect-list{padding:0;list-style:none}.effect-list li{border-bottom:1px solid #dce5df;padding-block:.8rem}.editor-actions{flex-wrap:wrap;gap:.5rem;display:flex}.hotspot-map{background:#172923;margin-block:1rem;position:relative;overflow:hidden}.hotspot-map>div{box-sizing:border-box;color:#fff;background:#235b48;border:2px dashed #b8f0ce;place-items:center;font-size:.8rem;display:grid;position:absolute}.file-picker textarea{box-sizing:border-box;min-width:0;max-width:100%}button:disabled{cursor:not-allowed;opacity:.55}@media (width<=800px){main:has(.graph-editor){margin:0 auto;padding:.75rem}main:has(.graph-editor)>section{padding:.75rem}.graph-workspace{grid-template-columns:minmax(0,1fr)}.graph-stage{height:380px}.node-properties{max-height:none;overflow:visible}}body:has(.studio-page){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#080c0f}main:has(.studio-page){max-width:none;margin:0;padding:0}.studio-page{box-sizing:border-box;--studio-bg:#090d10;--studio-panel:#101619;--studio-field:#161e22;--studio-border:#293235;--studio-muted:#99a5a8;--studio-text:#e2e7e7;--studio-accent:#d4ed42;background:var(--studio-bg);color:var(--studio-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:0;min-height:100dvh;padding:0;font:12px/1.5 PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,sans-serif}.studio-page *{box-sizing:border-box}.studio-page h1,.studio-page h2,.studio-page h3,.studio-page p{margin:0}.studio-page a{color:inherit;text-decoration:none}.studio-page button{color:var(--studio-text);min-height:30px;font:inherit;background:#171e22;border:1px solid #343e42;border-radius:5px;padding:6px 12px;transition:background .12s,border-color .12s}.studio-page button:hover:not(:disabled){background:#273236;border-color:#657274}.studio-page button:disabled{opacity:.42}.studio-page input,.studio-page select,.studio-page textarea{background:var(--studio-field);border:1px solid var(--studio-border);min-width:0;max-width:100%;color:var(--studio-text);font:inherit;border-radius:4px;padding:6px 8px}.studio-page :focus-visible{outline:2px solid var(--studio-accent);outline-offset:3px}.studio-page [role=alert]{color:#ffb6a0;font-size:12px}.studio-page [role=status]{color:#bce28a;font-size:12px}.studio-page summary{cursor:pointer;color:#c5d0d2}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.studio{flex-direction:column;min-height:100dvh;display:flex}.studio-header{border-bottom:1px solid var(--studio-border);background:#0d1114;flex-shrink:0;align-items:center;gap:18px;height:56px;padding:0 18px;display:flex}.studio-brand{white-space:nowrap;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.studio-mark{color:var(--studio-accent);font-size:28px;line-height:1}.studio-title{border-left:1px solid #343b3e;min-width:90px;max-width:220px;padding-left:14px}.studio-title input{background:0 0;border-color:#0000;width:100%;padding:4px}.studio-title input:hover{border-color:#414b4e}.studio-save-state{color:var(--studio-muted);white-space:nowrap;font-size:11px}.studio-save-state>span{color:var(--studio-accent);margin-right:5px}.studio-header-actions{gap:8px;margin-left:auto;padding-right:152px;display:flex}.studio-header-actions button{white-space:nowrap;min-width:76px}.studio-header-actions .studio-primary{color:#172002;background:var(--studio-accent);border-color:var(--studio-accent);font-weight:600}.studio-header-actions .studio-primary:hover:not(:disabled){background:#e2fa5f;border-color:#e2fa5f}.studio-page .account-signout{z-index:11;padding-inline:8px;font-size:11px;position:absolute;top:14px;right:14px}.studio-page .catalog-drawer{z-index:12;position:absolute;top:14px;right:88px}.catalog-drawer>summary{background:#171e22;border:1px solid #343e42;border-radius:4px;min-height:30px;padding:5px 10px;list-style:none}:where(.studio-page .catalog-drawer)>section{border:1px solid var(--studio-border);background:var(--studio-panel);border-radius:6px;width:min(560px,100vw - 30px);max-height:80dvh;padding:20px;position:absolute;top:38px;right:0;overflow:auto;box-shadow:0 18px 60px #0009}.studio-page :where(.catalog-drawer) h2{margin-bottom:12px;font-size:15px}.studio-body{flex:1;grid-template-columns:216px minmax(0,1fr);min-height:0;display:grid}.studio-library{background:var(--studio-panel);border-right:1px solid var(--studio-border);max-height:calc(100dvh - 260px);padding:14px 12px;overflow:auto}.studio-panel-title{justify-content:space-between;align-items:center;margin-bottom:16px;font-size:12px;font-weight:600;display:flex}.studio-panel-title>span{color:#62c6c9;border:1px solid #285559;border-radius:3px;padding:1px 5px;font-size:10px;font-weight:400}.studio-library section{background:0 0;border-radius:0;padding:0}.studio-library section h2{display:none}.studio-library section>p:first-of-type{color:var(--studio-muted);margin-bottom:12px;font-size:10px;line-height:1.6}.studio-library .file-picker{gap:7px;margin-block:10px;font-size:11px}.studio-library input[type=file]{background:#0c1215;border-style:dashed;width:100%;padding:6px;font-size:10px}.studio-library input::file-selector-button{color:#e1e7e7;font:inherit;background:#233034;border:0;border-radius:3px;margin-right:5px;padding:5px}.studio-library :where(form)>button{width:100%;font-size:11px}.studio-asset-groups{margin-top:20px}.studio-asset-groups>details{border-bottom:1px solid #263034;padding-block:10px}.studio-asset-groups summary{justify-content:space-between;font-size:11px;display:flex}.studio-asset-groups summary>span{color:#7d8b8f}.studio-empty-assets{color:#78888b;text-align:center;padding:8px 4px;font-size:11px}.studio-page .studio-asset-groups ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:10px 0 0;padding:0;list-style:none;display:grid}.studio-asset-groups li{background:#192226;border:1px solid #2b3a3e;border-radius:4px;flex-direction:column;gap:2px;margin-bottom:0;padding:0;display:flex}.studio-asset-groups li>span:not(.asset-type-icon){text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.asset-type-icon{color:#82b4b2;grid-row:span 2;place-items:center;font-size:25px;display:grid}.studio-asset-groups small{color:#7da38c;font-size:9px}.studio-work-access{margin-block:20px 10px}.studio-work-access button{width:100%}.studio-library>button{width:100%;color:var(--studio-muted);font-size:10px}.studio-page .graph-editor{background:var(--studio-bg);border:0;border-radius:0;min-width:0;padding:0;position:relative}.studio-page .graph-editor>h2{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.studio-page .graph-toolbar{z-index:5;background:#1a2226e8;border:1px solid #303a3d;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;width:fit-content;max-width:calc(100% - 356px);padding:6px 10px;display:flex;position:absolute;top:14px;left:18px;right:338px;box-shadow:0 4px 12px #0003}.studio-page .graph-toolbar>label{color:#93a2a7;align-items:center;gap:6px;margin:0;font-size:10px;display:flex}.studio-page .graph-toolbar select{background:#232d31;border-color:#0000;width:auto;padding:3px;font-size:10px}.studio-page .graph-toolbar>button{min-height:26px;padding:4px 8px;font-size:10px}.studio-page .graph-workspace{grid-template-columns:minmax(0,1fr) 320px;gap:0;min-height:calc(100dvh - 260px);margin:0}.studio-page .graph-stage{border:0;height:calc(100dvh - 260px);min-height:420px;position:relative}.studio-page .node-properties{background:#141c20;border-left:1px solid #2b3539;height:calc(100dvh - 260px);max-height:none;padding:18px 14px}.outcome-preview{background:linear-gradient(135deg,#1b292d,#112126);border:1px solid #33565b;border-radius:7px;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);gap:7px;margin:12px 0;padding:10px;display:grid}.outcome-preview-frame{text-align:center;color:#cbd6d6;gap:7px;min-width:0;font-size:11px;display:grid}.outcome-preview-empty{aspect-ratio:3/4;box-sizing:border-box;overflow-wrap:anywhere;background:#10191b;border:1px solid #6e7e3d;border-radius:4px;place-items:center;width:100%;padding:4px;display:grid;overflow:hidden}.outcome-preview-trigger{color:#7ad1d2;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:10px;display:flex}.outcome-preview-trigger>span:first-child{font-size:26px}.outcome-preview-arrow{font-size:30px;line-height:1}.studio-page .node-properties>label{align-items:center;gap:14px;font-size:11px;display:flex}.studio-page .node-properties>:where(label) select{flex:1}.studio-page .node-properties label{color:#a6b3b7;gap:5px;margin-block:12px;font-size:11px}.studio-page .node-properties .inspector-node-picker{white-space:nowrap;align-items:center;gap:8px;min-width:0;margin:0;display:flex}.studio-page .inspector-node-picker select{width:auto;max-width:120px;padding:2px 4px;font-size:11px}.studio-page .node-properties input,.studio-page .node-properties select,.studio-page .node-properties textarea{color:#d6e0e1;font:inherit;background:#0f161a;border:1px solid #2b373c;padding:6px 8px}.studio-page .node-properties fieldset{border:0;margin:16px 0;padding:0}.studio-page .node-properties :where(fieldset) fieldset{border-top:1px solid #303b40;padding-top:10px}.studio-page .node-properties :where(fieldset)>label{grid-template-columns:105px minmax(0,1fr);align-items:center;gap:8px;margin-block:10px;display:grid}.studio-page .node-properties :where(.effect-list) label{grid-template-columns:minmax(0,1fr);display:grid}.studio-page .node-properties legend{color:#d4ed42;font-size:11px}.studio-page .node-properties p{color:#90a2a7;font-size:10px;line-height:1.65}.studio-page .node-properties button{font-size:10px}.studio-page .hotspot-map{background:#0b1013;border:1px solid #315056;border-radius:4px;width:min(100%,140px);margin:14px auto}.studio-page .hotspot-map>div{color:#72d3d6;background:#13363b;border:1px solid #4abec4;font-size:10px}.studio-page .effect-list li{border-color:#2b373c;padding-block:12px}.studio-page .effect-list strong{color:#d1dddd;font-size:11px}.studio-page .graph-validation{z-index:6;background:#182025f0;border:1px solid #374146;border-radius:5px;max-width:min(380px,100% - 356px);padding:8px 12px;font-size:10px;position:absolute;bottom:194px;left:18px;box-shadow:0 5px 15px #0004}.studio-page .graph-validation summary{color:#c5ccaa}.studio-page .graph-validation ul{color:#a4b1b4;margin:6px 0;padding-left:15px}.studio-page .graph-validation button{color:#6abcc2;background:0 0;border:0;min-height:24px;padding:3px 0;font-size:10px;display:block}.studio-page .graph-validation p{color:#7e9198;margin-top:6px;font-size:9px}.studio-node{color:#d7e0e3;background:#192226;border:1px solid #3c4d54;border-radius:7px;width:184px;overflow:visible;box-shadow:0 8px 18px #0004}.studio-node.is-selected{border-color:#c7e749;box-shadow:0 0 0 1px #c7e749,0 8px 18px #0004}.studio-node-heading{border-bottom:1px solid #34454b;justify-content:space-between;gap:8px;padding:9px;font-size:10px;display:flex}.studio-node-heading>span:first-child{text-overflow:ellipsis;max-width:85px;overflow:hidden}.node-kind{color:#81c6cc;font-size:9px}.node-kind-end{color:#c5d680}.studio-node-content{color:#8eadb5;background:#10181c;flex-direction:column;justify-content:center;align-items:center;gap:5px;height:136px;display:flex}.studio-page .studio-node-content>span{color:#6cafb9;font-size:34px;line-height:1.4}.studio-page .studio-node-content>strong{color:#c2d4d9;font-size:12px;font-weight:500}.studio-node-content>small{color:#738a93;font-size:9px}.node-content-end{background:#151c16}.studio-node-branch{color:#91aab3;text-align:right;border-top:1px solid #2d3b42;padding:5px 10px;font-size:9px}.studio-page .react-flow__handle{background:#77a9ba;border:2px solid #0b161c;width:8px;height:8px}.studio-page .react-flow__edge-path{stroke:#507d8d;stroke-width:1.2px}.studio-page .react-flow__edge-text{fill:#93aeb7;font-size:9px}.studio-page .react-flow__edge-textbg{fill:#111b20}.studio-page .react-flow__controls{box-shadow:none;border:1px solid #2d3b42;border-radius:5px;bottom:32px;overflow:hidden}.studio-page .react-flow__controls button{border:0;border-bottom:1px solid #2d3b42;border-radius:0;min-height:26px;padding:6px}.studio-page .react-flow__attribution{color:#60767f;background:0 0;font-size:8px;bottom:32px}.studio-canvas-caption{color:#7e929a;pointer-events:none;background:#10171bcc;border-top:1px solid #1f2d33;justify-content:space-between;align-items:center;height:30px;padding:0 16px;font-size:9px;display:flex;position:absolute;bottom:0;left:0;right:0}.studio-canvas-empty{text-align:center;pointer-events:none;color:#82969e;position:absolute;top:40%;left:0;right:0}.studio-page .studio-canvas-empty>span{border:1px dashed #3b535c;border-radius:12px;place-items:center;width:50px;height:50px;margin-bottom:16px;font-size:25px;display:inline-grid}.studio-canvas-empty h3{margin-bottom:8px;font-size:15px;font-weight:500}.studio-page .studio-canvas-empty p{color:#607780;font-size:11px}.studio-footer{color:#82949c;background:#0d1418;border-top:1px solid #293439;flex-wrap:wrap;align-items:center;gap:10px;min-height:32px;padding:6px 120px 6px 16px;font-size:10px;display:flex}.studio-advanced{z-index:8;font-size:10px;position:absolute;bottom:8px;right:16px}.studio-page .studio-advanced>label{background:#162026;border:1px solid #384a53;width:min(540px,100vw - 32px);margin:0;padding:16px;position:absolute;bottom:22px;right:0;box-shadow:0 10px 30px #0008}.studio-page .studio-advanced textarea{width:100%;font-family:ui-monospace,monospace;font-size:11px}.studio-preview{z-index:20;background:#090e12;border:1px solid #2a3941;border-radius:0;padding:18px;position:fixed;inset:56px 0 0 216px;overflow:auto}.studio-page .studio-preview>section{background:0 0;max-width:960px;margin:auto;padding:20px}.studio-page .studio-preview h1{font-size:18px}.studio-preview .file-picker{margin-block:15px}.draft-direct-preview{text-align:center;padding:12px}.studio-page .draft-direct-preview h2{margin:0 0 8px;font-size:14px}.studio-page .draft-preview-caption{color:#96a7ac;font-size:11px}.draft-direct-preview .preview-stage{width:min(100%, 640px, calc(max(160px, 100dvh - 300px) * var(--preview-ratio)));border:1px solid #516065;border-radius:6px;margin-inline:auto}.studio-page .draft-direct-preview :where(.preview-player)>p{color:#aebbc0;margin-block:8px;font-size:11px}.draft-direct-preview .preview-controls{justify-content:center}@media (width<=1100px){.studio-header{box-sizing:border-box;gap:10px;padding-inline:12px}.studio-save-state{display:none}.studio-title{max-width:150px}.studio-body{grid-template-columns:200px minmax(0,1fr)}.studio-page .graph-workspace{grid-template-columns:minmax(0,1fr) 272px}.studio-page .graph-toolbar{max-width:calc(100% - 308px);right:290px}.studio-page .graph-validation{max-width:calc(100% - 308px)}}@media (width<=800px){main:has(.studio-page){padding:0}:where(main:has(.studio-page))>section{padding:0}.studio-header{flex-wrap:wrap;align-items:flex-start;gap:8px;height:auto;min-height:104px;padding:12px}.studio-brand{height:30px;font-size:12px}.studio-title{max-width:155px;margin-right:140px;padding-left:8px}.studio-header-actions{width:100%;margin-left:0;padding-right:0}.studio-header-actions button{flex:1}.studio-page .account-signout,.studio-page .catalog-drawer{top:54px}.studio-body{flex-direction:column;display:flex}.studio-library{border-right:0;border-bottom:1px solid var(--studio-border);max-height:none}.studio-asset-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.studio-asset-groups li{flex-wrap:wrap;display:flex}.studio-page .graph-workspace{grid-template-columns:minmax(0,1fr)}.studio-page .graph-stage{height:520px;min-height:520px}.studio-page .graph-toolbar{width:auto;max-width:none;margin:10px;position:relative;top:0;left:0;right:auto}.studio-page .graph-validation{max-width:none;margin:10px;position:relative;inset:auto}.studio-page .node-properties{border-top:1px solid #2b3539;border-left:0;height:auto}.studio-preview{padding:12px;inset:0}.studio-page .studio-preview>section{padding:8px}.studio-advanced{padding:12px;position:relative;inset:auto}.studio-page .studio-advanced>label{width:100%;margin-top:8px;position:static}.studio-footer{padding:12px}}@media (prefers-reduced-motion:reduce){.studio-page button{transition:none}}.rehearsal-page .studio-header h1,.configured-studio .studio-header h1{color:#adbabf;border-left:1px solid #34434a;padding-left:18px;font-size:12px;font-weight:400}.rehearsal-page .studio-header-actions{align-items:center;gap:16px;padding-right:0}.studio-page .rehearsal-config-link{color:#14200a;background:#d4ed42;border-radius:4px;padding:6px 12px}.rehearsal-body{grid-template-columns:216px minmax(0,1fr) 320px;min-height:calc(100dvh - 56px);display:grid}.rehearsal-library{background:#10171b;border-right:1px solid #29373e;grid-area:1/1;padding:18px 14px}.rehearsal-properties{background:#141d22;border-left:1px solid #2d3b42;grid-area:1/3;padding:18px 16px}.rehearsal-center{background:#080e12;grid-area:1/2;min-width:0;padding:24px}.studio-page .rehearsal-library>p,.studio-page .rehearsal-properties p{color:#8fa1a9;font-size:11px;line-height:1.75}.rehearsal-page .file-picker{gap:8px;margin:22px 0;font-size:11px}.rehearsal-page input[type=file]{width:100%;padding:8px 5px;font-size:10px}.rehearsal-page input::file-selector-button{font:inherit;color:#c8d8df;background:#26343b;border:0;border-radius:3px;padding:5px}.studio-page .rehearsal-properties :where(details)>p{margin-top:12px}.studio-page .rehearsal-properties label{color:#b4c3ca;margin-block:18px;font-size:11px;display:block}.rehearsal-properties input[type=checkbox]{accent-color:#d4ed42;vertical-align:middle;margin-right:8px}.rehearsal-flow{color:#9fc9d4;background:#162b31;border:1px solid #30616d;border-radius:5px;justify-content:space-between;align-items:center;margin:20px 0;padding:18px 12px;font-size:11px;display:flex}.rehearsal-flow>span:nth-child(2){color:#62b8c2;font-size:24px}.rehearsal-mode{color:#d4ed42;background:#202c32;border:1px solid #31424b;border-radius:5px;width:fit-content;margin:0 auto 24px;padding:7px 14px;font-size:11px}.studio-page .rehearsal-mode>span{color:#92a5af;margin-left:18px}.studio-page .preview-empty{aspect-ratio:9/16;text-align:center;background:#101b21;border:1px solid #30434d;border-radius:9px;flex-direction:column;justify-content:center;gap:14px;width:min(100%,300px);min-height:0;margin:0 auto;display:flex}.studio-page .preview-empty>span{color:#6a9daf;font-size:42px}.studio-page .preview-empty strong{color:#c1d7e0;font-size:14px;font-weight:500}.studio-page .preview-empty p{color:#6f8996;font-size:11px}.studio-page .preview-player{max-width:760px;margin:0 auto}.preview-simulation{border:0;justify-content:center;align-items:center;gap:8px;min-width:0;margin:0;padding:0 0 10px;font-size:11px;display:flex}.studio-page .preview-simulation>span{color:#a8bbc2}.studio-page .preview-simulation button{padding:5px 9px;font-size:11px}.studio-page .preview-stage{background:#0b141a;border:1px solid #365663;border-radius:8px}.studio-page .preview-cover{color:#9db9c8;background:#101b23;font-size:12px}.studio-page .preview-hotspot{color:#9be4e6;background:#12353ebd;border:1px solid #6bd3d3;border-radius:8px}.studio-page .preview-controls{margin-top:16px}.studio-page .preview-player>p{color:#8fa7b3;margin-top:10px;font-size:11px}.configured-studio .studio-header>a{color:#99c1d0;margin-left:auto}.configured-layout{grid-template-columns:minmax(300px,380px) minmax(0,1fr);min-height:calc(100dvh - 56px);display:grid}.configured-settings{background:#121c22;border-right:1px solid #2d414c;min-width:0;padding:22px}.studio-page .configured-settings p{color:#95aab4;font-size:11px;line-height:1.8}.configured-settings .file-picker{margin-block:18px;font-size:11px}.studio-page .configured-settings fieldset{border:1px solid #324b58;padding:12px}.studio-page .configured-settings legend{color:#d4ed42;font-size:11px}.configured-settings .preview-config{font-size:11px}.configured-view{min-width:0;padding:28px}.configured-view .configured-player{margin:0}.studio-page .configured-player h2{color:#bbd0db;margin-bottom:18px;font-size:12px}@media (width<=900px){.rehearsal-body{grid-template-columns:190px minmax(0,1fr)}.rehearsal-properties{border-left:0;grid-area:2/1}.rehearsal-center{grid-area:1/2/3;padding:16px}}@media (width<=600px){.rehearsal-body,.configured-layout{flex-direction:column;display:flex}.rehearsal-library{order:0}.rehearsal-center{order:1}.rehearsal-properties{order:2}.rehearsal-page .studio-header-actions{width:auto;margin-left:auto}.configured-view{padding:16px}}.studio-page.account-page{padding:max(10dvh,40px) max(24px,50vw - 210px)}.studio-page.account-page h1{white-space:nowrap;margin:18px 0 12px;font-size:24px}.studio-page.account-page p{color:#95a9b3;margin-block:14px}.studio-page.account-page form{margin-top:24px}.studio-page .account-primary{color:#162209;background:#d4ed42;border-radius:5px;margin-block:14px;padding:10px 18px;font-size:13px;display:inline-block}.asset-thumbnail{background:#222d31;border-radius:4px;flex:0 0 48px;grid-row:span 2;width:48px;height:54px;display:block;position:relative;overflow:hidden}.outcome-preview-frame .asset-thumbnail{aspect-ratio:3/4;box-sizing:border-box;border:1px solid #6e7e3d;grid-row:auto;width:100%;height:auto}.studio-asset-groups .asset-thumbnail{aspect-ratio:3/2;flex-basis:auto;width:100%;height:auto}.studio-upload{margin-top:12px}.studio-page .studio-upload>summary{text-align:center;color:#d2dfdf;border:1px solid #334146;border-radius:4px;padding:8px}.asset-thumbnail img,.asset-thumbnail video{object-fit:cover;width:100%;height:100%}.asset-thumbnail-placeholder{color:#b0bcbd;place-items:center;height:100%;font-size:10px;display:grid}.studio-node-content>.asset-thumbnail{border-radius:0;flex-basis:auto;width:100%;height:150px}.node-timeline{box-sizing:border-box;background:#101619;border-top:1px solid #303b40;width:calc(100% + 216px);height:172px;margin-left:-216px;padding:10px 16px}.node-timeline header{align-items:center;gap:16px;height:24px;font-size:11px;display:flex}.node-timeline header small{color:#89999f;margin-left:auto}.timeline-row{align-items:center;gap:12px;min-height:30px;font-size:10px;display:flex}.timeline-label{color:#9faeb3;flex-shrink:0;width:68px}.timeline-ruler{color:#8f9fa6;flex:1;justify-content:space-between;display:flex}.timeline-track{background:repeating-linear-gradient(90deg,#182126 0 calc(25% - 1px),#2b353a calc(25% - 1px) 25%);border-bottom:1px solid #0b1013;flex:1;min-width:0;height:34px;position:relative;overflow:hidden}.timeline-empty{color:#7f9097;padding:10px;font-size:10px;display:block}.timeline-media{background:#314347;align-items:center;gap:10px;height:100%;display:flex}.timeline-filmstrip{pointer-events:none;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px;display:grid;position:absolute;inset:0}.timeline-filmstrip .asset-thumbnail{width:100%;min-width:0;height:100%}.timeline-clip-label{background:#101619c9;border-radius:3px;margin-left:6px;padding:2px 6px;position:relative}.studio-page .timeline-media>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-page .timeline-media small{white-space:nowrap;background:#101619c9;margin-left:auto;padding-right:10px;position:relative}.timeline-window{box-sizing:border-box;color:#e5f2ba;background:#526226;border:1px solid #b8d343;position:absolute;top:5px;bottom:5px}.studio-page .timeline-window span{white-space:nowrap;padding:4px 8px;display:block}.studio-page .timeline-marker{appearance:none;pointer-events:none;touch-action:none;background:0 0;border:0;width:calc(100% + 12px);height:100%;min-height:0;margin:0;padding:0;position:absolute;inset:0 auto 0 -6px}.timeline-marker::-webkit-slider-thumb{appearance:none;pointer-events:auto;cursor:ew-resize;background:#46acb3;border:1px solid #96d8dc;width:12px;height:12px;transform:rotate(45deg)}.timeline-marker::-moz-range-thumb{pointer-events:auto;cursor:ew-resize;background:#46acb3;border:1px solid #96d8dc;border-radius:0;width:12px;height:12px;transform:rotate(45deg)}.timeline-marker:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #fff}.timeline-marker:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #fff}.timeline-playhead::-webkit-slider-thumb{background:#d4ed42;border-color:#d4ed42;width:3px;height:28px;transform:none}.timeline-playhead::-moz-range-thumb{background:#d4ed42;border-color:#d4ed42;width:3px;height:28px;transform:none}.timeline-marker:disabled{opacity:.3}.editor-view-switch{border:0;gap:2px;margin:0;padding:0;display:flex}.studio-page .editor-view-switch button{white-space:nowrap;padding:4px 8px;font-size:10px}.studio-page .editor-view-switch button[aria-pressed=true]{color:#182009;background:#d4ed42;border-color:#d4ed42}.artwork-panel{box-sizing:border-box;background:radial-gradient(#192327,#080d10 72%);flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;padding:84px 24px 54px;display:flex}.artwork-edit-label{color:#aebfc4;font-size:11px}.artwork-fit{flex:1;place-items:center;width:100%;min-height:0;display:grid;container-type:size}.artwork-surface{box-sizing:border-box;width:min(480px, 100cqw, calc(100cqh * var(--artwork-ratio)));aspect-ratio:var(--artwork-ratio);background:#11191c;border:1px solid #516065;border-radius:8px;position:relative;overflow:hidden}.artwork-surface .asset-thumbnail{width:100%;height:100%}.artwork-surface video{object-fit:contain}.artwork-placeholder{color:#6a7d85;place-items:center;height:100%;font-size:12px;display:grid}.studio-page .artwork-hotspot{touch-action:none;-webkit-user-select:none;user-select:none;cursor:move;box-sizing:border-box;color:#e4f0ac;background:#d4ed421c;border:1px solid #d4ed42;border-radius:0;place-items:center;min-height:0;padding:0;font-size:11px;display:grid;position:absolute}.studio-page .hotspot-coordinates label{color:#b0bec3;grid-template-columns:105px minmax(0,1fr);align-items:center;gap:8px;margin-top:8px;font-size:10px;display:grid}@media (width>=801px) and (height<=660px){.studio-page .node-properties{padding:8px 10px}.studio-page .node-properties>fieldset{margin-block:6px}.studio-page .node-properties>fieldset>legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.studio-page .node-properties :where(fieldset)>label{grid-template-columns:76px minmax(0,1fr);margin-block:4px;font-size:10px}.studio-page .node-properties :is(input,select){height:22px;min-height:22px;padding:1px 6px}.outcome-preview{padding:7px}.outcome-preview-frame{gap:4px;font-size:10px}.outcome-preview-frame .asset-thumbnail,.outcome-preview-empty{aspect-ratio:auto;height:80px}.node-properties .studio-panel-title{margin-bottom:6px}.studio-page .node-properties .inspector-node-picker select{height:22px;min-height:0;padding-block:1px}.outcome-preview{margin-block:6px}.studio-page .graph-toolbar{gap:6px;padding:0 6px;top:4px}.studio-page .account-signout,.studio-page .catalog-drawer{top:4px}.studio-page .account-signout,.catalog-drawer>summary{min-height:26px;padding-block:3px}.studio-header{gap:10px;height:32px;padding-inline:12px}.studio-header button{min-height:26px;padding-block:3px}.studio-page .editor-view-switch button{min-height:22px;padding:2px 6px}.studio-footer{box-sizing:border-box;flex-wrap:nowrap;height:24px;min-height:24px;padding-block:3px;line-height:16px;overflow:auto}.studio-library{max-height:calc(100dvh - 187px)}.studio-page .graph-workspace{min-height:calc(100dvh - 187px)}.studio-page .graph-stage{height:calc(100dvh - 187px);min-height:0}.studio-page .node-properties{height:calc(100dvh - 187px);padding-block:10px}.node-timeline{height:131px;padding-block:4px}.timeline-row{min-height:24px}.timeline-track{height:28px}.studio-page .graph-validation{padding:5px 8px;bottom:148px}.artwork-panel{gap:0;padding:32px 12px 28px}.artwork-edit-label,.studio-page .artwork-panel p{display:none}}.studio-page .artwork-panel p{color:#85979d;margin:0;font-size:10px}@media (width>=801px) and (width<=1100px){.node-timeline{width:calc(100% + 200px);margin-left:-200px}}@media (width<=800px){.node-timeline{width:100%;height:auto;min-height:172px;margin-left:0;padding:10px}.timeline-label{width:50px}}