:root{--bg:oklch(.995 .004 255);--surface:oklch(.965 .012 255);--surface-strong:oklch(.925 .02 255);--ink:oklch(.2 .025 255);--muted:oklch(.46 .035 255);--primary:oklch(.53 .19 255);--primary-hover:oklch(.45 .18 255);--accent:oklch(.62 .16 240);--success:oklch(.56 .14 150);--line:oklch(.88 .018 255);--focus:oklch(.62 .16 245);--sidebar:272px;--ease:cubic-bezier(.22,1,.36,1)}.style-toolbar{gap:16px}.style-filters{min-width:0;flex:1}.style-toolbar>label{flex:0 0 auto}@media(max-width:720px){.style-toolbar{align-items:stretch}.style-toolbar>label{width:100%}}.commerce-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.commerce-heading p{margin:0 0 5px;color:var(--primary);font-weight:700}.commerce-heading h1{margin:0;font-size:30px;letter-spacing:-.025em}.commerce-heading>div>span{display:block;margin-top:7px;color:var(--muted)}.commerce-save-state{display:flex;align-items:center;gap:7px;color:var(--success);font-size:12px}.commerce-save-state i{width:8px;height:8px;border-radius:50%;background:var(--success)}.commerce-shell{display:grid;grid-template-columns:220px minmax(0,1fr);overflow:hidden;min-height:680px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.commerce-steps{position:relative;display:grid;align-content:start;padding:20px;border-right:1px solid var(--line);background:var(--surface)}.commerce-steps:before{content:"";position:absolute;top:50px;bottom:72px;left:39px;width:1px;background:var(--line)}.commerce-steps button{position:relative;display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:start;min-height:104px;padding:10px 6px;border:0;background:transparent;text-align:left;cursor:pointer}.commerce-steps button:disabled{cursor:not-allowed}.commerce-steps b{z-index:1;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:var(--bg);font-size:12px}.commerce-steps span{display:grid;gap:5px;padding-top:6px}.commerce-steps strong{font-size:13px}.commerce-steps small{color:var(--muted);font-size:10px;line-height:1.45}.commerce-steps button.active b{border-color:var(--primary);background:var(--primary);color:#fff}.commerce-steps button.active strong{color:var(--primary)}.commerce-steps button.done b{border-color:var(--success);background:var(--success);color:#fff}.commerce-workbench{min-width:0}.commerce-panel{min-height:680px}.commerce-panel>header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 28px 18px;border-bottom:1px solid var(--line)}.commerce-panel h2{margin:0;font-size:20px}.commerce-panel header p{max-width:68ch;margin:6px 0 0;color:var(--muted);line-height:1.55}.commerce-panel header>span{color:var(--muted);font-size:11px}.commerce-intake{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);gap:28px;padding:28px}.commerce-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:470px;padding:26px;border:1px dashed var(--line);border-radius:12px;text-align:center;transition:.2s var(--ease)}.commerce-upload.dragging{border-color:var(--focus);background:color-mix(in oklch,var(--focus),white 95%)}#commerceProductPreview{display:grid;place-items:center;gap:7px;width:100%;margin-bottom:20px}#commerceProductPreview>span{font-size:40px;color:var(--muted)}#commerceProductPreview small{color:var(--muted)}#commerceProductPreview img{width:min(100%,310px);max-height:300px;border-radius:10px;object-fit:contain;background:var(--surface)}.commerce-upload button{min-height:42px;padding:0 18px;border:1px solid var(--focus);border-radius:8px;background:var(--bg);color:#00596d;color:oklch(.43 .13 220);cursor:pointer;font-weight:700}.commerce-upload button.secondary{border-color:var(--line);color:var(--ink);font-weight:500}.commerce-upload>i{display:flex;align-items:center;gap:12px;width:100%;margin:18px 0;color:var(--muted);font-style:normal}.commerce-upload>i:before,.commerce-upload>i:after{content:"";height:1px;flex:1;background:var(--line)}.commerce-form,.commerce-strategy-form{display:grid;gap:15px}.commerce-form label,.commerce-strategy-form label,.commerce-package label,.commerce-script-copy label{display:grid;gap:6px;font-size:12px;font-weight:650}.commerce-form em,.commerce-panel footer em{color:var(--primary);font-style:normal}.commerce-form input,.commerce-form select,.commerce-form textarea,.commerce-strategy-form input,.commerce-strategy-form select,.commerce-strategy-form textarea,.commerce-package input,.commerce-package textarea,.commerce-script-copy input,.commerce-script-copy textarea{width:100%;min-height:42px;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}.commerce-form textarea{min-height:100px;resize:vertical}.commerce-form fieldset{margin:0;padding:0;border:0}.commerce-form legend{margin-bottom:7px;font-size:12px;font-weight:650}.commerce-choice{display:flex;flex-wrap:wrap;gap:7px}.commerce-choice button{min-width:76px;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--bg);cursor:pointer}.commerce-choice button.selected{border-color:var(--primary);background:color-mix(in oklch,var(--primary),white 93%);color:var(--primary);font-weight:700}.commerce-panel>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 28px;border-top:1px solid var(--line);background:var(--bg)}.commerce-panel>footer>div{display:flex;gap:8px}.commerce-panel>footer button{min-height:42px;padding:0 17px;border:1px solid var(--line);border-radius:8px;background:var(--bg);cursor:pointer}.commerce-panel>footer .commerce-next{border-color:var(--primary);background:var(--primary);color:#fff;font-weight:700}.commerce-panel>footer .commerce-next:hover{background:var(--primary-hover)}.commerce-strategy-form{grid-template-columns:1fr 1fr;padding:28px}.commerce-strategy-form label:nth-child(n+3){grid-column:1/-1}.commerce-strategy-form textarea{min-height:82px;resize:vertical}.commerce-ai-block{margin:0 28px 28px;padding:18px;background:var(--surface);border-radius:12px}.commerce-ai-block>div:first-child{display:flex;align-items:baseline;gap:10px}.commerce-ai-block>div:first-child span{color:var(--muted);font-size:11px}.commerce-ai-block>button,.commerce-script-toolbar>button{float:right;margin-top:-28px;min-height:38px;padding:0 14px;border:0;border-radius:8px;background:var(--ink);color:#fff;cursor:pointer}.commerce-result{clear:both;margin-top:18px}.commerce-result.empty{display:grid;place-items:center;gap:6px;min-height:140px;color:var(--muted);text-align:center}.commerce-result.empty p{max-width:50ch;margin:0}.strategy-output{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;background:var(--line)}.strategy-output>div{padding:13px;background:var(--bg)}.strategy-output dt{margin-bottom:5px;color:var(--muted);font-size:10px}.strategy-output dd{display:flex;flex-wrap:wrap;gap:5px;margin:0;line-height:1.55}.strategy-output dd span{padding:4px 7px;border-radius:6px;background:var(--surface);font-size:11px}.commerce-script-toolbar{display:flex;align-items:center;justify-content:space-between;margin:28px 28px 0;padding-bottom:18px;border-bottom:1px solid var(--line)}.commerce-script-toolbar>div{display:grid;gap:4px}.commerce-script-toolbar span{color:var(--muted);font-size:11px}.commerce-script-toolbar>button{float:none;margin:0}.commerce-panel[data-commerce-panel="3"]>.commerce-result{margin:0;padding:24px 28px}.commerce-script-copy{display:grid;gap:12px}.commerce-script-copy textarea{min-height:76px;resize:vertical}.commerce-shot-list{display:grid;gap:1px;margin-top:20px;background:var(--line)}.commerce-shot-list article{display:grid;grid-template-columns:70px 1fr;gap:14px;padding:14px;background:var(--bg)}.commerce-shot-list article>b{color:var(--primary)}.commerce-shot-list article p{margin:5px 0;line-height:1.55}.commerce-shot-list article small{display:block;color:var(--muted)}.commerce-shot-list article em{display:inline-block;margin-top:7px;padding:4px 7px;border-radius:5px;background:var(--surface);font-size:10px;font-style:normal}.commerce-creative-types{display:flex;gap:10px;padding:28px 28px 18px}.commerce-creative-types button{display:grid;flex:1;gap:5px;min-height:74px;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--bg);text-align:left;cursor:pointer}.commerce-creative-types button:hover{border-color:var(--ink)}.commerce-creative-types span{color:var(--muted);font-size:10px}.commerce-creative-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 28px 28px}.commerce-creative-grid>article{display:grid;gap:8px}.commerce-creative-grid>article>div{display:grid;place-items:center;overflow:hidden;aspect-ratio:1;border-radius:10px;background:var(--surface);color:var(--muted)}.commerce-creative-grid img{width:100%;height:100%;object-fit:cover}.commerce-creative-grid button{justify-self:start;padding:6px 9px;border:1px solid var(--line);border-radius:7px;background:var(--bg);cursor:pointer}.commerce-package{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;padding:28px}.commerce-package section{display:grid;align-content:start;gap:13px}.commerce-package h3{margin:0 0 3px}.commerce-package textarea{min-height:130px;resize:vertical}.commerce-package ul{display:grid;gap:1px;margin:0;padding:0;background:var(--line);list-style:none}.commerce-package li{display:flex;gap:9px;padding:13px;background:var(--bg)}.commerce-package li span{color:var(--success);font-weight:800}@media(max-width:1050px){.commerce-shell{grid-template-columns:1fr}.commerce-steps{grid-template-columns:repeat(5,minmax(150px,1fr));overflow:auto;padding:10px;border-right:0;border-bottom:1px solid var(--line)}.commerce-steps:before{display:none}.commerce-steps button{min-height:72px}.commerce-intake{grid-template-columns:1fr}.commerce-upload{min-height:360px}.commerce-creative-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.commerce-heading{display:grid;gap:12px}.commerce-heading h1{font-size:26px}.commerce-shell{margin-inline:-8px;border-radius:10px}.commerce-steps{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:150px}.commerce-panel>header,.commerce-intake,.commerce-strategy-form,.commerce-panel[data-commerce-panel="3"]>.commerce-result,.commerce-package{padding:20px}.commerce-panel>header>span{display:none}.commerce-strategy-form,.strategy-output,.commerce-package{grid-template-columns:1fr}.commerce-ai-block,.commerce-script-toolbar{margin-inline:20px}.commerce-ai-block>button{float:none;width:100%;margin:14px 0 0}.commerce-ai-block>div:first-child{display:grid}.commerce-creative-types{overflow:auto;padding:20px}.commerce-creative-types button{flex:0 0 190px}.commerce-creative-grid{grid-template-columns:1fr;padding:0 20px 20px}.commerce-panel>footer{position:sticky;bottom:0;z-index:2;align-items:stretch;padding:14px 20px}.commerce-panel>footer>span{display:none}.commerce-panel>footer>div{display:grid;flex:1}.commerce-panel>footer button{flex:1}.commerce-panel>footer .commerce-back{padding-inline:10px}.commerce-form input,.commerce-form select,.commerce-choice button{min-height:44px}}.share-note{margin:0 0 9px;color:var(--muted);font-size:11px}.share-create{display:flex;gap:8px;padding:10px;border-radius:9px;background:var(--surface)}.share-create select{flex:1;border:1px solid var(--line);border-radius:7px}.share-create button,.share-list button{padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;cursor:pointer}.share-list{display:grid;gap:6px;margin-top:9px}.share-list article{display:flex;align-items:center;gap:7px;padding:10px;border:1px solid var(--line);border-radius:9px}.share-list article>div{display:grid;margin-right:auto}.share-list span{color:var(--muted);font-size:10px}.share-copy-field{display:grid;gap:7px}.share-copy-field input{padding:11px;border:1px solid var(--line);border-radius:8px}.share-banner{position:sticky;top:72px;z-index:11;padding:9px;text-align:center;background:#fadea4;font-weight:700}.shared-readonly #view-workspace textarea,.shared-readonly #view-workspace input,.shared-readonly #view-workspace select{background:var(--surface)}.shared-readonly #view-workspace button:disabled{opacity:.42;cursor:not-allowed}@media(max-width:520px){.share-create{display:grid}.share-list article{flex-wrap:wrap}}.auth-form{display:grid;gap:10px}.auth-form label{display:grid;gap:5px;color:var(--muted);font-size:11px}.auth-form input{height:40px;padding:0 11px;border:1px solid var(--line);border-radius:8px}.auth-form>div{display:flex;gap:8px}.auth-form button,.cloud-actions button{padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--ink);color:#fff;cursor:pointer}.cloud-actions{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.cloud-projects{display:grid;gap:7px}.cloud-projects article{display:flex;align-items:center;gap:7px;padding:11px;border:1px solid var(--line);border-radius:9px}.cloud-projects article>div{display:grid;margin-right:auto}.cloud-projects span{color:var(--muted);font-size:10px}.cloud-projects button{padding:6px 9px;border:1px solid var(--line);border-radius:7px;background:#fff;cursor:pointer}@media(max-width:520px){.cloud-projects article{align-items:flex-start;flex-wrap:wrap}.cloud-projects article>div{width:100%}}body.commerce-active{--commerce-accent:oklch(.55 .17 245);--commerce-accent-soft:oklch(.95 .035 245);background:#eef4fb}body.commerce-active .sidebar{display:none}body.commerce-active main{margin-left:0}body.commerce-active .commerce-view{max-width:none;min-height:100vh;padding:0 0 72px;background:#eef5f4}.commerce-global-nav{position:sticky;top:0;z-index:12;display:flex;align-items:center;gap:36px;height:68px;padding:0 max(28px,4vw);background:#fbfefe;border-bottom:1px solid oklch(.89 .012 185)}.commerce-global-nav>a{display:flex;align-items:center;gap:8px;flex:0 0 auto;color:var(--ink);text-decoration:none}.commerce-global-nav>a span{font-size:12px;color:var(--commerce-accent)}.commerce-global-nav nav{display:flex;align-items:stretch;justify-content:center;gap:7px;min-width:0;flex:1;height:100%}.commerce-global-nav nav button{position:relative;padding:0 13px;border:0;background:transparent;color:#3c4b4a;font-size:12px;white-space:nowrap;cursor:pointer}.commerce-global-nav nav button:hover,.commerce-global-nav nav button.active{color:var(--ink)}.commerce-global-nav nav button.active:after{content:"";position:absolute;right:12px;bottom:0;left:12px;height:2px;background:var(--commerce-accent)}.commerce-global-nav>div{display:flex;align-items:center;gap:6px}.commerce-global-nav>div button{height:34px;padding:0 10px;border:0;border-radius:8px;background:transparent;cursor:pointer}.commerce-global-nav>div button:hover{background:var(--commerce-accent-soft)}.commerce-global-nav .commerce-enter{padding-inline:16px;background:var(--ink);color:#fff}.commerce-heading{max-width:1240px;margin:0 auto;padding:34px 28px 24px;align-items:center}.commerce-heading p{display:inline-flex;margin:0 0 8px;padding:5px 9px;border-radius:6px;background:var(--commerce-accent-soft);color:#004e46;color:oklch(.38 .08 184);font-size:11px}.commerce-heading h1{font-size:34px}.commerce-heading>div>span{max-width:62ch;color:#41514e}.commerce-heading-actions{display:flex;align-items:center;gap:8px}.commerce-heading-actions>button{height:36px;padding:0 13px;border:1px solid oklch(.86 .015 185);border-radius:8px;background:#fff;cursor:pointer}.commerce-heading-actions>button:first-child{width:36px;padding:0;border-radius:50%}.commerce-heading-actions .commerce-save-state{margin-left:7px}.commerce-role-dock{display:flex;max-width:1240px;min-height:86px;margin:0 auto 18px;padding:10px;background:#fff;border-radius:14px;box-shadow:0 4px 8px #17252314}.commerce-role-summary{display:flex;align-items:center;gap:12px;flex:0 0 300px;padding:10px 16px;background:#f5fcfb;border-radius:10px}.commerce-role-summary>span,.commerce-role-list span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff1f2;background:oklch(.97 .035 10);color:#9e3d52;font-size:18px}.commerce-role-summary small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.commerce-role-list{display:flex;align-items:stretch;gap:4px;min-width:0;overflow-x:auto;padding-left:8px}.commerce-role-list button{display:grid;place-items:center;align-content:center;gap:5px;flex:0 0 80px;border:0;border-radius:9px;background:transparent;font-size:10px;cursor:pointer}.commerce-role-list button:hover{background:#f0fbf9}.commerce-role-list button.active{background:var(--commerce-accent-soft);color:#00453e;color:oklch(.35 .08 184)}.commerce-role-list button.active span{outline:2px solid color-mix(in oklch,var(--commerce-accent),white 42%)}.commerce-role-list button:nth-child(2) span{background:#fff3e5;background:oklch(.97 .04 72);color:#905c00;color:oklch(.52 .12 72)}.commerce-role-list button:nth-child(3) span{background:#e3f5ff;background:oklch(.96 .035 230);color:#006789;color:oklch(.48 .1 230)}.commerce-role-list button:nth-child(4) span{background:#f0f0ff;background:oklch(.96 .035 285);color:#585493}.commerce-role-list button:nth-child(n+5) span{background:#d9faf4;color:#00635a;color:oklch(.45 .09 184)}body.commerce-active .commerce-shell{display:block;max-width:1240px;min-height:0;margin:0 auto;overflow:visible;border:0;border-radius:14px;background:#fff;box-shadow:0 4px 8px #1725230f}body.commerce-active .commerce-steps{display:none}body.commerce-active .commerce-panel{min-height:0}body.commerce-active .commerce-panel>header{align-items:center;min-height:58px;padding:0 24px;background:#fafdfd}.commerce-visual-tabs{display:flex;align-self:stretch;gap:18px}.commerce-visual-tabs button{position:relative;min-width:78px;border:0;background:transparent;font-weight:650;cursor:pointer}.commerce-visual-tabs button.active:after{content:"";position:absolute;right:8px;bottom:0;left:8px;height:2px;background:var(--commerce-accent)}.commerce-edit-spec{height:34px;padding:0 13px;border:1px solid oklch(.86 .015 185);border-radius:8px;background:#fff;cursor:pointer}body.commerce-active .commerce-intake{grid-template-columns:250px minmax(0,1fr);gap:20px;padding:20px 24px}body.commerce-active .commerce-upload{min-height:310px;padding:18px;border-color:#adc3c0;background:#f8fdfc}body.commerce-active #commerceProductPreview>span{color:var(--commerce-accent)}body.commerce-active .commerce-upload button{border-color:var(--commerce-accent);color:#00544c;color:oklch(.4 .1 184)}body.commerce-active .commerce-form{grid-template-columns:1fr 1fr;align-content:start;gap:13px 14px}body.commerce-active .commerce-form label:nth-child(3){grid-column:1/-1}body.commerce-active .commerce-form fieldset{align-self:end}body.commerce-active .commerce-form input,body.commerce-active .commerce-form select,body.commerce-active .commerce-form textarea{background:#fbfefe}body.commerce-active .commerce-form input:focus,body.commerce-active .commerce-form select:focus,body.commerce-active .commerce-form textarea:focus{border-color:var(--commerce-accent);outline:3px solid color-mix(in oklch,var(--commerce-accent),transparent 82%)}.commerce-format-strip{display:grid;grid-template-columns:250px minmax(0,1fr) auto;gap:20px;align-items:center;margin:0 24px 20px;padding:18px 0 0;border-top:1px solid oklch(.9 .012 185)}.commerce-format-strip>div:first-child p{margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.commerce-format-options{display:flex;gap:8px}.commerce-format-options button{display:grid;gap:4px;flex:1;min-height:62px;padding:10px 12px;border:1px solid oklch(.86 .02 185);border-radius:9px;background:#fff;text-align:left;cursor:pointer}.commerce-format-options button:hover{border-color:var(--commerce-accent);background:var(--commerce-accent-soft)}.commerce-format-options span{color:var(--muted);font-size:9px}.commerce-batch-generate{height:48px;padding:0 16px;border:0;border-radius:9px;background:var(--commerce-accent);color:#fff;font-weight:700;cursor:pointer}body.commerce-active .commerce-panel>footer{padding:14px 24px;background:#f5fcfb}body.commerce-active .commerce-panel>footer .commerce-next{border-color:var(--commerce-accent);background:var(--commerce-accent)}body.commerce-active .commerce-panel>footer .commerce-next:hover{background:#007369;background:oklch(.5 .11 184)}@media(max-width:1050px){.commerce-global-nav{gap:18px;padding-inline:20px}.commerce-global-nav nav{justify-content:flex-start;overflow-x:auto}.commerce-global-nav>div button:not(.commerce-enter){display:none}.commerce-heading,.commerce-role-dock,body.commerce-active .commerce-shell{margin-inline:20px}.commerce-role-summary{flex-basis:240px}.commerce-format-strip{grid-template-columns:1fr}.commerce-format-options{overflow-x:auto}.commerce-format-options button{flex:0 0 170px}.commerce-batch-generate{justify-self:end}}@media(max-width:720px){.commerce-global-nav{height:58px;padding-inline:14px}.commerce-global-nav nav{display:none}.commerce-global-nav>div{margin-left:auto}.commerce-global-nav .commerce-enter{height:32px}.commerce-heading{margin:0;padding:24px 16px 18px}.commerce-heading h1{font-size:28px}.commerce-heading-actions{margin-top:14px}.commerce-heading-actions>button{display:none}.commerce-heading-actions .commerce-save-state{margin:0}.commerce-role-dock{display:block;margin:0 12px 14px;padding:8px}.commerce-role-summary{display:none}.commerce-role-list{padding:0}.commerce-role-list button{flex-basis:72px}.commerce-role-list span{width:34px;height:34px}.commerce-role-list b{font-size:9px}body.commerce-active .commerce-shell{margin-inline:12px;border-radius:10px}body.commerce-active .commerce-panel>header{padding-inline:16px}.commerce-visual-tabs{gap:2px}.commerce-visual-tabs button{min-width:62px}body.commerce-active .commerce-intake{grid-template-columns:1fr;padding:16px}body.commerce-active .commerce-upload{min-height:250px}body.commerce-active .commerce-form{grid-template-columns:1fr}body.commerce-active .commerce-form label:nth-child(3){grid-column:auto}.commerce-format-strip{grid-template-columns:1fr;margin:0 16px 16px}.commerce-format-options{margin-right:-16px}.commerce-batch-generate{width:100%}body.commerce-active .commerce-panel>footer{position:sticky;padding:12px 16px}}@media(prefers-reduced-motion:reduce){.commerce-global-nav *,.commerce-role-dock *,body.commerce-active .commerce-shell *{scroll-behavior:auto;transition:none!important}}.commerce-help-list{display:grid;gap:1px;background:var(--line)}.commerce-help-list p{display:grid;grid-template-columns:150px 1fr;gap:14px;margin:0;padding:14px;background:#fff}.commerce-help-list span{color:var(--muted);line-height:1.6}.commerce-prompt-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.commerce-prompt-list button{min-height:54px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fff;text-align:left;cursor:pointer}.commerce-prompt-list button:hover{border-color:var(--commerce-accent);background:var(--commerce-accent-soft)}.commerce-settings{display:grid;gap:12px}.commerce-settings label{display:grid;gap:6px;font-size:12px;font-weight:650}.commerce-settings select,.commerce-settings input{width:100%;min-height:42px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:#fff}@media(max-width:520px){.commerce-help-list p{grid-template-columns:1fr;gap:4px}.commerce-prompt-list{grid-template-columns:1fr}}.app-shell>.sidebar{display:none}.app-shell>main{margin-left:0}.studio-global-nav{--commerce-accent:oklch(.53 .19 255);--commerce-accent-soft:oklch(.95 .035 255);width:100%;max-width:none}.studio-global-nav [data-commerce-nav].active{color:var(--ink)}.studio-global-nav [data-commerce-nav].active:after{content:"";position:absolute;right:12px;bottom:0;left:12px;height:2px;background:var(--commerce-accent)}.studio-global-nav .studio-account{max-width:108px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--commerce-accent-soft);color:#0b376a}body:not(.commerce-active) .studio-global-nav{display:flex}.studio-global-nav~.content{position:relative}.studio-global-nav~.content.active:not(.commerce-view){max-width:1320px}.studio-global-nav~.workspace.active{max-width:none}@media(max-width:720px){.studio-global-nav{display:flex!important;align-content:stretch;flex-wrap:wrap;height:auto;min-height:106px;padding:10px 14px 0}.studio-global-nav>a{height:38px}.studio-global-nav>div{margin-left:auto;height:38px}.studio-global-nav>div>[data-commerce-action]{display:none}.studio-global-nav .studio-account{display:inline-flex!important;align-items:center;max-width:72px}.studio-global-nav nav{display:flex!important;order:3;width:100%;height:48px;justify-content:flex-start;overflow-x:auto}.studio-global-nav nav button{flex:0 0 auto;padding-inline:12px}.studio-global-nav .commerce-enter{height:32px}.studio-global-nav~.content{padding-top:24px}}body{background:var(--surface)}.brand-mark,.create-button,.generate-button,.primary-action,.continue-btn{background:var(--primary)}.brand-mark:hover,.create-button:hover,.generate-button:hover,.primary-action:hover,.continue-btn:hover{background:var(--primary-hover)}body.commerce-active .commerce-view{background:#eef4fb}.task-summary{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;background:var(--surface)}.task-summary span{padding:6px 9px;border-radius:999px;background:#fff}.task-summary button{margin-left:auto;border:0;background:none;cursor:pointer}.task-list{display:grid;gap:6px;margin-top:10px}.task-list article{display:grid;grid-template-columns:10px 1fr auto auto;gap:10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:9px}.task-list i{width:8px;height:8px;border-radius:50%}.task-running{background:var(--accent);animation:pulse 1s infinite}.task-success{background:var(--success)}.task-failed{background:#c21725}.task-list article>div{display:grid}.task-list span,.task-list em{color:var(--muted);font-size:10px;font-style:normal}.task-list button{padding:6px 9px;border:1px solid var(--line);border-radius:7px;background:#fff;cursor:pointer}@keyframes pulse{50%{opacity:.25}}@media(max-width:520px){.task-list article{grid-template-columns:10px 1fr auto}.task-list em{display:none}}.version-list{display:grid;gap:7px}.version-list article{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:10px}.version-list article>div{display:grid}.version-list span{margin-top:3px;color:var(--muted);font-size:10px}.version-list em{font-size:10px;font-style:normal}.version-list button{padding:7px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;cursor:pointer}@media(max-width:600px){.version-list article{grid-template-columns:1fr auto}.version-list em{display:none}}.audit-overview{display:grid;grid-template-columns:110px 1fr;gap:20px;align-items:center;padding:15px;border-radius:14px;background:var(--ink);color:#fff}.audit-score{display:grid;place-items:center;align-content:center;width:100px;height:100px;border-radius:50%;background:conic-gradient(var(--success) calc(var(--score)*1%),oklch(.35 0 0) 0);box-shadow:inset 0 0 0 9px var(--ink)}.audit-score strong{font-size:30px}.audit-score span{font-size:9px;opacity:.65}.audit-overview p{line-height:1.7}.audit-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.audit-dimensions article{padding:12px;border:1px solid var(--line);border-radius:10px}.audit-dimensions header{display:flex;justify-content:space-between}.audit-dimensions progress{width:100%;height:5px;accent-color:var(--success)}.audit-dimensions p{margin:7px 0;font-size:12px}.audit-dimensions small{color:var(--muted)}.audit-issues section{display:grid;grid-template-columns:34px 1fr;gap:10px;margin-top:7px;padding:10px;background:var(--surface);border-radius:9px}.audit-issues em{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;font-size:10px;font-style:normal}.severity-高{background:#c21725}.severity-中{background:#cb8900;background:oklch(.68 .15 75)}.severity-低{background:var(--accent)}.audit-issues p{margin:4px 0}.audit-issues small{color:var(--muted)}@media(max-width:620px){.audit-dimensions,.audit-overview{grid-template-columns:1fr}.audit-score{margin:auto}}.export-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.export-grid button{display:grid;gap:5px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-align:left;cursor:pointer}.export-grid button:hover{border-color:var(--ink);transform:translateY(-2px)}.export-grid b{font-size:17px}.export-grid span,.export-note{color:var(--muted);font-size:12px}.export-note{margin-top:14px}@media(max-width:520px){.export-grid{grid-template-columns:1fr}}.audio-master{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;border-radius:12px;background:var(--ink);color:#fff}.audio-master>div{display:grid;margin-right:auto}.audio-master span{opacity:.6;font-size:11px}.audio-master label{display:grid;gap:3px;font-size:9px}.audio-master select{height:28px;border:0;border-radius:6px}.voice-bindings{display:flex;gap:8px;margin:10px 0;overflow:auto}.voice-bindings label{display:grid;flex:0 0 145px;gap:5px;padding:9px;border:1px solid var(--line);border-radius:9px}.voice-bindings select{border:0;background:var(--surface);font-size:11px}.subtitle-editor{display:grid;gap:6px;max-height:52vh;overflow:auto}.subtitle-line{display:grid;grid-template-columns:32px 128px 1fr 85px 28px;gap:9px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--surface);transition:.2s}.subtitle-line.active{border-color:var(--accent);box-shadow:inset 4px 0 var(--accent)}.subtitle-line>button{width:28px;height:28px;border:0;border-radius:50%;background:#fff;cursor:pointer}.subtitle-time{display:flex;align-items:center;gap:3px}.subtitle-time input{width:55px;padding:6px;border:1px solid var(--line);border-radius:5px;font-size:10px}.subtitle-line>div:nth-child(3){display:grid;gap:4px}.subtitle-line strong{font-size:11px}.subtitle-line textarea{min-height:42px;padding:7px;border:1px solid var(--line);border-radius:6px;resize:vertical}.subtitle-line>label{display:grid;color:var(--muted);font-size:9px}@media(max-width:720px){.subtitle-line{grid-template-columns:30px 1fr 28px}.subtitle-time{grid-column:2}.subtitle-line>div:nth-child(3){grid-column:1/-1}.subtitle-line>label{grid-column:1/-1}.audio-master{align-items:flex-start}.audio-master>div{width:100%}}.timeline-summary{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:12px;background:var(--ink);color:#fff}.timeline-summary div{display:grid}.timeline-summary span{margin-top:3px;opacity:.6;font-size:11px}.timeline-summary button{padding:8px 12px;border:0;border-radius:999px;background:#fff;color:var(--ink);cursor:pointer}.timeline-ruler{display:flex;align-items:center;gap:8px;margin:12px 0;color:var(--muted);font-size:9px}.timeline-ruler i{height:1px;flex:1;background:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 12px)}.timeline-editor{display:grid;gap:7px;max-height:58vh;overflow:auto}.timeline-clip{display:grid;grid-template-columns:24px 90px 1fr auto;gap:10px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--surface);transition:.2s}.timeline-clip.playing{border-color:var(--primary);background:color-mix(in oklch,var(--primary),white 92%);transform:translate(4px)}.clip-handle{color:var(--muted);cursor:grab}.clip-visual{display:grid;place-items:center;overflow:hidden;width:90px;aspect-ratio:16/9;border-radius:7px;background:var(--ink);color:#fff}.clip-visual img{width:100%;height:100%;object-fit:cover}.clip-fields{display:grid;gap:7px}.clip-fields>div{display:flex;flex-wrap:wrap;gap:8px}.clip-fields label{color:var(--muted);font-size:10px}.clip-fields input,.clip-fields select{height:28px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:11px}.clip-fields input{width:55px;padding-left:6px}.clip-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px}.clip-actions button{width:28px;height:28px;border:1px solid var(--line);border-radius:6px;background:#fff;cursor:pointer}@media(max-width:720px){.timeline-clip{grid-template-columns:20px 72px 1fr}.clip-visual{width:72px}.clip-actions{grid-column:2/-1;display:flex}.clip-fields>div{display:grid}.timeline-summary{align-items:flex-start}}.asset-card-actions{display:grid;gap:5px}.asset-card-actions button{height:28px;padding:0 9px;border:1px solid var(--line);border-radius:999px;background:#fff;cursor:pointer;font-size:11px}.workspace-asset-card.identity-locked{outline:2px solid var(--success)}.workspace-asset-card .thumb{position:relative}.lock-badge{position:absolute;right:3px;bottom:3px;padding:2px 5px;border-radius:999px;background:var(--success);color:#fff;font-size:9px}.identity-reference{display:block;width:180px;aspect-ratio:1;margin:0 auto 12px;border:3px solid var(--success);border-radius:50%;object-fit:cover}.variant-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.variant-options button{padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);cursor:pointer}.variant-options button:hover{background:var(--ink);color:#fff}@media(max-width:720px){.variant-options{grid-template-columns:1fr 1fr}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--surface);color:var(--ink);font-family:Inter,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;font-size:14px}button,textarea,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in oklch,var(--focus),transparent 55%);outline-offset:2px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;padding:22px 18px;background:var(--bg);border-right:1px solid var(--line);z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 8px;color:var(--ink);font-size:18px;font-weight:750;text-decoration:none}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--primary);color:#fff;font-size:16px}.create-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:42px;margin:28px 0 20px;border:0;border-radius:8px;background:var(--primary);color:#fff;font-weight:650;cursor:pointer;transition:.18s var(--ease)}.create-button:hover,.generate-button:hover{background:var(--primary-hover);transform:translateY(-1px)}nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:8px;color:var(--muted);text-decoration:none;font-weight:550}.nav-item span:first-child{width:20px;text-align:center;font-size:17px}.nav-item b{margin-left:auto;padding:2px 7px;border-radius:999px;background:var(--surface-strong);font-size:11px}.nav-item:hover,.nav-item.active{background:var(--surface);color:var(--ink)}.sidebar-bottom{display:grid;gap:16px;margin-top:auto}.usage{padding:14px;border-radius:12px;background:var(--surface)}.usage div{display:flex;justify-content:space-between}.usage progress{width:100%;height:6px;margin:10px 0 6px;accent-color:var(--primary)}.usage small,.profile small{display:block;color:var(--muted);font-size:11px}.profile{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:0;background:none;text-align:left;cursor:pointer}.profile>span:nth-child(2){flex:1}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f6cad3;color:var(--primary);font-weight:700}main{min-height:100vh;margin-left:var(--sidebar)}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;height:72px;padding:0 34px;background:color-mix(in oklch,var(--bg),transparent 4%);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.top-title{display:flex;align-items:baseline;gap:14px}.top-title strong{font-size:16px}.top-title span{color:var(--muted);font-size:12px}.top-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.icon-button,.help-button,.mobile-menu{height:36px;border:1px solid var(--line);border-radius:8px;background:var(--bg);cursor:pointer}.icon-button{width:36px;font-size:18px}.help-button{padding:0 14px}.mobile-menu{display:none;width:38px;margin-right:10px}.content{max-width:1440px;margin:auto;padding:38px 4.5% 80px}.welcome{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:25px}.date{margin:0 0 8px;color:var(--primary);font-weight:650}.welcome h1{margin:0;font-size:32px;line-height:1.25;letter-spacing:-.025em}.welcome>div>p:last-child{max-width:620px;margin:10px 0 0;color:var(--muted);line-height:1.7}.director-note{max-width:315px;padding:13px 16px;border-radius:10px;background:#f8eddc}.director-note span{color:#734300;color:oklch(.43 .12 65);font-size:12px;font-weight:700}.director-note p{margin:5px 0 0;color:#442d15;font-size:12px;line-height:1.55}.composer{overflow:hidden;background:var(--bg);border-radius:14px;box-shadow:0 6px 8px color-mix(in oklch,var(--ink),transparent 95%)}.mode-tabs{display:flex;gap:24px;padding:0 26px;border-bottom:1px solid var(--line)}.mode-tab{position:relative;padding:16px 2px 13px;border:0;background:none;color:var(--muted);font-weight:650;cursor:pointer}.mode-tab.active{color:var(--ink)}.mode-tab.active:after{content:"";position:absolute;inset:auto 0 -1px;height:2px;background:var(--primary)}.composer-body{padding:23px 26px 18px}.composer h2{margin:0 0 12px;font-size:17px}.composer textarea{display:block;width:100%;min-height:126px;padding:0;border:0;resize:vertical;color:var(--ink);line-height:1.7}.composer textarea::placeholder{color:#796e70}.composer textarea:focus{outline:none}.upload-zone{min-height:126px}.upload-zone button{display:grid;place-items:center;width:100%;height:126px;border:1px dashed oklch(.77 .02 5);border-radius:10px;background:var(--surface);cursor:pointer}.upload-zone span{font-size:24px}.upload-zone small{color:var(--muted)}.composer-tools{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:14px;border-top:1px solid var(--line)}.composer-tools>div:first-child{display:flex;flex-wrap:wrap;gap:7px}.tool-chip,.examples button{height:30px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--muted);font-size:12px;cursor:pointer}.submit-wrap{display:flex;align-items:center;gap:14px}.submit-wrap>span{color:var(--muted);font-size:11px}.generate-button{height:38px;padding:0 16px;border:0;border-radius:8px;background:var(--primary);color:#fff;font-weight:650;cursor:pointer;transition:.18s var(--ease)}.generate-button span{margin-left:8px}.examples{display:flex;align-items:center;gap:8px;padding:12px 26px;background:var(--surface);color:var(--muted);font-size:12px}.examples button{background:var(--bg)}.projects{margin-top:42px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.section-heading h2{margin:0 0 4px;font-size:20px}.section-heading p{margin:0;color:var(--muted);font-size:12px}.section-heading button{border:0;background:none;color:var(--primary);cursor:pointer}.project-list{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}.project{overflow:hidden;background:var(--bg);border-radius:12px}.cover{position:relative;min-height:190px;display:flex;align-items:flex-end;padding:18px;background-size:cover;background-position:center;isolation:isolate}.cover:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,oklch(.12 .02 5 / .88),transparent 70%)}.cover-one{background:linear-gradient(135deg,#011b35,#452933,#822b2a 55%,#dc9d41)}.cover-two{background:linear-gradient(145deg,#091e4c,#5d4ea1 50%,#a57d91,#f5a66c)}.cover-three{background:linear-gradient(145deg,#03060d,#001c28,#003747,#007381,#00b8ba);background:linear-gradient(145deg,#03060d,color(xyz 0.008 0.01 0.028),color(xyz 0.024 0.032 0.092),color(xyz 0.096 0.141 0.254),color(xyz 0.255 0.381 0.535))}.cover>span{position:absolute;top:13px;left:13px;padding:5px 8px;border-radius:999px;background:#150a0cd1;color:#fff;font-size:11px}.cover-copy{display:grid;color:#fff}.cover-copy small{opacity:.8}.cover-copy strong{font-size:22px;letter-spacing:.04em}.project-info{display:flex;align-items:center;justify-content:space-between;padding:15px}.project-info h3{margin:0 0 5px;font-size:14px}.project-info p{margin:0;color:var(--muted);font-size:11px}.continue-btn{height:32px;padding:0 11px;border:0;border-radius:7px;background:var(--primary);color:#fff;font-size:12px;cursor:pointer}.more-btn{border:0;background:none;cursor:pointer}dialog{width:min(980px,calc(100% - 32px));padding:0;border:0;border-radius:14px;background:var(--bg);box-shadow:0 16px 50px #03030338}dialog::backdrop{background:#0303038c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.workflow-modal>header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}.workflow-modal>header>div{display:flex;align-items:center;gap:10px}.workflow-modal>header small{display:block;margin-top:3px;color:var(--muted)}.workflow-modal>header button{border:0;background:none;font-size:22px;cursor:pointer}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in oklch,var(--accent),transparent 80%)}.workflow-layout{display:grid;grid-template-columns:245px 1fr;min-height:540px}.steps{display:grid;align-content:start;gap:3px;margin:0;padding:18px;list-style:none;background:var(--surface)}.steps li{display:flex;align-items:center;gap:11px;padding:12px;border-radius:8px;color:var(--muted)}.steps li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--surface-strong);font-size:12px;font-weight:700}.steps li small{display:block;margin-top:3px;font-size:11px}.steps li.active{background:var(--bg);color:var(--ink)}.steps li.active>span{background:var(--primary);color:#fff}.steps li.done>span{background:var(--success);color:#fff}.generation-stage{display:flex;flex-direction:column;align-items:center;padding:48px 56px;text-align:center}.stage-visual{position:relative;display:grid;place-items:center;overflow:hidden;width:152px;height:152px;border-radius:50%;background:#e1f2f8}.stage-icon{color:var(--accent);font-size:44px}.scan-line{position:absolute;top:0;width:100%;height:2px;background:var(--accent);box-shadow:0 0 14px var(--accent);animation:scan 2.3s infinite var(--ease)}@keyframes scan{0%{transform:translateY(8px)}50%{transform:translateY(134px)}to{transform:translateY(8px)}}.generation-stage h2{margin:28px 0 8px;font-size:22px}.generation-stage>p{max-width:480px;margin:0;color:var(--muted);line-height:1.6}.progress-row{display:flex;align-items:center;gap:12px;width:100%;margin-top:28px}.progress-row progress{width:100%;height:8px;accent-color:var(--primary)}.live-log{display:grid;gap:6px;width:100%;margin-top:18px;padding:14px;border-radius:10px;background:var(--surface);color:var(--muted);text-align:left;font-size:12px}.pause-btn{margin-top:auto;border:0;background:none;color:var(--muted);cursor:pointer}.toast{position:fixed;right:24px;bottom:24px;z-index:50;max-width:340px;padding:12px 16px;border-radius:8px;background:var(--ink);color:#fff;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s var(--ease)}.toast.show{opacity:1;transform:none}@media(max-width:1050px){:root{--sidebar:82px}.sidebar{align-items:center;padding-inline:12px}.brand span:last-child,.create-label,.nav-item span:nth-child(2),.nav-item b,.usage,.profile>span:not(.avatar){display:none}.create-icon{font-size:20px}.nav-item{justify-content:center}.project-list{grid-template-columns:1fr 1fr}.project:last-child{display:none}}@media(max-width:720px){:root{--sidebar:0px}.sidebar{transform:translate(-100%);width:260px;transition:.2s var(--ease)}.sidebar.open{align-items:stretch;transform:none}.sidebar.open .brand span:last-child,.sidebar.open .create-label,.sidebar.open .nav-item span:nth-child(2),.sidebar.open .nav-item b,.sidebar.open .usage,.sidebar.open .profile>span:not(.avatar){display:initial}.mobile-menu{display:block}.topbar{height:62px;padding:0 16px}.top-title span,.help-button{display:none}.content{padding:24px 16px 60px}.welcome{display:block}.director-note{margin-top:18px}.welcome h1{font-size:26px}.composer-body{padding:20px 18px 16px}.composer-tools{align-items:flex-end}.composer-tools>div:first-child .tool-chip:nth-child(n+2){display:none}.examples{overflow:auto;padding-inline:18px}.examples>*{flex:0 0 auto}.project-list{grid-template-columns:1fr}.project:not(:first-child){display:none}.workflow-layout{grid-template-columns:1fr}.steps{display:flex;overflow:auto;padding:12px}.steps li{flex:0 0 auto}.steps li div{display:none}.generation-stage{min-height:490px;padding:34px 24px}.top-actions .icon-button{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.action-modal{width:min(520px,calc(100vw - 32px));padding:0}.action-modal header{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 24px 16px;border-bottom:1px solid var(--line)}.action-modal header small{color:var(--primary);font-weight:700}.action-modal h2{margin:4px 0 0;font-size:20px}.action-modal header button{border:0;background:none;font-size:24px;cursor:pointer}.action-modal #actionContent{padding:20px 24px;line-height:1.65}.action-modal #actionContent p{margin:0 0 12px;color:var(--muted)}.action-modal #actionContent input{width:100%;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:8px}.action-modal #actionContent ul{margin:0;padding-left:20px}.action-modal footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 24px;border-top:1px solid var(--line)}.action-modal footer button{height:36px;padding:0 16px;border-radius:8px;border:1px solid var(--line);background:var(--bg);cursor:pointer}.action-modal footer #actionPrimary{border-color:var(--primary);background:var(--primary);color:#fff}.action-options{display:grid;gap:8px}.action-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);cursor:pointer;text-align:left}.action-option:hover{background:var(--surface)}.cover-one{background-image:url(/assets/wasteland-restorer-B4btKdGB.png);background-position:46% 42%}.capabilities{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;margin-top:20px;border-radius:12px;background:var(--line)}.capabilities button{position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:10px;min-height:92px;padding:16px;border:0;background:var(--bg);text-align:left;cursor:pointer}.capabilities button>span:first-child{grid-row:1/3;align-self:center;color:var(--primary);font-size:18px}.capabilities .new-badge{padding:3px 5px;border-radius:4px;background:var(--primary);color:#fff!important;font-size:9px!important;font-weight:750}.capabilities strong{align-self:end}.capabilities small{grid-column:2;align-self:start;margin-top:4px;color:var(--muted);line-height:1.4}.capabilities b{grid-column:3;grid-row:1/3;align-self:center;color:var(--muted)}.capabilities button:hover{background:var(--surface)}@media(max-width:1050px){.capabilities{grid-template-columns:1fr 1fr}}@media(max-width:720px){.capabilities{display:flex;overflow:auto}.capabilities button{min-width:270px}}.view[hidden]{display:none!important}.view{animation:view-in .22s var(--ease)}@keyframes view-in{0%{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.page-head p{margin:0 0 5px;color:var(--primary);font-weight:650}.page-head h1{margin:0;font-size:30px;letter-spacing:-.025em}.page-head span{display:block;margin-top:8px;color:var(--muted)}.primary-action{min-height:40px;padding:0 16px;border:0;border-radius:8px;background:var(--primary);color:#fff;font-weight:650;cursor:pointer}.primary-action:hover{background:var(--primary-hover)}.agent-launcher{overflow:hidden;border-radius:16px;background:var(--bg);box-shadow:0 6px 8px color-mix(in oklch,var(--ink),transparent 95%)}.agent-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface-strong)}.agent-tab{height:54px;border:0;background:transparent;font-weight:650;cursor:pointer}.agent-tab.active{background:var(--bg);border-radius:16px 16px 0 0}.agent-tab em{margin-left:6px;color:#9457ce;font-size:11px;font-style:normal}.agent-panel{min-height:230px;margin:12px;padding:56px 24px;border:1px dashed var(--line);border-radius:14px;text-align:center}.agent-panel>p{color:var(--muted)}.upload-script,.paste-script{height:38px;padding:0 18px;border-radius:999px;cursor:pointer}.upload-script{border:0;background:var(--ink);color:#fff}.paste-script{margin-left:8px;border:1px solid var(--line);background:#fff}.agent-panel textarea{display:block;width:min(760px,100%);min-height:115px;margin:0 auto 16px;padding:16px;border:1px solid var(--line);border-radius:10px;resize:vertical}.canvas-panel{display:flex;justify-content:center;align-items:center;gap:18px}.canvas-node{padding:20px 32px;border-radius:10px;background:var(--primary);color:#fff;font-weight:700}.canvas-node.muted{background:var(--surface-strong);color:var(--muted)}.feature-ribbon{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.feature-ribbon button{display:grid;gap:4px;padding:18px;border:0;border-radius:12px;background:var(--bg);text-align:left;cursor:pointer}.feature-ribbon button:hover{background:var(--surface-strong)}.feature-ribbon span{color:var(--muted);font-size:12px}.library-tabs{display:flex;width:max-content;padding:4px;border-radius:999px;background:var(--surface-strong)}.library-tabs button,.style-filters button{min-width:100px;height:34px;border:0;border-radius:999px;background:transparent;cursor:pointer}.library-tabs button.active,.style-filters button.active{background:var(--bg);color:var(--ink);font-weight:700;box-shadow:0 2px 5px #16161614}.library-toolbar,.style-toolbar{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.library-toolbar label,.style-toolbar label{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.library-toolbar input,.style-toolbar input{height:38px;border:0;background:none;outline:0}.library-toolbar select{height:40px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.asset-grid,.style-grid,.workspace-asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:15px}.asset-card,.style-card,.workspace-asset-card{overflow:hidden;border-radius:12px;background:var(--bg);cursor:pointer}.style-card{padding:0;border:0;color:var(--ink);text-align:left}.asset-visual,.style-visual{position:relative;display:grid;place-items:center;aspect-ratio:4/3;background:linear-gradient(145deg,oklch(.9 .08 var(--hue,20)),oklch(.48 .16 var(--hue-2,var(--hue,20))));color:#fff;font-size:38px}.asset-card.selected,.style-card.selected,.workspace-asset-card.selected{outline:3px solid var(--primary);outline-offset:-3px}.style-card:hover .style-visual{filter:saturate(1.08);transform:scale(1.015)}.style-card:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.asset-card div:last-child,.style-card div:last-child{padding:13px}.asset-card p,.style-card p{margin:4px 0 0;color:var(--muted);font-size:12px}.asset-tag{position:absolute;top:10px;left:10px;padding:4px 7px;border-radius:999px;background:#0b0b0bbf;color:#fff;font-size:10px}.style-filters{display:flex;gap:5px;overflow:auto;padding-bottom:3px}.style-filters button{flex:0 0 auto}.style-visual{aspect-ratio:16/10;overflow:hidden;transition:filter .2s var(--ease),transform .2s var(--ease)}.style-visual:before,.style-visual:after{content:"";position:absolute;border-radius:50%;background:oklch(.96 .04 var(--hue,20)/.36)}.style-visual:before{width:58%;aspect-ratio:1;right:-12%;top:-34%}.style-visual:after{width:42%;aspect-ratio:1;left:-12%;bottom:-28%}.style-mark{position:relative;z-index:1;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:oklch(.15 .02 var(--hue,20)/.72);font-size:19px;font-weight:800}.style-empty{display:grid;gap:5px;grid-column:1/-1;padding:44px;text-align:center;background:var(--bg);border-radius:12px}.style-empty span{color:var(--muted)}.workspace{min-height:calc(100vh - 72px);margin:0;background:#f2f2f2}.workspace-bar{position:sticky;top:0;z-index:12;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 28px;border-bottom:1px solid var(--line);background:var(--bg)}.workspace-bar>button:first-child{justify-self:start}.workspace-bar>button:last-child{justify-self:end}.workspace-bar button{height:36px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--bg);cursor:pointer}.pipeline{display:flex;gap:8px}.pipeline button.active{background:var(--ink);color:#fff}.workspace-body{max-width:1180px;margin:auto;padding:40px 28px 80px}.outline-layout{display:grid;grid-template-columns:210px 1fr;gap:20px}.outline-layout aside{display:grid;align-content:start;gap:6px;padding:18px;border-radius:12px;background:var(--bg)}.outline-layout aside button{padding:10px;border:0;border-radius:7px;background:none;text-align:left}.outline-layout aside button.active{background:var(--surface-strong);font-weight:700}.outline-layout article{padding:26px;border-radius:12px;background:var(--bg)}.stage-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.stage-title h1{margin:0 0 5px;font-size:26px}.stage-title p{margin:0;color:var(--muted)}.stage-title>div:last-child{display:flex;gap:8px}.stage-title>div:last-child button,.workspace-tabs button,.asset-callout button,.episode-card button{height:36px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--bg);cursor:pointer}.outline-layout textarea{width:100%;min-height:300px;padding:18px;border:1px solid var(--line);border-radius:10px;line-height:1.8;resize:vertical}.outline-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.outline-stats span{padding:7px 10px;border-radius:999px;background:var(--surface);font-size:12px}.workspace-tabs{display:flex;align-items:center;gap:8px;margin-bottom:18px;border-bottom:1px solid var(--line)}.workspace-tabs button{border:0;border-radius:0;background:none}.workspace-tabs button.active{border-bottom:2px solid var(--ink);font-weight:700}.workspace-tabs button:last-child{margin-left:auto;border:0;border-radius:999px;background:var(--ink);color:#fff}.asset-callout{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 18px;border-radius:10px;background:var(--bg)}.asset-callout p{margin:5px 0 0;color:var(--muted)}.asset-callout button{background:var(--ink);color:#fff}.workspace-asset-card{position:relative;display:flex;align-items:center;gap:12px;padding:12px}.workspace-asset-card .thumb{display:grid;place-items:center;width:68px;height:68px;border-radius:9px;background:var(--surface-strong);font-size:24px}.workspace-asset-card p{margin:4px 0;color:var(--muted);font-size:12px}.episode-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.episode-card{display:grid;grid-template-columns:104px 1fr;gap:18px;padding:10px;border-radius:14px;background:var(--bg)}.episode-thumb{display:grid;place-items:center;min-height:122px;border-radius:10px;background:var(--surface);color:var(--muted)}.episode-card h3{margin:8px 0}.episode-card p{color:var(--muted)}@media(max-width:900px){.feature-ribbon{grid-template-columns:1fr 1fr}.episode-grid{grid-template-columns:1fr}.workspace-bar{grid-template-columns:auto 1fr}.workspace-bar>strong{display:none}.pipeline{justify-self:center}.outline-layout{grid-template-columns:1fr}.outline-layout aside{display:flex;overflow:auto}}@media(max-width:720px){.page-head{display:block}.page-head .primary-action{width:100%;margin-top:16px}.agent-tabs{grid-template-columns:1fr}.agent-tab.active{border-radius:0}.feature-ribbon{display:flex;overflow:auto}.feature-ribbon button{min-width:220px}.library-tabs,.style-filters{max-width:100%;overflow:auto}.asset-grid,.style-grid{grid-template-columns:1fr 1fr}.workspace-bar{height:auto;padding:12px;grid-template-columns:1fr}.workspace-bar>button{display:none}.pipeline{width:100%;overflow:auto}.pipeline button{flex:0 0 auto}.workspace-body{padding:24px 16px}.stage-title{display:block}.stage-title>div:last-child{margin-top:14px}.workspace-tabs{overflow:auto}.workspace-tabs button{flex:0 0 auto}.asset-callout{align-items:flex-start;gap:12px}.workspace-asset-grid{grid-template-columns:1fr}.episode-card{grid-template-columns:80px 1fr}.episode-thumb{min-height:100px}}.script-scenes{display:grid;gap:10px;max-height:48vh;overflow:auto}.script-scenes section{padding:13px;border-radius:9px;background:var(--surface)}.script-scenes p{margin:6px 0;line-height:1.6}.script-scenes small{color:var(--muted);line-height:1.7}#pastedScript{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;resize:vertical}.workspace-asset-card .thumb{overflow:hidden;flex:0 0 68px}.workspace-asset-card .thumb img{width:100%;height:100%;object-fit:cover}.workspace-asset-card>div:nth-child(2){min-width:0;flex:1}.asset-generate-one{height:32px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--bg);cursor:pointer}.asset-generate-one:hover{background:var(--ink);color:#fff}.asset-generate-one:disabled{cursor:wait;opacity:.55}.asset-preview-image{display:block;width:min(100%,520px);max-height:58vh;margin:auto;border-radius:14px;object-fit:contain;background:var(--surface)}.episode-actions{display:flex;flex-wrap:wrap;gap:7px}.episode-actions .storyboard-entry{background:var(--ink);color:#fff}.storyboard-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:0 0 14px;background:var(--bg)}.storyboard-head div{display:flex;gap:10px;align-items:center}.storyboard-head span{color:var(--muted);font-size:12px}.storyboard-head button{padding:9px 14px;border:0;border-radius:999px;background:var(--ink);color:#fff}.storyboard-strip{display:grid;gap:12px;max-height:60vh;overflow:auto;padding-right:5px}.shot-card{display:grid;grid-template-columns:210px 1fr;gap:16px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fafafa}.shot-frame{display:grid;place-items:center;align-content:center;gap:5px;overflow:hidden;aspect-ratio:16/10;border-radius:11px;background:var(--ink);color:#fff}.shot-frame>span{font-size:28px;font-weight:800}.shot-frame>small{opacity:.55}.shot-frame img{width:100%;height:100%;object-fit:cover}.shot-copy>div{display:flex;justify-content:space-between}.shot-copy em{padding:3px 7px;border-radius:999px;background:var(--surface-strong);font-size:11px;font-style:normal}.shot-copy h4{margin:8px 0 4px}.shot-copy p{margin:0 0 8px;color:var(--muted);font-size:13px}.shot-copy textarea{width:100%;min-height:62px;padding:9px;border:1px solid var(--line);border-radius:8px;resize:vertical;font-size:12px;line-height:1.5}.shot-copy button{margin-top:8px;padding:8px 12px;border:0;border-radius:999px;background:var(--ink);color:#fff}@media(max-width:720px){.shot-card{grid-template-columns:1fr}.storyboard-head{align-items:flex-start;gap:10px}.storyboard-head div{display:grid}.shot-frame{aspect-ratio:16/9}}.writing-toolbar{display:flex;align-items:center;gap:6px;margin-bottom:10px;padding:9px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.writing-toolbar>span{padding:0 7px;font-size:12px;font-weight:800}.writing-toolbar button{height:30px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:var(--bg);cursor:pointer;font-size:12px}.writing-toolbar button:hover{border-color:var(--ink);background:var(--ink);color:#fff}.writing-toolbar button:disabled{cursor:not-allowed;opacity:.4}.writing-toolbar i{flex:1}.writing-status{display:flex;justify-content:space-between;margin-top:7px;color:var(--muted);font-size:11px}@media(max-width:720px){.writing-toolbar{overflow:auto}.writing-toolbar>*{flex:0 0 auto}.writing-toolbar i{display:none}}.character-bible,.episode-outline-list{display:grid;gap:12px}.character-sheet{position:relative;display:grid;grid-template-columns:48px 1fr auto;gap:14px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.character-index{display:grid;place-items:center;height:48px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800}.character-sheet>div:nth-child(2){display:grid;grid-template-columns:1fr 1fr;gap:10px}.character-sheet label{display:grid;gap:5px;color:var(--muted);font-size:11px}.character-sheet input,.character-sheet textarea,.episode-outline-row input,.episode-outline-row textarea{padding:9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.character-sheet .character-description{grid-column:1/-1}.character-sheet textarea{min-height:80px;resize:vertical}.character-sheet>button{width:28px;height:28px;border:0;border-radius:50%;background:var(--surface);cursor:pointer}.episode-outline-row{display:grid;grid-template-columns:58px 1fr;gap:14px;padding:15px;border-left:4px solid var(--ink);border-radius:10px;background:var(--surface)}.episode-number{font-size:10px;letter-spacing:.12em}.episode-number b{font-size:24px}.episode-outline-row>div:last-child{display:grid;gap:8px}.episode-outline-row>div:last-child>input{font-weight:800}.episode-outline-row textarea{min-height:72px;resize:vertical}.episode-outline-row>div:last-child>div{display:flex;gap:16px}.episode-outline-row label{color:var(--muted);font-size:11px}.episode-outline-row label input{width:65px;margin-left:5px}@media(max-width:720px){.character-sheet{grid-template-columns:38px 1fr auto}.character-sheet>div:nth-child(2){grid-template-columns:1fr}.character-sheet .character-description{grid-column:auto}.episode-outline-row{grid-template-columns:42px 1fr}}.director-note{background:#ddedff;background:oklch(.94 .035 250)}.director-note span{color:#00468c;color:oklch(.4 .14 255)}.director-note p{color:#1d3451}.avatar{background:#cde0f9;color:var(--primary)}.commerce-global-nav{background:#fcfdff;background:oklch(.995 .005 255);border-color:#cfd8e5}.commerce-global-nav>a span{color:var(--primary)}.commerce-global-nav nav button.active:after{background:var(--primary)}body.commerce-active,body.commerce-active .commerce-view{--commerce-accent:oklch(.55 .17 245);--commerce-accent-soft:oklch(.95 .035 245);background:#eef4fb}.commerce-heading p,.commerce-role-list button.active,.commerce-global-nav>div button:hover{background:#e1f1ff;background:oklch(.95 .035 245);color:#004479;color:oklch(.38 .13 250)}.commerce-heading>div>span{color:var(--muted)}.commerce-role-summary{background:#f3f9ff;background:oklch(.98 .012 250)}.commerce-role-summary>span,.commerce-role-list span,.commerce-role-list button:nth-child(n) span{background:#d5ebff;background:oklch(.93 .045 245);color:#005a9d;color:oklch(.46 .16 250)}.commerce-role-list button:hover{background:#eef6ff;background:oklch(.97 .02 250)}.commerce-role-list button.active span{outline-color:#58a5e4}body.commerce-active .commerce-panel>header,body.commerce-active .commerce-panel>footer{background:#f6fbff;background:oklch(.985 .01 250)}body.commerce-active .commerce-upload{background:#f6fbff;background:oklch(.985 .01 250);border-color:#9bbcd9}body.commerce-active .commerce-upload button{color:#004981;color:oklch(.4 .14 250)}body.commerce-active .commerce-form input,body.commerce-active .commerce-form select,body.commerce-active .commerce-form textarea{background:#fcfeff;background:oklch(.995 .005 250)}.commerce-format-strip{border-color:#ced9e5}.commerce-format-options button{border-color:#bacde1}.workspace{background:#edf2fa}.pipeline button.active,.workspace-tabs button:last-child,.asset-callout button,.episode-actions .storyboard-entry,.storyboard-head button,.shot-copy button,.character-index{background:var(--primary);color:#fff}.writing-toolbar button:hover,.asset-generate-one:hover{border-color:var(--primary);background:var(--primary);color:#fff}.episode-actions .preview-video{border-color:var(--primary);color:var(--primary);font-weight:700}.episode-actions .preview-video:hover{background:var(--primary);color:#fff}.episode-actions .preview-video:disabled{cursor:wait;opacity:.65}.episode-actions .ai-video-entry{background:var(--primary);color:#fff;border-color:var(--primary)}.audio-master #generateAllVoices{padding:9px 14px;border:0;border-radius:999px;background:var(--primary);color:#fff;font-weight:700;cursor:pointer}.audio-master #generateAllVoices:disabled,.generate-voice-line:disabled{cursor:wait;opacity:.6}.voice-disclosure{margin:10px 0;padding:9px 12px;border-radius:9px;background:#eef5ff;color:#53709a;font-size:12px}.subtitle-line .generate-voice-line{padding:7px 10px;border:1px solid #bcd3ff;border-radius:8px;background:#eef5ff;color:var(--primary);font-weight:700;cursor:pointer}.episode-actions .batch-video{border-color:#8eb8ff;color:#145cbe;font-weight:700}.episode-actions .mp4-export{background:#082b63;color:#fff;border-color:#082b63;font-weight:700}.episode-actions .mp4-export:disabled{cursor:wait;opacity:.6}.batch-video-summary{padding:20px;border:1px solid #c9dcfa;border-radius:16px;background:#f2f7ff}.batch-video-summary strong{font-size:22px;color:#12366a}.batch-video-summary p{color:#466b9e;line-height:1.6}.batch-video-summary span{color:#7a8ba6;font-size:12px}.episode-card.batch-running{outline:2px solid #2f7df6;background:#f5f9ff}.episode-card.batch-queued{opacity:.72}.episode-card.batch-failed{outline:1px solid #f1a9a9}.episode-card.batch-running small,.episode-card.batch-queued small{color:#1464d2;font-weight:700}.episode-card.batch-failed small{color:#bd2929;font-weight:700}.batch-episode-notice{padding:16px;border:1px solid #c9dcfa;border-radius:14px;background:#f2f7ff}.batch-episode-notice strong{font-size:20px;color:#12366a}.batch-episode-notice p{margin:7px 0 0;color:#55769f;line-height:1.6}.batch-episode-list{display:grid;gap:8px;max-height:48vh;margin-top:14px;overflow:auto}.batch-episode-list label{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:11px;cursor:pointer}.batch-episode-list label:has(input:checked){border-color:#8eb8ff;background:#f7faff}.batch-episode-list input{margin-top:4px;accent-color:var(--primary)}.batch-episode-list span{display:grid;gap:4px}.batch-episode-list small{color:var(--muted);line-height:1.5}.batch-episode-progress>div:first-child{display:flex;justify-content:space-between;gap:14px}.batch-episode-progress>div:nth-child(2){height:10px;margin:18px 0;border-radius:999px;background:#e5edf9;overflow:hidden}.batch-episode-progress i{display:block;width:0;height:100%;border-radius:inherit;background:var(--primary);transition:width .25s}.batch-episode-progress p,.batch-episode-result p{color:var(--muted)}.batch-episode-result{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.batch-episode-result strong,.batch-episode-result span{padding:9px 12px;border-radius:999px;background:#edf4ff;color:#174f9e}.batch-episode-result p{flex-basis:100%;line-height:1.6}.asset-card{position:relative}.asset-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.asset-card>div:last-child{position:relative}.asset-card .asset-delete{position:absolute;right:10px;bottom:10px;padding:5px 8px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--muted);font-size:11px;opacity:0;cursor:pointer}.asset-card:hover .asset-delete,.asset-card:focus-within .asset-delete{opacity:1}.new-library-asset{display:grid;gap:13px}.new-library-asset label{display:grid;gap:6px;color:var(--muted);font-size:12px}.new-library-asset input,.new-library-asset select{padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink)}.new-library-asset p{margin:0;color:var(--muted);font-size:12px}.ai-video-notice{padding:16px 18px;border:1px solid #bcd3ff;border-radius:16px;background:#eef5ff;color:#12366a}.ai-video-notice p{margin:6px 0 0;color:#53709a;font-size:13px}.ai-video-settings{display:flex;gap:12px;margin:14px 0}.ai-video-settings label{display:flex;align-items:center;gap:8px;font-size:13px}.ai-video-settings select{border:1px solid #d5e1f3;border-radius:10px;padding:8px 32px 8px 10px;background:#fff}.ai-video-list{display:grid;gap:12px;max-height:58vh;overflow:auto;padding-right:4px}.ai-video-shot{display:grid;grid-template-columns:108px 1fr;gap:14px;padding:12px;border:1px solid #dce6f5;border-radius:16px;background:#fff}.ai-video-thumb{height:150px;border-radius:12px;overflow:hidden;background:#e9f1ff;display:grid;place-items:center;color:#4e79b8;font-weight:800}.ai-video-thumb img{width:100%;height:100%;object-fit:cover}.ai-video-shot-title{display:flex;justify-content:space-between;gap:12px}.ai-video-shot-title em{font-style:normal;color:var(--primary);font-size:12px}.ai-video-shot textarea{width:100%;min-height:74px;margin:8px 0;padding:10px;border:1px solid #dce6f5;border-radius:10px;resize:vertical}.ai-video-shot-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.ai-video-shot-actions span{margin-right:auto;color:#7a8ba6;font-size:12px}.ai-video-shot-actions button,.ai-video-shot-actions a{padding:7px 12px;border:1px solid #cbdcf5;border-radius:9px;background:#f6f9ff;color:#145cbe;text-decoration:none;font-size:12px}.ai-video-shot-actions [data-generate-ai-video]{background:var(--primary);color:#fff;border-color:var(--primary)}.ai-video-progress{height:4px;margin-top:10px;border-radius:99px;background:#e7eef9;overflow:hidden}.ai-video-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#61a5ff);transition:width .3s}@media(max-width:700px){.ai-video-settings{display:grid}.ai-video-shot{grid-template-columns:76px 1fr}.ai-video-thumb{height:112px}.ai-video-shot-actions{flex-wrap:wrap}.ai-video-shot-actions span{width:100%}}.style-visual svg{display:block;width:100%;height:100%}.style-visual>img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;background:var(--surface)}.style-visual:has(svg):before,.style-visual:has(svg):after{display:none}.style-visual .asset-tag{z-index:2}