.studio-page{padding-bottom:35px}.studio-intro{grid-template-columns:1.15fr 1fr;align-items:end;gap:80px;padding-block:60px 49px;display:grid}.studio-intro .eyebrow{margin-bottom:22px}.studio-intro h1{letter-spacing:-.065em;font-size:clamp(52px,6vw,83px);line-height:1.01}.studio-intro h1 em{color:#56704d}.studio-intro>div:last-child{padding-bottom:7px}.studio-intro>div:last-child>p{max-width:400px;font-size:16px;line-height:1.9}.studio-intro>div:last-child>div{flex-wrap:wrap;gap:10px;margin-top:21px;display:flex}.studio-intro>div:last-child span{text-transform:uppercase;letter-spacing:.04em;color:#52694c;border:1px solid #d3dccb;border-radius:3px;padding:7px 10px;font:13px ui-monospace,monospace}.studio-topline{background:#eff3e8;border:1px solid #d3dbcb;border-bottom:0;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;gap:25px;padding:20px 25px;display:flex}.studio-pill{letter-spacing:.07em;color:#55714c;align-items:center;gap:8px;font:13px ui-monospace,monospace;display:flex}.studio-pill>span{background:#729163;border-radius:50%;width:6px;height:6px}.studio-topline p{color:#62765a;margin-top:5px;font-size:16px}.studio-project-actions{flex-shrink:0;gap:8px;display:flex}.studio-project-actions button{background:#fffef5;border:1px solid #cbd6c2;border-radius:4px;align-items:center;gap:8px;padding:9px 11px;font-size:16px;display:flex}.studio-grid{background:#fffef8;border:1px solid #d3dbcb;border-radius:0 0 8px 8px;grid-template-columns:minmax(0,1fr) minmax(330px,.85fr);align-items:start;display:grid;overflow:clip}.studio-editor{min-width:0;padding:29px}.studio-panel-head{align-items:center;gap:12px;margin-bottom:26px;display:flex}.studio-step{color:#678159;border:1px solid #cdd8c3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font:13px ui-monospace,monospace;display:inline-flex}.studio-panel-head h2{letter-spacing:-.04em;font-size:24px;line-height:1.18}.studio-panel-head p{color:#6b7c61;margin-top:5px;font-size:16px;line-height:1.7}.studio-field{margin-bottom:20px;display:block}.studio-field>span{color:#405b36;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;font-size:16px;font-weight:600;display:flex}.studio-field>span>small{color:#88957f;font:13px ui-monospace,monospace}.studio-field>small{color:#7a876e;margin-top:8px;font-size:16px;line-height:1.8;display:block}.studio-field select,.studio-field textarea{color:#294b32;resize:vertical;background:#f5f7ef;border:1px solid #cbd7bf;border-radius:4px;width:100%;min-width:0;padding:13px 14px;font-size:16px;line-height:1.7;display:block}.studio-field select{cursor:pointer;min-height:48px}.studio-field textarea:focus,.studio-field select:focus{outline-offset:2px;outline:2px solid #73955b}.studio-field textarea:disabled,.studio-field select:disabled{opacity:.7}.studio-scenes{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-block:23px 25px;display:grid}.studio-scenes button{text-align:left;background:#f2f4eb;border:1px solid #d7dfcd;border-radius:4px;flex-direction:column;gap:8px;min-width:0;min-height:100px;padding:11px 8px;display:flex}.studio-scenes button[aria-selected=true]{background:#e2ecd6;border-color:#8baa72;box-shadow:inset 0 -2px #76915e}.studio-scenes button>span{color:#678355;font:13px ui-monospace,monospace}.studio-scenes b{letter-spacing:-.01em;font-size:16px;font-weight:500;line-height:1.35}.studio-scenes small{color:#869575;margin-top:auto;font:13px ui-monospace,monospace}.studio-copy-editor{border-bottom:1px solid #dde4d3;padding-bottom:4px}.studio-style-row{justify-content:space-between;align-items:center;gap:20px;padding-block:19px 25px;display:flex}.studio-style-row fieldset{border:0;align-items:center;gap:7px;margin:0;padding:0;display:flex}.studio-style-row legend{float:left;color:#617a50;margin-right:12px;padding-top:7px;font-size:16px}.studio-swatch{color:#35512e;border:1px solid #c4ceb9;border-radius:50%;place-items:center;width:44px;height:44px;display:inline-grid}.studio-swatch[aria-pressed=true]{outline-offset:3px;outline:1px solid #456a34}.studio-swatch.mint{background:#d7e7c8}.studio-swatch.peach{background:#f1dbc4}.studio-swatch.lilac{background:#ded7e8}.studio-motion{white-space:nowrap;color:#637d53;align-items:center;gap:6px;font-size:16px;display:flex}.studio-motion input{accent-color:#4c753b;width:14px;height:14px}.studio-audio{background:#f4f7ed;border:1px solid #d2ddc6;border-radius:6px;margin-top:4px;padding:21px}.studio-audio .studio-panel-head{margin-bottom:18px}.studio-audio .studio-panel-head h2{font-size:24px}.studio-audio .studio-panel-head p{font-size:16px}.studio-audio .studio-step{border-color:#bdcfad}.studio-audio-actions{flex-wrap:wrap;gap:8px;display:flex}.studio-audio-actions>button{white-space:nowrap;background:#fffef6;border:1px solid #cad8bd;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:7px;min-height:48px;padding:10px 12px;font-size:16px;display:flex}.studio-audio-actions .active{color:#9f493c;background:#f5ddd5;border-color:#d8a899}.studio-wave{justify-content:space-between;align-items:center;gap:2px;height:65px;margin-top:12px;padding:8px 2px;display:flex;overflow:hidden}.studio-wave i{background:#7e9e65;border-radius:2px;flex:1;width:4px;max-width:5px;display:block}.studio-wave.empty i{background:#c1ceb2}.studio-audio-meta{justify-content:space-between;align-items:center;gap:12px;min-height:36px;display:flex}.studio-audio-meta>span{text-overflow:ellipsis;white-space:nowrap;color:#536e43;max-width:80%;font-size:16px;overflow:hidden}.studio-audio-meta small{color:#87977a;margin-top:3px;font:13px ui-monospace,monospace;display:block}.studio-audio-meta button{text-underline-offset:3px;color:#657c55;font-size:13px;text-decoration:underline}.studio-volume{color:#6a805a;border-top:1px solid #d6e0cb;align-items:center;gap:9px;margin-top:13px;padding-top:17px;font-size:13px;display:flex}.studio-volume input{accent-color:#587f43;width:100%;min-width:0}.studio-volume>span{white-space:nowrap}.studio-volume output{min-width:30px;font:13px ui-monospace,monospace}.studio-local-note{color:#89977d;margin-top:15px;font-size:13px;line-height:1.9;display:block}.studio-preview{background:#e8eee0;border-left:1px solid #d1dbc6;min-width:0;padding:22px 24px 26px;position:sticky;top:15px}.studio-preview-header{color:#688057;letter-spacing:.04em;justify-content:space-between;align-items:center;gap:10px;margin-bottom:19px;font:13px ui-monospace,monospace;display:flex}.studio-preview-header>span{align-items:center;gap:9px;display:flex}.studio-preview-header>b{white-space:nowrap;font-size:13px;font-weight:400}.studio-stage{background:#e9f0de;border:1px solid #b8c7a9;border-radius:5px;max-width:350px;margin:0 auto;line-height:0;position:relative;overflow:hidden;box-shadow:0 13px 24px -17px #28412670}.studio-stage canvas{aspect-ratio:9/16;width:100%;height:auto;display:block}.studio-stage-label{text-align:center;color:#829175;letter-spacing:.1em;pointer-events:none;font:13px ui-monospace,monospace;position:absolute;top:7px;left:0;right:0}.studio-transport{align-items:center;gap:12px;min-height:38px;margin-top:17px;display:flex}.studio-transport>button:first-child{color:#f3f8e8;background:#1d402d;border-radius:50%;place-items:center;width:35px;height:35px;padding-left:3px;display:grid}.studio-transport>button:nth-child(2){color:#7c9270;padding:6px}.studio-transport>span{color:#335331;font:13px ui-monospace,monospace}.studio-transport i{color:#8c9e7e;font-style:normal}.studio-current-scene{margin-left:auto;color:#789366!important;font-size:13px!important}.studio-scrub{margin-top:8px;display:block}.studio-scrub input{accent-color:#5c8248;cursor:pointer;width:100%;height:19px}.studio-timeline{gap:5px;margin-top:10px;display:flex}.studio-timeline>div{color:#7e946c;background:#d5dfc9;border:1px solid #c6d3b8;border-radius:3px;flex:1;min-height:25px;padding:6px 8px;font:13px ui-monospace,monospace;position:relative;overflow:hidden}.studio-timeline>div.active{color:#395f2c;border-color:#99b184}.studio-timeline span{z-index:1;position:relative}.studio-timeline i{background:#b9cfa4;position:absolute;top:0;bottom:0;left:0}.studio-export{border-top:1px solid #cdd9c0;margin-top:23px;padding-top:23px}.studio-export h3{letter-spacing:-.04em;font-size:23px;line-height:1.15}.studio-export p{color:#718964;margin-top:8px;font-size:16px;line-height:1.8}.studio-export .studio-export-button{gap:12px;width:100%;margin-top:18px;font-size:16px}.studio-export small{color:#7a8d6e;margin-top:13px;font-size:13px;line-height:1.85;display:block}.studio-export>.text-link{margin-top:12px;font-size:16px}.studio-export-progress{margin-top:18px}.studio-export-progress progress{accent-color:#4b7438;width:100%;height:8px;display:block}.studio-export-progress>span{color:#627d51;margin-top:8px;font:13px ui-monospace,monospace;display:block}.studio-cancel{color:#7a4d39;background:#f4e3d8;border-color:#cbac93;width:100%;margin-top:13px;font-size:16px}.studio-status{color:#5b7e48;background:#eef4e5;border:1px solid #d0ddc4;border-radius:4px;align-items:flex-start;gap:12px;margin-top:18px;padding:17px 20px;display:flex}.studio-status p{color:#597749;font-size:16px;line-height:1.8}.studio-status svg{flex-shrink:0;margin-top:2px}.studio-boundaries{grid-template-columns:1fr 1fr;gap:70px;padding-block:35px 55px;display:grid}.studio-boundaries h3{margin-bottom:12px;font-size:23px}.studio-boundaries p{color:#7d8b73;max-width:440px;font-size:16px;line-height:1.9}.studio-workbench button:disabled,.studio-workbench select:disabled,.studio-workbench textarea:disabled{cursor:not-allowed}.studio-workbench .ai-handoff{margin-top:24px}@media (min-width:1400px){.studio-stage{max-width:330px}}@media (max-width:1000px){.studio-intro{gap:35px}.studio-grid{grid-template-columns:minmax(0,1fr) minmax(295px,.8fr)}.studio-editor{padding:22px}.studio-preview{padding:20px 18px}.studio-panel-head h2{font-size:22px}.studio-scenes{gap:5px}.studio-scenes b{font-size:13px}.studio-scenes button{padding:10px 6px}.studio-style-row{gap:12px}.studio-motion{font-size:13px}.studio-audio{padding:16px}.studio-audio-actions>button{padding:10px 8px;font-size:13px}.studio-topline{padding:18px 21px}.studio-topline p{max-width:300px}.studio-project-actions button{padding:8px;font-size:13px}.studio-preview-header>b{display:none}}@media (max-width:760px){.studio-intro{grid-template-columns:1fr;gap:23px;padding-block:40px 30px}.studio-intro h1{font-size:60px}.studio-intro>div:last-child>p{max-width:470px;font-size:16px;line-height:1.85}.studio-intro>div:last-child>div{margin-top:15px}.studio-intro>div:last-child span{font-size:13px}.studio-topline{flex-direction:column;align-items:flex-start;gap:15px;padding:19px}.studio-topline p{max-width:none;font-size:16px}.studio-project-actions{width:100%}.studio-project-actions button{flex:1;justify-content:center;min-height:38px}.studio-grid{border-radius:0 0 6px 6px;grid-template-columns:1fr;overflow:visible}.studio-editor{padding:22px 18px}.studio-panel-head h2{font-size:25px}.studio-panel-head p{font-size:16px}.studio-scenes button{min-height:102px;padding:11px 9px}.studio-scenes b{font-size:16px}.studio-field select,.studio-field textarea{padding:12px;font-size:16px}.studio-field>span,.studio-field>small{font-size:16px}.studio-style-row{padding-block:20px 26px}.studio-motion{font-size:16px}.studio-audio{padding:20px}.studio-audio .studio-panel-head h2{font-size:25px}.studio-audio .studio-panel-head p{font-size:16px}.studio-audio-actions>button{min-height:45px;font-size:16px}.studio-audio-meta>span,.studio-local-note,.studio-volume{font-size:16px}.studio-preview{border-top:1px solid #d1dbc6;border-left:0;border-radius:0 0 6px 6px;padding:24px 21px;position:static}.studio-preview-header{margin-bottom:20px;font-size:13px}.studio-preview-header>b{font-size:13px;display:block}.studio-stage{max-width:310px}.studio-transport{gap:17px;margin-top:20px}.studio-transport>span{font-size:16px}.studio-current-scene{font-size:13px!important}.studio-transport>button:first-child{width:42px;height:42px}.studio-timeline>div{min-height:30px;font-size:13px}.studio-export h3{font-size:27px}.studio-export p{font-size:16px}.studio-export .studio-export-button{min-height:52px;font-size:16px}.studio-export small,.studio-export-progress>span{font-size:16px}.studio-status{gap:10px;padding:16px}.studio-status p{font-size:16px}.studio-boundaries{grid-template-columns:1fr;gap:26px;padding-block:32px 30px}.studio-boundaries h3{font-size:25px}.studio-boundaries p{font-size:16px}.studio-copy-editor textarea{min-height:90px}}@media (max-width:380px){.studio-intro h1{font-size:51px}.studio-panel-head h2{font-size:22px}.studio-scenes{gap:4px}.studio-scenes b{font-size:13px}.studio-scenes button{padding:10px 6px}.studio-style-row{gap:10px}.studio-motion{font-size:13px}.studio-audio{padding:15px}.studio-audio-actions{flex-direction:column}.studio-preview{padding:21px 16px}.studio-preview-header>b{display:none}}@media (prefers-reduced-motion:reduce){.studio-workbench *{scroll-behavior:auto!important}}.studio-workbench button{min-height:44px}.studio-workbench .studio-swatch{min-width:44px}.studio-field>span{font-size:15px}.studio-field>span>small,.studio-field>small,.studio-local-note,.studio-export small,.studio-audio-meta small,.studio-topline p,.studio-volume,.studio-motion,.studio-style-row legend,.studio-scenes small{color:#4d6542}.studio-editor .ai-handoff{grid-template-columns:1fr}.studio-style-row{flex-wrap:wrap}.studio-preview-header{flex-wrap:wrap;font-size:12px}.studio-preview-header>b{font-size:12px}.studio-preview-header .studio-step{width:30px;height:30px;font-size:13px}.studio-stage-label{background:#e9f0deed;padding:5px;font-size:11px;top:0}.studio-jump{gap:20px;margin-block:16px;font-size:16px;display:flex}.studio-jump a{text-underline-offset:4px;align-items:center;gap:6px;min-height:44px;text-decoration:underline;display:flex}.studio-preview,.studio-editor{scroll-margin-top:20px}@media (max-width:1100px){.studio-grid{grid-template-columns:1fr}.studio-preview{border-top:1px solid #d1dbc6;border-left:0;order:-1;position:static}.studio-stage{max-width:250px}.studio-preview-header>b{display:block}.studio-intro{gap:25px}.studio-project-actions,.studio-topline{flex-wrap:wrap}.studio-topline p{max-width:none}.studio-boundaries{gap:25px}.studio-style-row{gap:20px}.studio-field>small{font-size:14px}.studio-panel-head p,.studio-field select,.studio-field textarea,.studio-export p{font-size:16px}}
