:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink-0:#2b1f6e;--ink-1:#2f2680;--violet:#7a63ff;--violet-deep:#5a45e0;--violet-soft:#b9adff;--orange:#ff8a3d;--orange-soft:#ffb066;--text:#fff;--text-2:#e1ddf9;--text-3:#c7c3ef;--glass:#2c22768f;--glass-edge:#ffffff42;--field:#ffffff17;color:var(--text);background:var(--ink-0);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI,DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;color:var(--text);background:radial-gradient(ellipse 80% 38% at 50% 100%, #ff8a3d6b, #ff8a3d00 70%), linear-gradient(180deg, #22187d6b, #22187d1f 40%, #22187d00 62%), linear-gradient(180deg, #30269629, #24186e14), url(/assets/studio-background-BjUYEYEk.jpg) center / 100% 100% no-repeat fixed, var(--ink-0);margin:0}@media (aspect-ratio<=1){body{background-size:auto,auto,auto,cover,auto}}button,input,textarea,select{font:inherit}button{cursor:pointer;color:#1f1235;background:linear-gradient(135deg, #ffb878, var(--orange) 55%, #ff7a2e);border:1px solid #ffffff80;border-radius:12px;justify-content:center;align-items:center;gap:.55rem;padding:.78rem 1.35rem;font-weight:700;transition:transform .15s,box-shadow .15s,filter .15s;display:inline-flex;box-shadow:0 6px 22px #ff8a3d73,inset 0 1px #ffffff80}button .icon{width:18px;height:18px}button:where(:hover:not(:disabled)){filter:brightness(1.08);box-shadow:0 8px 28px #ff8a3d99,inset 0 1px #ffffff8c}button:where(:active:not(:disabled)){transform:translateY(1px)}button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}button:where(:disabled){color:var(--text-3);filter:none;background:#ffffff1a;border-color:#ffffff38}input,textarea,select{width:100%;color:var(--text);background:var(--field);border:1px solid #ffffff42;border-radius:10px;padding:.7rem .9rem}input::placeholder,textarea::placeholder{color:#ffffffa8}input:focus,textarea:focus,select:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 3px #ff8a3d52}select option{background:var(--ink-1);color:var(--text)}input[type=file]::file-selector-button{color:var(--text);cursor:pointer;border:1px solid var(--glass-edge);background:#ffffff24;border-radius:9px;margin-right:.8rem;padding:.45rem .9rem;font-weight:600}input[type=checkbox]{appearance:none;cursor:pointer;background:var(--field);border:1.5px solid #ffffff8c;border-radius:6px;flex:none;place-content:center;width:20px;height:20px;padding:0;display:inline-grid}input[type=checkbox]:checked{background:linear-gradient(135deg, #ffb878, var(--orange));border-color:#fff}input[type=checkbox]:checked:after{content:"";border:2.5px solid #1f1235;border-width:0 2.5px 2.5px 0;width:5px;height:10px;margin-top:-2px;transform:rotate(45deg)}input[type=checkbox]:disabled{opacity:.55;cursor:not-allowed}textarea{resize:vertical}label{color:var(--text-2);gap:.45rem;font-size:.95rem;font-weight:500;display:grid}:focus-visible{outline:3px solid var(--orange-soft);outline-offset:3px}a{color:var(--orange-soft)}h1,h2,h3{letter-spacing:-.03em;color:var(--text);font-family:Manrope,Inter,Segoe UI,system-ui,sans-serif}p{color:var(--text-2);line-height:1.6}dt{color:var(--text-3)}[hidden]{display:none!important}button,a,input,select,textarea{touch-action:manipulation}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.app-shell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.app-shell.signed-out{grid-template-columns:minmax(0,1fr)}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#201864a8,#20186457);border-right:1px solid #ffffff29;flex-direction:column;gap:32px;height:100vh;padding:28px 14px 22px;display:flex;position:sticky;top:0}.brand{white-space:nowrap;letter-spacing:-.02em;color:var(--text);align-items:center;gap:12px;padding:0 10px;font:700 1.25rem/1 Manrope,Inter,system-ui,sans-serif;display:inline-flex}.logo-mark{width:40px;height:40px}.sidebar nav{gap:6px;display:grid}.nav-item{text-align:left;width:100%;color:var(--text-2);box-shadow:none;background:0 0;border:1px solid #0000;border-radius:14px;justify-content:flex-start;align-items:center;gap:16px;padding:.95rem 1.1rem;font-size:1.05rem;font-weight:600;display:flex}.nav-item .icon{width:26px;height:26px}.nav-item:hover:not(:disabled):not([aria-current=page]){color:var(--text);box-shadow:none;filter:none;background:#ffffff1a}.nav-item[aria-current=page]{color:#fff;background:linear-gradient(100deg,#6e55f7 0%,#a05cf2 55%,#ff8a3d 130%);border-color:#fff6;box-shadow:0 8px 26px #ff8a3d52,0 0 22px #7a5cff66,inset 0 1px #fff6}.icon{flex:none}.main-area{width:100%;min-width:0;max-width:1720px;padding:20px 28px 40px}.topbar{justify-content:space-between;align-items:center;gap:20px;min-height:52px;margin-bottom:18px;display:flex}.topbar-actions,.action-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.credits-pill{color:#ffc48a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff8a3d2e;border:1px solid #ff8a3d8c;border-radius:14px;padding:.6rem 1.1rem;font-size:.98rem;font-weight:700;box-shadow:inset 0 1px #ffffff26,0 0 16px #ff8a3d2e}.credits-pill .icon{width:22px;height:22px}.credits-pill:hover:not(:disabled){filter:none;background:#ff8a3d4d;box-shadow:0 0 22px #ff8a3d59}.account-menu{position:relative}.account-button{color:var(--text);box-shadow:none;background:0 0;border:0;border-radius:999px;gap:.4rem;padding:0 .55rem 0 0}.account-button:hover:not(:disabled){box-shadow:none;filter:none;background:#ffffff1a}.initials{color:#fff;background:linear-gradient(135deg,#6a52f5,#b45fd6);border-radius:50%;place-items:center;width:44px;height:44px;font-size:.9rem;font-weight:800;display:inline-grid;box-shadow:0 0 0 2px #ff8a3d99}.menu{z-index:20;border:1px solid var(--glass-edge);background:#241c68f5;border-radius:14px;gap:12px;min-width:220px;padding:16px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 16px 40px #0a063280}.menu-user{overflow-wrap:anywhere;margin:0;font-size:.9rem}.page{gap:24px;display:grid}.page-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:4px;display:flex}.page-heading h1{margin:0;font-size:clamp(1.9rem,3.4vw,2.5rem);font-weight:700}.page-heading p{color:var(--text-2);margin:6px 0 0;font-size:1.1rem}.sections>div{gap:24px;display:grid}.sections{-webkit-backdrop-filter:blur(16px)saturate(125%);backdrop-filter:blur(16px)saturate(125%);background:#281c705c;border:1px solid #ffffff3d;border-radius:28px;padding:28px;box-shadow:0 14px 44px #140a5047,inset 0 1px #ffffff29}.panel{background:var(--glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(14px)saturate(125%);backdrop-filter:blur(14px)saturate(125%);border-radius:14px;min-width:0;padding:24px;position:relative;box-shadow:0 6px 20px #140c4640,inset 0 1px #ffffff1a}.panel-title{align-items:center;gap:12px;margin:0 0 16px;font-size:1.22rem;font-weight:600;display:flex}.panel-title .icon{width:26px;height:26px;color:var(--text-2)}.panel>h2:first-child,.panel>.section-heading:first-child{margin-top:0}@media (prefers-reduced-transparency:reduce){.panel,.sidebar,.sections,.credits-pill{-webkit-backdrop-filter:none;backdrop-filter:none;background:#281e6ef2}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.panel,.sidebar,.sections{background:#281e6ef2}}h2{margin-top:0;font-size:1.3rem}form{gap:20px;display:grid}.secondary{color:var(--text);border:1px solid var(--glass-edge);background:#ffffff1c;box-shadow:inset 0 1px #ffffff2e}.secondary:hover:not(:disabled){filter:none;background:#fff3;box-shadow:0 6px 20px #7a5cff4d,inset 0 1px #ffffff40}.cta{padding:.95rem 1.5rem;font-size:1rem}.error{color:#ffdcd7;background:#ff5c5c29;border:1px solid #ff828280;border-radius:12px;padding:12px 16px}.setup-notice{color:#ffe9d2;background:#ffb06624;border:1px solid #ffb06666;border-radius:12px;margin:0;padding:12px 16px;font-size:.88rem}.setup-notice p{color:inherit;margin:0}.note{color:var(--text-3);font-size:.84rem}.login{max-width:460px;margin:6vh auto}.login h1{margin-top:0;font-size:1.9rem}.empty{text-align:center;padding:60px 20px}.empty-mark{color:#fff;background:linear-gradient(135deg, var(--violet), #b45fd6);border-radius:18px;place-items:center;width:64px;height:64px;font-size:1.6rem;display:inline-grid;box-shadow:0 0 0 2px #ff8a3d73}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;display:flex}.section-heading h2{overflow-wrap:anywhere;margin-bottom:0}.checkbox-label{align-items:start;font-size:.88rem;font-weight:500;line-height:1.5;display:flex}.checkbox-label input{flex:none;margin-top:2px}details>summary{cursor:pointer;color:var(--orange-soft);font-weight:700}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;display:grid}.stat{gap:6px;padding:20px 22px;display:grid}.stat dt{font-size:.85rem;font-weight:600}.stat dd{color:var(--text);margin:0;font:800 2.2rem/1.1 Manrope,Inter,system-ui,sans-serif}.overview-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.recent-list{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.recent-list li{background:#ffffff12;border:1px solid #ffffff29;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.recent-list li>div{gap:2px;min-width:0;display:grid}.recent-list strong{overflow-wrap:anywhere}.recent-list li span{color:var(--text-3);font-size:.85rem}.status{color:var(--violet-soft);font-weight:700}.status-done{color:#86f0bd}.status-failed{color:#ff9f9f}.status-generating_audio,.status-generating_video{color:var(--orange-soft)}.how-it-works ol{counter-reset:how;gap:16px;margin:16px 0 0;padding:0;list-style:none;display:grid}.how-it-works li{counter-increment:how;gap:2px;padding-left:52px;display:grid;position:relative}.how-it-works li:before{content:counter(how);color:#fff;background:linear-gradient(135deg, var(--violet-deep), #8d57f0);border:1px solid #ffb06699;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid;position:absolute;top:0;left:0}.how-it-works span{color:var(--text-2);font-size:.92rem}.workspace{gap:24px;display:grid}.workspace>.panel,.step-one>.panel{min-width:0}.workspace .panel>label,.workspace .panel>.textarea-wrap{margin-top:16px}.stepper{align-items:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.stepper li{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.stepper li:last-child{flex:none}.stepper li:not(:last-child):after{content:"";background:linear-gradient(90deg,#fff9,#ffffff38);border-radius:2px;flex:1;height:2px;margin:0 14px}.stepper li[data-state=done]:not(:last-child):after{background:linear-gradient(90deg, var(--orange), #ff8a3d4d)}.step-number{width:46px;height:46px;color:var(--text);background:#ffffff14;border:1.5px solid #ffffff73;border-radius:50%;flex:none;place-items:center;font-size:1.1rem;font-weight:700;display:grid}.stepper li[data-state=current] .step-number{color:#fff;border-color:var(--orange);background:linear-gradient(135deg,#6a52f5,#a05cf2);box-shadow:0 0 0 3px #ff8a3d4d,0 0 24px #7a5cffbf}.stepper li[data-state=done] .step-number{color:#1d0f33;background:linear-gradient(135deg, #ffb066, var(--orange));border-color:#ffffff80}.step-text{min-width:0;line-height:1.35;display:grid}.step-text strong{font-size:1.08rem;font-weight:600}.step-text span{color:var(--text-2);font-size:.92rem}.step-one{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:24px;display:grid}.textarea-wrap{position:relative}.char-count{color:var(--text-3);pointer-events:none;font-size:.78rem;position:absolute;bottom:12px;right:14px}.textarea-wrap textarea{padding-bottom:2rem}.control-row{align-items:end;gap:16px;margin-top:20px;display:flex}.control-row label{flex:1}.preferences-strip{grid-template-columns:minmax(190px,250px) minmax(0,1.25fr) minmax(0,1.35fr);align-items:start;gap:28px;display:grid}.pref{align-content:start;gap:10px;min-width:0;display:grid}.pref-label{color:var(--text);align-items:center;gap:10px;font-size:.95rem;font-weight:600;display:flex}.pref-label .icon{width:22px;height:22px;color:var(--text-2)}.segmented{flex-wrap:wrap;gap:8px;display:flex}.segmented button{color:var(--text);box-shadow:none;background:#ffffff17;border:1px solid #ffffff47;border-radius:10px;flex:auto;padding:.62rem 1rem;font-size:.92rem;font-weight:600}.segmented button:hover:not(:disabled):not([aria-checked=true]){filter:none;box-shadow:none;background:#ffffff2e}.segmented button[aria-checked=true]{color:#fff;border-color:var(--orange);background:linear-gradient(135deg,#6a52f5f2,#a05cf2d9);box-shadow:0 0 0 2px #ff8a3d59,0 0 18px #ff8a3d66}.segmented.joined{flex-wrap:nowrap;gap:0}.segmented.joined button{border-radius:0;flex:1 1 0;margin-left:-1px;padding-inline:.3rem}.segmented.joined button:first-child{border-radius:10px 0 0 10px;margin-left:0}.segmented.joined button:last-child{border-radius:0 10px 10px 0}.segmented.joined button[aria-checked=true]{z-index:1;border-radius:10px;position:relative}.production-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 28px;margin-top:24px;display:grid}.options-controls{display:contents}.options-controls>:first-child{grid-column:1/-1}.options-controls>:not(:first-child){grid-column:1;min-width:0}.prepare-controls{grid-area:2/2/span 12;align-self:start}.prepare-controls>.note:first-child{margin-top:0}.avatar-states{overflow-wrap:anywhere;margin:12px 0 0;padding-left:20px}.quote{overflow-wrap:anywhere;background:#ffffff14;border:1px solid #ff8a3d80;border-radius:14px;margin-top:24px;padding:20px}.quote h3{margin-top:0}.quote dl{gap:12px;display:grid}.quote dl>div{flex-wrap:wrap;justify-content:space-between;gap:8px 20px;display:flex}.quote dd{color:var(--text);margin:0;font-weight:700}.quote [role=status]{margin-bottom:0;font-size:.85rem}.research{overflow-wrap:anywhere;border-top:1px solid #ffffff2e;margin-top:20px;padding-top:16px}.research p{white-space:pre-line}.research li{color:var(--text-2);margin-bottom:8px}.brief-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.brief-heading .panel-title{margin:0}.brief-heading button{flex-shrink:0}.brief-cards{gap:12px;margin:16px 0;display:grid}.brief-card{overflow-wrap:anywhere;background:#ffffff12;border:1px solid #fff3;border-radius:12px;grid-template-columns:175px minmax(0,1fr);gap:12px 16px;min-width:0;padding:14px 16px;display:grid}.context-label{align-items:flex-start;gap:10px;display:flex}.context-label .icon{width:24px;height:24px;color:var(--text-2)}.context-label h3{margin:2px 0 0;font-size:1rem;font-weight:600}.context-body{align-content:start;gap:8px;min-width:0;display:grid}.context-body p{margin:0}.context-body ul{flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.context-body ul:before{content:"Source:";color:var(--text-3)}.context-body ul a:after{content:" ↗"}.context-actions{border-top:1px solid #ffffff24;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px 16px;padding-top:10px;display:flex}.context-actions button{padding:.5rem .9rem;font-size:.85rem}.brief-summary{white-space:pre-line}.brief-panel>label{margin:0 0 12px;display:grid}.avatar-gallery{overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));align-items:start;gap:14px;max-height:620px;padding:4px;display:grid;overflow-y:auto}.avatar-card{color:var(--text);text-align:left;box-shadow:none;background:#ffffff12;border:1px solid #ffffff47;border-radius:14px;padding:0;font-weight:600;display:block;overflow:hidden}.avatar-card:hover:not(:disabled):not([aria-pressed=true]){filter:none;background:#ffffff29;box-shadow:0 8px 24px #7a5cff59}.avatar-card[aria-pressed=true]{border:2px solid var(--orange);box-shadow:0 0 0 1px #ff8a3d80,0 0 26px #ff8a3d73}.avatar-photo{aspect-ratio:1/1.12;display:block;position:relative}.avatar-photo img,.avatar-photo .portrait-fallback{aspect-ratio:auto;object-fit:cover;object-position:center 20%;border-radius:0;width:100%;height:100%;display:block}.avatar-caption{background:linear-gradient(#0000,#120a3ce0);gap:1px;padding:28px 10px 8px;display:grid;position:absolute;inset:auto 0 0}.avatar-name{overflow-wrap:anywhere;font-size:.9rem;font-weight:700}.avatar-state{color:var(--text-2);font-size:.74rem;font-weight:500}.check-badge{color:#fff;background:linear-gradient(135deg,#6a52f5,#a05cf2);border:1px solid #ffffff80;border-radius:50%;place-items:center;width:26px;height:26px;display:none;position:absolute;top:8px;right:8px}.check-badge .icon{width:16px;height:16px}.avatar-card[aria-pressed=true] .check-badge{display:grid}.portrait-fallback{color:var(--text-2);text-align:center;background:#ffffff1a;align-content:center;padding:12px;font-size:.8rem;font-weight:500;display:grid}.gallery-heading{justify-content:space-between;margin-bottom:12px}.avatar-preview{aspect-ratio:9/16;object-fit:cover;border:1px solid var(--glass-edge);border-radius:10px;width:90px}.avatar-management{grid-template-columns:1fr 1fr;gap:24px;display:grid}.avatar-management .panel{min-width:0}.own-avatar-list{gap:24px;padding:0;list-style:none;display:grid}.own-avatar-list>li{border-top:1px solid #ffffff2e;padding-top:20px}.own-avatar-portrait{width:100px}.own-avatar-portrait img,.own-avatar-portrait .portrait-fallback{aspect-ratio:9/16;object-fit:cover;border:1px solid var(--glass-edge);border-radius:12px;width:100%}.project-edit,.own-avatar-list form{margin-top:20px}.portrait-preview{-webkit-user-select:none;user-select:none;border:1px solid var(--glass-edge);background:#0b0820;border-radius:12px;width:min(100%,360px);margin:auto;line-height:0;position:relative;overflow:hidden}.portrait-preview img{width:100%;height:auto;display:block}.crop-rectangle{box-sizing:border-box;outline:2px solid var(--orange);cursor:move;touch-action:none;border:2px solid #fff;position:absolute;box-shadow:0 0 0 9999px #08051e9e}.crop-rectangle:focus-visible{outline:3px solid #ffd166}.background-management{grid-column:1/-1}.background-layout{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.background-layout>div{gap:16px;min-width:0;display:grid}.background-creator{gap:16px;display:grid}.background-creator textarea{width:100%}.background-picker h3{margin:0}.temporary-avatar,.background-picker,.temporary-avatar details,.background-picker details{gap:16px;display:grid}.temporary-avatar details>*,.background-picker details>*{margin-top:16px}.voice-preview{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.voice-preview p{margin:0}.library{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:24px;display:grid}.library>.panel{min-width:0}.project-list{gap:10px;margin:24px 0;padding:0;list-style:none;display:grid}.project-link{text-align:left;width:100%;color:var(--text);box-shadow:none;background:#ffffff14;border:1px solid #ffffff38;justify-content:stretch;gap:8px;display:grid}.project-link:hover:not(:disabled):not([aria-pressed=true]){filter:none;background:#ffffff2b;box-shadow:0 8px 24px #7a5cff47}.project-link[aria-pressed=true]{border-color:var(--orange);background:#ff8a3d29;box-shadow:0 0 0 1px #ff8a3d99,0 0 22px #ff8a3d4d}.project-name{overflow-wrap:anywhere}.project-summary{color:var(--text-2);overflow-wrap:anywhere;font-size:.8rem;font-weight:500}.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.pagination button{padding:.7rem .85rem;font-size:.8rem}.pagination span{color:var(--text-2);font-size:.85rem}.project-details{flex-wrap:wrap;gap:16px 24px;margin:24px 0;display:flex}.project-details dt{font-size:.8rem}.project-details dd{overflow-wrap:anywhere;color:var(--text);margin:6px 0 0;font-weight:600}.transcript{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text)}.playback{margin-top:24px}.video-player{aspect-ratio:9/16;border:1px solid var(--glass-edge);object-fit:contain;background:#08051e;border-radius:16px;width:min(100%,320px);max-height:75vh;margin:auto;display:block;box-shadow:0 18px 44px #00000080}.library .error,.library .note{overflow-wrap:anywhere}.credit-totals{grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0;display:grid}.credit-totals dt{font-size:.85rem}.credit-totals dd{color:var(--text);margin:8px 0 0;font-size:1.15rem;font-weight:700}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.88rem}caption{text-align:left;color:var(--text);padding-bottom:16px;font-weight:700}th,td{text-align:left;border-bottom:1px solid #ffffff29;padding:12px}th{color:var(--text-3);white-space:nowrap;background:#ffffff0f}@media (width<=1200px){.preferences-strip{grid-template-columns:1fr 1fr}.preferences-strip>:last-child{grid-column:1/-1}}@media (width<=1100px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{border-right:0;border-bottom:1px solid var(--glass-edge);flex-flow:wrap;align-items:center;gap:12px;height:auto;padding:14px 16px;position:static}.sidebar nav{flex-wrap:wrap;gap:6px;width:100%;display:flex}.nav-item{white-space:nowrap;width:auto;padding:.65rem .9rem}.main-area{padding:16px}.step-one,.production-grid,.library,.avatar-management,.background-layout,.overview-grid{grid-template-columns:1fr}.prepare-controls{grid-area:auto/1}.credit-totals{grid-template-columns:1fr 1fr}}@media (width<=640px){.panel{padding:20px}.sections{border-radius:20px;padding:16px}.control-row{flex-direction:column;align-items:stretch}.brief-card{grid-template-columns:1fr;gap:8px}.preferences-strip{grid-template-columns:1fr}.stepper{flex-direction:column;align-items:stretch}.stepper li:not(:last-child):after{display:none}.stat-grid{grid-template-columns:1fr 1fr}}