@theme{--color-studio-bg: #07111c; --color-studio-surface: #0d1d2d; --color-studio-raised: #12293b; --color-studio-line: #294557; --color-studio-text: #edf6fc; --color-studio-muted: #aec3d4; --color-studio-accent: #66e3f4;}body{background:var(--paper)}body :is(h1,h2,h3){font-family:Outfit,ui-sans-serif,sans-serif}body h1{letter-spacing:-.04em;font-size:clamp(1.85rem,3.5vw,3rem);font-weight:500;line-height:1.12}body h2{font-size:clamp(1.25rem,2.3vw,1.8rem);font-weight:500;line-height:1.25}body .eyebrow{letter-spacing:.14em;font-size:.75rem}body ::placeholder{color:var(--muted);opacity:.8}body ::selection{background:var(--accent);color:var(--paper)}body .panel{background:var(--panel);border-radius:16px;box-shadow:0 12px 32px #0002}body :is(button,a.primary,.studioLaunch){min-height:44px}body button.primary,body a.primary,body .signInProfile{background:var(--accent);color:var(--paper);border-color:var(--accent)}body button.primary:hover,body a.primary:hover{background:var(--accent-dark);color:var(--paper)}body button.active{background:var(--panel-2);color:var(--accent)}body :is(input,select,textarea,button,a):focus-visible{outline:2px solid var(--accent);outline-offset:4px}body .productNav{background:var(--panel);border-color:var(--line);-webkit-backdrop-filter:none;backdrop-filter:none;flex-wrap:wrap;gap:12px}body .productNav .brandMark{background:var(--panel-2);font-family:Outfit,sans-serif}body .productLinks{flex:1;justify-content:center}body .productLinks a{border-radius:8px;align-items:center;gap:8px;min-height:44px;font-size:.8rem;display:inline-flex}body .productLinks a:hover,body .productLinks a.navActive{background:var(--panel-2);color:var(--accent)}@media (width>=1180px){body .commandShell>.productNav{flex-wrap:nowrap;gap:20px;padding:20px 16px;overflow:hidden auto}body .commandShell .productBrand,body .commandShell .navUser,body .commandShell .commandNavFooter{flex-shrink:0}body .commandShell .productLinks{flex:none;justify-content:flex-start;gap:6px}body .commandShell .productLinks a{min-height:44px;padding:10px 12px}body .commandShell .navUser{margin-left:0}}body .tierPill{background:var(--panel-2);color:var(--accent);border-color:var(--line)}body .studioShell{max-width:1520px;padding-bottom:120px}.studioTools{border-top:1px solid var(--line);gap:8px;width:100%;padding-top:8px;display:flex;overflow-x:auto}.studioTools a{white-space:nowrap;min-height:44px;color:var(--muted);border-radius:6px;align-items:center;padding:0 12px;font-size:.8rem;text-decoration:none;display:inline-flex}.studioTools a[aria-current=page]{background:var(--panel-2);color:var(--accent)}.studioTools,.productLinks{scrollbar-width:thin;scrollbar-color:var(--line) transparent}.studioShell :is(input,select,textarea,button,a,summary){scroll-margin-block:180px 120px}.studioToolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:16px 0;display:flex}.studioToolbar>div,.studioToolbar>button{align-items:center;gap:10px;display:flex}.studioToolbar>div{letter-spacing:.06em;flex-wrap:wrap;font-size:.75rem}.studioToolbar>button{background:var(--panel);border-radius:8px;font-size:.8rem}.studioToolbar kbd{font:inherit;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:2px 5px}.studioAvailability{color:var(--muted);border-bottom:1px solid var(--line);margin:8px 0 24px;padding-bottom:12px;font-size:.8rem}.studioAvailability>summary{cursor:pointer;align-content:center;min-height:44px}.studioAvailability .panel{margin-top:12px;padding:20px}.studioProjectBar{background:var(--panel-2);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:16px 0;padding:16px 20px;display:flex}.studioProjectBar>div:first-child{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.studioProjectBar small{color:var(--muted);font-size:.75rem}.studioProjectBar .actionRow{gap:12px;margin:0}.studioProjectBar a{align-items:center;gap:4px;min-height:44px;display:inline-flex}.studioPill{border:1px solid var(--line);color:var(--accent);background:var(--panel-2);border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:.75rem;display:inline-flex}.studioSection{min-width:0;margin-block:24px}.studioSection fieldset{border:0;min-width:0;margin:0;padding:0}.studioCapabilities{gap:8px;margin-block:20px;font-size:.8rem;display:grid}.studioCapabilities>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(100px,.8fr) minmax(0,1fr);gap:12px;padding-bottom:8px;display:grid}.studioCapabilities dt{color:var(--muted)}.studioCapabilities dd{color:var(--ink);margin:0}.studioDestinationState{flex-wrap:wrap;gap:8px;margin-block:16px;display:flex}body .editorialDoorway{background:var(--paper);color:var(--ink)}body .doorwayPreview{background:var(--panel);border-color:var(--line);color:var(--ink)}body .doorwayPreview h2,body .doorwayBrand{color:var(--ink)}body .editorialDoorway :is(h1,h2){letter-spacing:-.04em;font-family:Outfit,ui-sans-serif,sans-serif;font-weight:500}body .doorwayDisclosure summary{color:var(--muted)}body .doorwayPreview em{color:var(--accent);font-style:normal}body .doorwayActions a{color:var(--accent)}body .menuPop{background:var(--panel);color:var(--ink);border-color:var(--line)}body .menuPop a:hover{background:var(--panel-2);color:var(--accent)}body .guidePage{max-width:1400px}body .studioBeat[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}@media (width<=1050px){.commandShell .mcSignals{align-self:start}.commandShell .mcSignalList{gap:8px}.commandShell .mcSignal{min-height:60px}.commandShell .mcFocus{align-self:start}}.studioGrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));align-items:start;gap:16px;display:grid}.studioMetric{border:1px solid var(--line);background:var(--panel-2);border-radius:12px;gap:8px;padding:20px;display:grid}.studioMetric strong{font-variant-numeric:tabular-nums;font-size:1.65rem;font-weight:500;line-height:1.2}.studioMetric small{color:var(--muted);font-size:.8rem}.studioEmpty{border:1px dashed var(--line);color:var(--muted);border-radius:12px;padding:32px}.studioField{gap:8px;min-width:0;margin-block:12px;font-size:.9rem;display:grid}.studioField :is(input:not([type=checkbox]),textarea,select){border:1px solid var(--line);background:var(--paper);width:100%;min-width:0;min-height:44px;color:var(--ink);font:inherit;border-radius:8px;padding:12px}.studioSaveBar{z-index:12;background:var(--panel-2);color:var(--ink);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-block:16px;padding:16px;display:flex;position:sticky;bottom:16px;box-shadow:0 8px 24px #0006}.studioSaveBar p{margin:0}.studioTable{border-collapse:collapse;width:100%;font-size:.9rem}.studioTable :is(th,td){border-bottom:1px solid var(--line);text-align:left;overflow-wrap:anywhere;padding:14px 12px}.studioTable th{color:var(--muted);font-weight:500}.studioCommandOverlay{z-index:180;background:#010811c9;position:fixed;inset:0}.studioCommand{z-index:181;background:var(--panel);max-width:650px;max-height:84vh;color:var(--ink);border:1px solid var(--line);border-radius:16px;margin:auto;padding:24px;position:fixed;inset:8vh 16px auto;overflow:auto;box-shadow:0 24px 96px #0008}.studioCommand h2{margin:0}.studioCommandResults a{border-bottom:1px solid var(--line);min-height:48px;color:var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:12px;text-decoration:none;display:flex}.studioCommandResults a:hover{background:var(--panel-2);color:var(--accent)}.studioCommandResults small{color:var(--muted)}.studioCommandResults h3{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin:24px 12px 8px;font-size:.75rem}body .captionPreview,body .scriptBox,body .guideTip,body .draftRecovery,body .loadedBanner{background:var(--panel-2);color:var(--ink);border-color:var(--line)}body .pageHero{border-top:2px solid var(--line);padding:28px 32px}body .pageHero>p{max-width:70ch}body .pageHero h1{max-width:30ch}body .studioPage{max-width:1520px}body .studioHeader{margin-top:24px}body .studioHeaderLinks{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}body .studioHeaderLinks a{align-items:center;min-height:44px;display:inline-flex}body .studioHeader .loadedBanner{padding:12px;font-size:.85rem}body .finishDesk{--finish-ink:var(--paper);--finish-paper:var(--ink);--finish-brass:var(--accent);padding-inline:0}body .finishJewel{color:var(--accent);border-color:var(--line);white-space:normal}body .finishStage,body .finishControls section,body .finishLibrary{background:var(--panel);border-color:var(--line);color:var(--ink)}body .finishControls section{border:1px solid var(--line);border-radius:12px;padding:20px}body .finishControls :is(input:not([type=range]):not([type=checkbox]),select,textarea){background:var(--paper);color:var(--ink);border-color:var(--line);font:inherit}body .finishControls label,body .finishStep,body .finishHint{color:var(--muted);font-size:.8rem}body .finishControls button{background:var(--panel-2);color:var(--ink);border-color:var(--line)}body .finishControls button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}body .finishStage{top:156px}body .finishHeader{align-items:center;margin-bottom:16px}body .finishHeader h1{margin-block:8px;font-size:clamp(1.7rem,3vw,2.5rem)}body .finishHeader p{margin-bottom:8px}.studioFinishActions{flex-shrink:0;justify-items:end;gap:12px;display:grid}.studioFinishActions button{font-size:.85rem}body .finishHint{line-height:1.6}body .finishTabs{z-index:10;background:var(--paper);flex-wrap:wrap;gap:8px;padding:12px 0;display:flex;position:sticky;top:140px}body .finishTabs button{text-align:center;flex:1}body .finishTabs button[aria-pressed=true]{background:var(--panel-2);color:var(--accent);border-color:var(--accent)}.studioCropChecks{flex-wrap:wrap;align-items:start;gap:12px;margin-top:16px;display:flex}.studioCropChecks figure{flex:1;min-width:70px;margin:0}.studioCropChecks canvas{object-fit:contain;border:1px solid var(--line);border-radius:4px;width:100%;max-height:140px}.studioCropChecks figcaption{color:var(--muted);margin-top:8px;font-size:.75rem}.studioBeatList{flex-wrap:wrap;gap:8px;margin-block:16px;display:flex}.studioBeat{border:1px solid var(--line);border-top:2px solid var(--accent);background:var(--panel-2);border-radius:8px;flex:1;min-width:110px;padding:12px}.studioBeat strong,.studioBeat small{display:block}.studioBeat small{color:var(--muted);margin-top:6px}.studioAssetGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.studioAssetGrid>section{border:1px solid var(--line);background:var(--panel-2);border-radius:12px;min-width:0;padding:20px}.studioAssetGrid video{width:100%;max-height:240px;margin:12px 0}.studioAssetGrid canvas{object-fit:contain;width:100%;max-height:220px}.studioAssetGrid .studioField select{font-size:.85rem}.privacyIndex{flex-wrap:wrap;gap:8px;margin-block:24px;display:flex}.privacyIndex a{border:1px solid var(--line);min-height:44px;color:var(--accent);border-radius:8px;align-items:center;padding:8px 12px;display:inline-flex}.prose section{border-top:1px solid var(--line);margin-top:24px;padding-top:24px;scroll-margin-top:180px}@media (width>=1200px){body .ideaList{max-height:calc(100vh - 180px);position:sticky;top:158px;overflow:auto}body .ideaLayout{grid-template-columns:minmax(260px,.8fr) minmax(0,2fr)}}@media (width<=950px){body .productNav .productBrand{flex:1}body .productLinks{flex-wrap:nowrap;flex-basis:100%;order:3;justify-content:flex-start;overflow-x:auto}body .studioTools{order:4}body .productNav{position:relative;top:auto}body .productLinks a{white-space:nowrap;flex-shrink:0}body .finishStage{top:16px}body .finishTabs{top:0}.studioAssetGrid{grid-template-columns:1fr}.studioSaveBar{bottom:80px}}@media (width<=600px){body .studioShell{padding:12px 12px 120px}body .pageHero{padding:24px 20px}body .detailPanel{padding:20px}body .studioToolbar>button{justify-content:space-between;width:100%}body .studioProjectBar{align-items:stretch;padding:16px}body .studioProjectBar>div:first-child{gap:8px;display:grid}body .finishHeader{display:block}body .finishLayout{flex-direction:column;display:flex}body .finishStage{width:100%;position:relative;top:0}body .finishControls{width:100%}body .finishCanvasWrap{--finish-preview-height:320px}body .finishTabs{position:relative}body .studioCommand{padding:20px}.studioTable{display:block;overflow:auto}.studioShell :is(input,select,textarea,button,a,summary){scroll-margin-block:24px 140px}}@media (prefers-reduced-motion:reduce){.studioShell *{scroll-behavior:auto!important}}.studioSkipLink{z-index:300;color:#06141c;background:#b7f7ff;border:2px solid #fff;border-radius:8px;padding:12px 18px;font-weight:700;position:fixed;top:12px;left:16px;transform:translateY(-200%)}.studioSkipLink:focus{transform:translateY(0)}#studio-content{scroll-margin-top:180px}#studio-content:focus-visible{outline-offset:5px;outline:2px solid #67e8f9}@media (width<=600px){#studio-content{scroll-margin-top:24px}}.studioTour{padding:clamp(20px,4vw,40px);scroll-margin-top:170px}.studioTourSteps{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}.studioTourSteps button{align-items:center;gap:8px;min-height:44px;padding:10px 14px;display:flex}.studioTourSteps button[aria-pressed=true]{border-color:var(--accent);background:#173a48}.studioTour figure{margin:0}.studioTour img{border:1px solid var(--line);object-fit:contain;border-radius:12px;width:100%;height:auto;display:block}.studioTour figcaption{color:var(--muted);margin:10px 0;font-size:12px}.studioTourCopy{min-height:150px;margin-top:24px}@media (width<=600px){.studioTour{scroll-margin-top:24px}.studioTourSteps button{flex:1 0 27%}.studioTourCopy{min-height:240px}}@media (width>=601px){body .guidePage [id]{scroll-margin-top:180px}}@media (width<=950px){body .productNav.productNavScrolled{width:100%;max-width:100%}body .studioTools{min-width:0;max-width:100%}}
