:root{--psgo-radius-sm: 8px}.single-column{grid-template-columns:minmax(0,1fr)}.router-link-active.nav-item{border-color:#f4ca7452;color:#f8d982}button,input,textarea,select{font:inherit}.step-panel>.api-select-panel+.section-title{margin-top:18px}.result-video{background:#000}:root{color:#f8f1dc;background:#070707;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-width:320px;background:#070707}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,textarea,input{font:inherit}a{color:inherit;text-decoration:none}.app-shell{position:relative;min-height:100vh;padding:18px clamp(16px,3vw,42px) 42px;background:radial-gradient(circle at 12% 12%,rgba(216,175,88,.22),transparent 28%),radial-gradient(circle at 84% 18%,rgba(255,222,146,.1),transparent 24%),linear-gradient(145deg,#050505,#10100d 47%,#070707)}.app-shell:before{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background-image:linear-gradient(rgba(255,221,140,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,221,140,.035) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 82%);mask-image:linear-gradient(to bottom,#000 0%,transparent 82%)}.topbar,.hero-strip,.control-panel,.preview-panel{position:relative;z-index:1}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:50px}.brand{display:inline-flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(247,207,118,.62);border-radius:8px;color:#080705;font-size:18px;font-weight:900;background:linear-gradient(135deg,#fff0b3,#d49a2f 58%,#7b4c12);box-shadow:0 0 28px #daa73f59}.brand-name{font-size:22px;font-weight:800;letter-spacing:0}.topnav{display:flex;align-items:center;gap:clamp(14px,3vw,36px);color:#f8f1dcb3;font-size:14px}.topnav button{padding:0;color:inherit;background:transparent}.topnav a:hover,.topnav button:hover{color:#ffe6a1}.ghost-button,.primary-button,.secondary-button,.text-button{border:0;cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,.upload-card:focus-visible{outline:2px solid rgba(255,226,157,.9);outline-offset:3px}.ghost-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:1px solid rgba(255,225,151,.28);border-radius:8px;color:#f8e5ad;background:#ffffff0a}.hero-strip{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(280px,1fr);align-items:center;gap:20px;min-height:82px;margin:10px 0 14px;padding:14px 18px;border:1px solid rgba(255,219,139,.14);border-radius:8px;background:linear-gradient(90deg,#daa73f1f,#ffffff06),#0c0c0a7a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.eyebrow{margin:0 0 10px;color:#d9ac55;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;color:#fff7dc;font-size:clamp(24px,3vw,38px);line-height:1.05;letter-spacing:0;text-shadow:0 0 24px rgba(221,168,68,.22)}.hero-meta{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;color:#f8f1dcb8}.hero-meta span{min-width:max-content;padding:7px 10px;border:1px solid rgba(255,226,157,.16);border-radius:999px;color:#f5cc70;font-size:12px;font-weight:800;background:#ffffff09}.hero-meta p{max-width:470px;margin:0;font-size:14px;line-height:1.55}.studio-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);gap:22px;align-items:stretch}.control-panel,.preview-panel{border:1px solid rgba(255,219,139,.18);border-radius:8px;background:linear-gradient(180deg,#ffffff14,#ffffff06),#0c0c0ad1;box-shadow:0 28px 80px #00000073;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.control-panel{padding:clamp(20px,3vw,34px)}.panel-heading,.preview-topline{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px}.model-chip{align-self:start;max-width:260px;padding:8px 10px;border:1px solid rgba(255,226,157,.24);border-radius:999px;color:#f5cc70;font-size:12px;font-weight:800;overflow-wrap:anywhere;background:#ffffff0a}.workflow-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px}.step-tab{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;min-height:46px;padding:8px 10px;border:1px solid rgba(255,226,157,.14);border-radius:8px;color:#f8f1dc94;text-align:left;background:#ffffff07}.step-tab span{display:grid;width:28px;height:28px;place-items:center;border-radius:999px;color:#0a0805;font-size:12px;font-weight:900;background:#e5b65785}.step-tab strong{min-width:0;font-size:12px;overflow-wrap:anywhere}.step-tab.active{border-color:#ffda8785;color:#fff1bd;background:linear-gradient(135deg,rgba(229,182,87,.13),transparent 54%),#ffffff0a}.step-tab.done span{background:#60e2ab}.step-panel{display:grid;gap:14px;min-height:420px}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.api-select-panel,.provider-editor{display:grid;gap:12px;padding:14px;border:1px solid rgba(255,226,157,.14);border-radius:8px;background:linear-gradient(135deg,rgba(229,182,87,.07),transparent 52%),#ffffff08}.provider-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.provider-option{display:grid;gap:6px;min-height:92px;padding:13px;border:1px solid rgba(255,226,157,.13);border-radius:8px;color:#f8f1dca8;text-align:left;background:#ffffff08}.provider-option.active{border-color:#ffda8794;box-shadow:0 0 0 3px #daa73f1c}.provider-option strong{color:#fff5d5;font-size:15px}.provider-option span,.provider-option small,.api-quick-actions span,.provider-editor-actions span{min-width:0;color:#f8f1dc8a;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.provider-option span{color:#f5cc70;font-weight:800}.api-quick-actions,.provider-editor-actions,.provider-editor-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.api-model-picker{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.api-model-picker label{display:grid;gap:8px}.api-model-picker label span{color:#f8f1dcc2;font-size:13px;font-weight:800}.api-quick-actions{justify-content:space-between}.provider-editor.active{border-color:#ffda876b}.provider-editor-list{display:grid;gap:12px}.provider-editor-head{justify-content:flex-end}.provider-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.provider-form-grid label{display:grid;gap:8px}.provider-form-grid label span{color:#f8f1dcc2;font-size:13px;font-weight:800}.security-note{margin:0;padding:12px 14px;border:1px solid rgba(255,181,117,.2);border-radius:8px;color:#ffddb7;font-size:12px;line-height:1.55;background:#ff974b12}.mode-card{display:grid;gap:8px;min-height:148px;padding:16px;border:1px solid rgba(255,226,157,.13);border-radius:8px;color:#f8f1dcad;text-align:left;background:linear-gradient(135deg,rgba(229,182,87,.07),transparent 42%),#ffffff08}.mode-card.active{border-color:#ffda8794;box-shadow:0 0 0 3px #daa73f1c}.mode-card strong{color:#fff5d5;font-size:18px}.mode-card span,.mode-card em,.mode-card small{line-height:1.5}.mode-card span{color:#f5cc70;font-size:13px;font-weight:800}.mode-card em{color:#f8f1dc9e;font-size:12px;font-style:normal}.mode-card small{color:#f8f1dc7a;font-size:12px}.step-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:4px}h2{margin-bottom:0;color:#fff9e9;font-size:clamp(22px,3vw,34px);line-height:1.15;letter-spacing:0}.field-label{display:block;margin-top:18px;margin-bottom:10px;color:#f8f1dcdb;font-size:14px;font-weight:700}.form-grid{display:grid;gap:14px;margin-bottom:18px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field-group{display:grid;gap:9px}.field-group span{color:#f8f1dcdb;font-size:14px;font-weight:700}.field-group small,.helper-note{margin:0;color:#f8f1dc85;font-size:12px;line-height:1.55}.helper-note{margin:-6px 0 16px}.inline-check{display:inline-flex;align-items:center;gap:8px;width:fit-content;color:#f8f1dcb3;font-size:12px;cursor:pointer}.inline-check input{width:15px;height:15px;accent-color:#e5b657}.inline-check span{color:inherit;font-size:inherit;font-weight:600}.text-input,.prompt-input,.code-input{width:100%;padding:18px;border:1px solid rgba(255,226,157,.2);border-radius:8px;outline:none;color:#fff8e8;background:#00000057;line-height:1.7}.text-input{min-height:52px;padding:0 16px;line-height:1.35}.prompt-input,.code-input{min-height:158px;resize:vertical}.code-input{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px}.text-input:focus,.prompt-input:focus,.code-input:focus{border-color:#ffda87a8;box-shadow:0 0 0 4px #daa73f1f}.text-input::placeholder,.prompt-input::placeholder,.code-input::placeholder{color:#f8f1dc6b}.input-section{display:grid;gap:14px;margin-top:20px;padding:18px;border:1px solid rgba(255,226,157,.14);border-radius:8px;background:#0003}.input-section.compact{gap:16px}.section-title{display:flex;align-items:start;justify-content:space-between;gap:12px}.section-title h3{margin:0;color:#fff9e9;font-size:20px;line-height:1.2}.section-title>span{min-width:max-content;padding:6px 10px;border:1px solid rgba(255,226,157,.18);border-radius:999px;color:#f8f1dcad;font-size:12px;font-weight:700}.section-hint{margin:-4px 0 0;color:#f8f1dc8f;font-size:12px;line-height:1.55}.analysis-bar{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px;border:1px solid rgba(255,226,157,.12);border-radius:8px;background:#ffffff07}.analysis-bar span{min-width:0;color:#f8f1dc94;font-size:12px;line-height:1.4;overflow-wrap:anywhere}.analysis-error{margin:-4px 0 0;color:#ffb5a9;font-size:12px;line-height:1.55;overflow-wrap:anywhere}.analysis-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 32%,rgba(236,194,105,.13),transparent 34%),#020202b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.error-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:20px;background:#020202a8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-modal{width:min(440px,100%);border:1px solid rgba(255,143,126,.34);border-radius:14px;padding:18px;color:#f8f1dc;background:linear-gradient(145deg,#291612f5,#0a0908f5),#000000f0;box-shadow:0 26px 70px #00000080}.error-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.error-modal h3{margin:4px 0 0;color:#fff4d4;font-size:21px}.error-modal p:not(.eyebrow){margin:16px 0 0;color:#ffcabf;font-size:14px;line-height:1.65;overflow-wrap:anywhere}.analysis-modal{display:grid;grid-template-rows:auto auto auto auto 1fr auto;width:min(1180px,calc(100vw - 44px));max-height:min(90vh,900px);overflow:hidden;border:1px solid rgba(236,194,105,.22);border-radius:16px;padding:18px;color:#f8f1dc;background:linear-gradient(145deg,#1d1910f5,#080808f5),#000000eb;box-shadow:0 30px 90px #00000085,0 0 0 1px #ffffff09 inset}.analysis-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.analysis-modal-head h3{margin:4px 0 0;font-size:clamp(20px,1.4vw,26px);line-height:1.2}.modal-close{width:34px;height:34px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#f8f1dccc;background:#ffffff0f;font-size:22px;line-height:1}.modal-close:disabled{cursor:not-allowed;opacity:.42}.analysis-loader{position:relative;height:7px;margin:16px 0 12px;overflow:hidden;border-radius:999px;background:#ffffff17}.analysis-loader span{position:absolute;inset:0 auto 0 0;width:45%;border-radius:inherit;background:linear-gradient(90deg,#ecc26926,#f3ca72,#fff0bb);animation:analysis-scan 1.25s ease-in-out infinite}.analysis-loader.done span{width:100%;animation:none;background:linear-gradient(90deg,#f3ca72,#7df0bf)}.analysis-loader.error span{width:100%;animation:none;background:linear-gradient(90deg,#f3ca72,#ff8f7e)}.analysis-modal-text{margin:0 0 12px;color:#f8f1dcb8;font-size:13px;line-height:1.6}.analysis-step-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.analysis-step{display:grid;grid-template-columns:18px 1fr;gap:10px;min-width:0;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff09}.analysis-step i{width:10px;height:10px;margin-top:5px;border-radius:999px;background:#ffffff2e;box-shadow:0 0 0 4px #ffffff0b}.analysis-step strong{display:block;margin-bottom:2px;color:#f8f1dceb;font-size:12px}.analysis-step span{display:block;color:#f8f1dc8f;font-size:11px;line-height:1.45}.analysis-step.active{border-color:#ecc26957;background:#ecc26914}.analysis-step.active i{background:#f3ca72;box-shadow:0 0 0 4px #ecc2691f,0 0 18px #ecc26980}.analysis-step.done i{background:#7df0bf;box-shadow:0 0 0 4px #7df0bf1a}.analysis-step.error{border-color:#ff8f7e57}.analysis-step.error i{background:#ff8f7e;box-shadow:0 0 0 4px #ff8f7e1a}.analysis-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,226,157,.1);background:#0e0d0ac7}.analysis-workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:12px;min-height:0;overflow:hidden}.analysis-pane{min-width:0;min-height:0;border:1px solid rgba(255,226,157,.12);border-radius:12px;background:linear-gradient(135deg,rgba(236,194,105,.07),transparent 44%),#ffffff08;overflow:hidden}.pane-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(255,226,157,.1)}.pane-title strong{color:#ffe5a3;font-size:13px}.pane-title span{min-width:0;color:#f8f1dc85;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-pane .analysis-plan{max-height:min(48vh,520px);overflow:auto;padding:12px;scrollbar-width:thin;scrollbar-color:rgba(236,194,105,.42) rgba(255,255,255,.04)}.plan-pane .analysis-plan::-webkit-scrollbar,.modal-prompt-editor::-webkit-scrollbar{width:8px}.plan-pane .analysis-plan::-webkit-scrollbar-thumb,.modal-prompt-editor::-webkit-scrollbar-thumb{border-radius:999px;background:#ecc26961}.plan-pane .analysis-plan::-webkit-scrollbar-track,.modal-prompt-editor::-webkit-scrollbar-track{background:#ffffff09}.editor-pane{display:grid;grid-template-rows:auto 1fr}.modal-prompt-editor{width:calc(100% - 24px);min-height:min(48vh,520px);margin:12px;resize:none;scrollbar-width:thin;scrollbar-color:rgba(236,194,105,.42) rgba(255,255,255,.04)}.plan-pane .plan-block{padding:10px;border-radius:9px}.plan-pane .shot-item{margin-top:7px;padding-top:7px}@media (max-width: 980px){.analysis-modal-backdrop{padding:12px;place-items:stretch}.analysis-modal{width:100%;max-height:calc(100vh - 24px);padding:14px}.analysis-step-list,.analysis-workspace{grid-template-columns:1fr}.plan-pane .analysis-plan,.modal-prompt-editor{max-height:none;min-height:260px}.analysis-workspace{overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(236,194,105,.42) rgba(255,255,255,.04)}}@media (max-width: 640px){.analysis-modal-head h3{font-size:19px}.pane-title{display:grid;gap:4px}.analysis-modal-actions{display:grid;grid-template-columns:1fr}.analysis-modal-actions button{width:100%}}@keyframes analysis-scan{0%{transform:translate(-110%)}50%{transform:translate(80%)}to{transform:translate(230%)}}.analysis-plan{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.plan-block{min-width:0;padding:12px;border:1px solid rgba(255,226,157,.12);border-radius:8px;background:linear-gradient(135deg,rgba(229,182,87,.08),transparent 48%),#ffffff07}.plan-block.wide{grid-column:1 / -1}.plan-block strong,.plan-block span,.plan-block p,.shot-item b{display:block}.plan-block strong{color:#ffe5a3;font-size:13px}.plan-block span,.plan-block p,.shot-item span{margin-top:5px;color:#f8f1dc9e;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.plan-block p{margin-bottom:0;white-space:pre-wrap}.shot-item{margin-top:9px;padding-top:9px;border-top:1px solid rgba(255,226,157,.1)}.shot-item b{color:#fff4d4;font-size:12px}.upload-zone{display:grid;min-height:150px;place-items:center;gap:8px;padding:20px;border:1px dashed rgba(255,225,151,.3);border-radius:8px;color:#fff3d1;background:#ffffff09;cursor:pointer;text-align:center;transition:transform .18s ease,border-color .18s ease,background .18s ease}.input-section.has-assets,.step-panel.has-assets{gap:12px}.input-section.has-assets .upload-zone,.step-panel.has-assets .upload-zone{grid-template-columns:42px minmax(90px,max-content) minmax(0,1fr);min-height:70px;place-items:initial;align-items:center;gap:12px;padding:12px 16px;text-align:left;background:linear-gradient(90deg,rgba(229,182,87,.08),transparent 58%),#ffffff08}.input-section.has-assets .upload-zone .upload-icon,.step-panel.has-assets .upload-zone .upload-icon{width:36px;height:32px}.input-section.has-assets .upload-zone small,.step-panel.has-assets .upload-zone small{color:#f8f1dc8a;line-height:1.45}.upload-zone:hover,.upload-zone.dragging{transform:translateY(-2px);border-color:#ffda87b8;background:#ffd97c14}.upload-zone input{position:absolute;width:1px;height:1px;opacity:0}.url-adder{display:grid;grid-template-columns:minmax(0,1fr) 126px 126px 92px;gap:10px;align-items:stretch}.url-input{min-height:52px;resize:vertical}.select-input{width:100%;min-height:52px;padding:0 14px;border:1px solid rgba(255,226,157,.2);border-radius:8px;outline:none;color:#fff8e8;background:#00000057}.select-input:focus{border-color:#ffda87a8;box-shadow:0 0 0 4px #daa73f1f}.asset-list{display:grid;gap:10px}.asset-item{display:grid;grid-template-columns:58px minmax(0,1fr) 118px 32px;align-items:center;gap:12px;min-height:70px;padding:8px;border:1px solid rgba(255,226,157,.12);border-radius:8px;background:#ffffff09}.asset-item img,.asset-item video,.url-thumb{width:58px;height:52px;border-radius:6px;object-fit:cover;background:#050505}.url-thumb{display:grid;place-items:center;color:#080705;font-size:12px;font-weight:900;background:linear-gradient(135deg,#fff1b7,#d99e32)}.asset-item strong{display:block;color:#fff4d4;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.asset-item span{display:block;margin-top:4px;color:#f8f1dc8a;font-size:12px}.upload-state{display:block;margin-top:5px;color:#f8f1dc94;font-size:12px;font-style:normal;line-height:1.4;overflow-wrap:anywhere}.upload-state.uploading{color:#f5cc70}.upload-state.uploaded{color:#60e2ab}.upload-state.error{color:#ffb5a9}.role-select{width:100%;min-height:38px;padding:0 9px;border:1px solid rgba(255,226,157,.18);border-radius:8px;outline:none;color:#ffe9ad;font-size:12px;font-weight:800;background:#00000057}.role-select:focus{border-color:#ffda87a8;box-shadow:0 0 0 3px #daa73f1f}.asset-item button{width:30px;height:30px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#fff2cb;background:#0000006b}.setting-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.setting-grid label{display:grid;gap:8px}.setting-grid span{color:#f8f1dcc7;font-size:13px;font-weight:700}.setting-grid .switch-field{display:grid;gap:8px;min-height:0;padding:0;border:0;border-radius:0;background:transparent;align-content:start}.switch-field input[type=checkbox]{width:58px;height:38px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,226,157,.18);border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent),#00000057;position:relative;cursor:pointer;transition:background .2s ease,border-color .2s ease}.switch-field input[type=checkbox]:after{content:"";position:absolute;top:8px;left:8px;width:20px;height:20px;border-radius:999px;background:#ffffffe0;transition:transform .2s ease,background .2s ease}.switch-field input[type=checkbox]:checked{border-color:#ecc269b8;background:linear-gradient(135deg,#ecc269,#b98525)}.switch-field input[type=checkbox]:checked:after{transform:translate(20px);background:#17130a}.wide-setting{grid-column:1 / -1}.analysis-config-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 12px;border:1px solid rgba(236,194,105,.12);border-radius:8px;color:#f8f1dcb8;background:#ffffff07}.analysis-config-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700}.upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.upload-card{position:relative;display:grid;grid-template-columns:minmax(110px,.42fr) minmax(0,1fr);min-height:178px;align-items:center;gap:16px;padding:14px;border:1px dashed rgba(255,225,151,.26);border-radius:8px;color:#fff3d1;background:#ffffff09;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.upload-card:hover,.upload-card.dragging{transform:translateY(-2px);border-color:#ffda87b8;background:#ffd97c14}.upload-card.filled{border-style:solid;border-color:#60e2ab94;background:linear-gradient(135deg,rgba(96,226,171,.1),transparent 42%),#ffffff09}.upload-card input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-icon{display:inline-grid;width:46px;height:34px;place-items:center;border-radius:6px;color:#080705;font-size:12px;font-weight:900;background:#e5b657}.upload-preview{position:relative;display:grid;width:100%;min-height:132px;aspect-ratio:4 / 3;place-items:center;overflow:hidden;border:1px solid rgba(255,226,157,.14);border-radius:8px;background:linear-gradient(135deg,rgba(255,222,143,.08),transparent 48%),#070706}.upload-preview img,.upload-preview video{width:100%;height:100%;object-fit:contain}.upload-preview video{background:#000}.upload-preview button{position:absolute;top:8px;right:8px;display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#fff2cb;line-height:1;background:#000000b8;cursor:pointer}.upload-copy{display:grid;gap:9px;min-width:0}.upload-card:not(.filled){grid-template-columns:1fr;padding:18px}.upload-card strong,.asset-summary strong,.result-card strong{overflow-wrap:anywhere}.upload-card small{color:#f8f1dc8f;line-height:1.45}.actions-row{display:flex;align-items:center;gap:16px;margin-top:22px}.primary-button{min-width:152px;min-height:52px;padding:0 24px;border-radius:8px;color:#080705;font-weight:900;background:linear-gradient(135deg,#fff1b7,#d99e32 58%,#9d641b);box-shadow:0 18px 42px #cd8f2252}.secondary-button{min-width:118px;min-height:52px;padding:0 18px;border:1px solid rgba(255,225,151,.22);border-radius:8px;color:#f8e5ad;font-weight:800;background:#ffffff0e}.secondary-button.slim{min-width:92px;min-height:34px;padding:0 12px;font-size:12px}.secondary-button.warm{border-color:#f5cc7057;color:#ffe5a3;background:#e5b65714}.secondary-button:disabled{cursor:not-allowed;opacity:.48}.secondary-button:hover{border-color:#ffda877a;background:#ffd97c14}.primary-button:disabled{cursor:wait;filter:grayscale(.3);opacity:.78}.status-line{margin:0;color:#f8f1dca3;line-height:1.5}.status-line.error{color:#ffb5a9}.preview-panel{display:grid;align-content:start;gap:16px;padding:clamp(18px,2.6vw,28px)}.preview-topline{align-items:start;margin-bottom:0}.status-pill{min-width:82px;padding:7px 10px;border:1px solid rgba(255,226,157,.24);border-radius:999px;color:#f5cc70;font-size:12px;font-weight:800;text-align:center;text-transform:uppercase;background:#ffffff0a}.stage{position:relative;display:grid;min-height:330px;place-items:center;overflow:hidden;border:1px solid rgba(255,226,157,.16);border-radius:8px;background:linear-gradient(135deg,rgba(255,222,143,.08),transparent 34%),#090908}.stage.has-result{min-height:520px;aspect-ratio:auto;padding:10px;overflow:visible;background:#050505}.result-video{position:relative;z-index:2;display:block;width:100%;height:auto;max-height:min(72vh,760px);object-fit:contain;border-radius:6px;background:#000}.empty-preview{display:grid;gap:10px;text-align:center;color:#f8f1dca3}.empty-preview span{color:#e5b657e6;font-size:42px;font-weight:900}.scan-line{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(255,226,157,0) 42%,rgba(255,226,157,.16) 50%,rgba(255,226,157,0) 58%,transparent 100%);animation:scan 3.4s ease-in-out infinite;pointer-events:none}@keyframes scan{0%{transform:translateY(-75%)}to{transform:translateY(75%)}}.asset-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.result-ready-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.result-ready-grid>div{min-height:78px;padding:14px;border:1px solid rgba(255,226,157,.14);border-radius:8px;background:#ffffff09}.result-ready-grid span{display:block;margin-bottom:7px;color:#f8f1dc8a;font-size:12px}.result-ready-grid strong{display:block;color:#fff4d4;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.history-query{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px}.history-query label{display:grid;gap:8px}.history-query label span{color:#f8f1dcb8;font-size:13px;font-weight:800}.history-list{display:grid;gap:10px}.history-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;border:1px solid rgba(255,226,157,.14);border-radius:8px;background:#ffffff09}.history-item strong,.history-item span,.history-item small{display:block;overflow-wrap:anywhere}.history-item strong{color:#fff4d4;font-size:14px}.history-item span{margin-top:5px;color:#f5cc70;font-size:12px;font-weight:800}.history-item small{display:-webkit-box;margin-top:6px;overflow:hidden;color:#f8f1dc85;font-size:12px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.history-actions{display:flex;gap:8px}.history-empty{display:grid;min-height:150px;place-content:center;gap:8px;border:1px dashed rgba(255,226,157,.2);border-radius:8px;color:#f8f1dc94;text-align:center;background:#ffffff06}.history-empty strong{color:#fff4d4}.asset-summary>div{min-height:78px;padding:14px;border:1px solid rgba(255,226,157,.14);border-radius:8px;background:#ffffff09}.asset-summary span,.progress-meta span,.result-card span{display:block;margin-bottom:7px;color:#f8f1dc8a;font-size:12px}.asset-summary strong{display:block;color:#fff4d4;font-size:14px;line-height:1.35}.text-button{margin-top:8px;padding:0;color:#f3c66b;background:transparent}.progress-block{padding:15px;border:1px solid rgba(255,226,157,.14);border-radius:8px;background:#0000003d}.progress-meta{display:flex;justify-content:space-between;gap:10px}.progress-meta strong{color:#ffe19a}.progress-track{height:10px;overflow:hidden;border-radius:999px;background:#ffffff14}.progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7d541a,#f1bd59,#fff1b2);box-shadow:0 0 20px #ecb85294;transition:width .42s ease}.result-card{padding:18px;border:1px solid rgba(255,226,157,.14);border-radius:8px;background:#ffffff09}.result-card pre{max-height:260px;margin:0;overflow:auto;color:#fff8e8cc;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.result-card.ready{border-color:#60e2ab75;background:linear-gradient(135deg,#60e2ab1f,#ffffff09)}@media (max-width: 920px){.topbar{flex-wrap:wrap}.topnav{order:3;width:100%;justify-content:space-between}.hero-strip,.studio-grid{grid-template-columns:1fr}.hero-strip{min-height:auto}.hero-meta{align-items:flex-start;flex-wrap:wrap;justify-content:flex-start}.workflow-steps,.mode-grid,.provider-switcher{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 620px){.app-shell{padding:18px 14px 28px}.ghost-button{display:none}.upload-grid,.form-grid.two,.asset-summary,.result-ready-grid,.upload-card.filled{grid-template-columns:1fr}.actions-row{align-items:stretch;flex-direction:column}.workflow-steps,.mode-grid{grid-template-columns:1fr}.step-actions{align-items:stretch;flex-direction:column}.url-adder,.setting-grid,.analysis-plan,.history-query,.history-item,.provider-switcher,.provider-form-grid,.api-model-picker{grid-template-columns:1fr}.api-quick-actions,.provider-editor-actions,.provider-editor-head,.history-actions,.analysis-bar{align-items:stretch;flex-direction:column}.input-section.has-assets .upload-zone,.step-panel.has-assets .upload-zone{grid-template-columns:38px minmax(0,1fr)}.input-section.has-assets .upload-zone small,.step-panel.has-assets .upload-zone small{grid-column:2}.asset-item{grid-template-columns:52px minmax(0,1fr) 30px}.role-select{grid-column:2 / 4}.primary-button,.secondary-button{width:100%}.stage{min-height:260px}}:root{color:#f6efe0;background:#0b0b0a;--studio-bg: #0b0b0a;--panel-bg: rgba(24, 24, 21, .92);--panel-bg-soft: rgba(255, 255, 255, .035);--panel-line: rgba(236, 194, 105, .14);--panel-line-strong: rgba(236, 194, 105, .34);--gold: #e7b957;--gold-soft: #f6d98d;--mint: #5de0af;--text-main: #fff8e8;--text-muted: rgba(246, 239, 224, .6);--text-faint: rgba(246, 239, 224, .42)}html,body{background:var(--studio-bg)}button,select,label{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;padding:14px clamp(14px,2.4vw,28px) 28px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 230px),linear-gradient(115deg,rgba(231,185,87,.08),transparent 34%),#0b0b0a}.app-shell:before{background-image:linear-gradient(rgba(255,220,142,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,220,142,.02) 1px,transparent 1px);background-size:48px 48px;opacity:.7;-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 70%);mask-image:linear-gradient(to bottom,#000 0%,transparent 70%)}.topbar{position:sticky;top:0;z-index:20;min-height:58px;padding:8px 12px;border:1px solid rgba(236,194,105,.12);border-radius:8px;background:#0b0b0ad1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;margin-left:auto}.brand-mark{width:34px;height:34px;border-radius:8px;box-shadow:none}.brand-name{font-size:20px}.topnav{gap:8px;padding:4px;border:1px solid rgba(236,194,105,.12);border-radius:8px;background:#ffffff07}.topnav a,.topnav button{min-height:32px;padding:0 12px;border-radius:6px;color:#f6efe0ad;font-size:13px}.topnav a:hover,.topnav button:hover{color:var(--gold-soft);background:#e7b95717}.ghost-button{min-height:36px;padding:0 14px;border-color:#ecc2692e;border-radius:8px;font-size:13px;background:#e7b95714}.hero-strip{grid-template-columns:minmax(260px,.45fr) minmax(0,1fr);min-height:72px;margin:12px 0;padding:14px 16px;border-color:#ecc2691f;background:linear-gradient(90deg,#e7b95714,#ffffff05),#141412bd;box-shadow:inset 0 1px #ffffff0a}.eyebrow{margin-bottom:7px;color:var(--gold);font-size:11px;letter-spacing:.14em}h1{font-size:clamp(24px,2.5vw,34px);line-height:1.08;text-shadow:none}h2{font-size:clamp(21px,2.4vw,30px)}.hero-meta{gap:8px}.hero-meta span,.model-chip,.status-pill,.section-title>span{border-radius:999px;border-color:#ecc2692e;background:#ffffff0a}.hero-meta p{max-width:560px;color:var(--text-muted);font-size:13px}.studio-grid{grid-template-columns:minmax(620px,1fr) minmax(420px,.68fr);gap:14px;align-items:start}.control-panel,.preview-panel{border-color:var(--panel-line);background:linear-gradient(180deg,rgba(255,255,255,.055),transparent 160px),var(--panel-bg);box-shadow:none}.control-panel{min-height:calc(100vh - 166px);padding:clamp(18px,2vw,24px)}.preview-panel{position:sticky;top:86px;gap:12px;max-height:calc(100vh - 104px);overflow:auto;padding:16px}.panel-heading,.preview-topline{align-items:flex-start;margin-bottom:16px}.model-chip{max-width:300px;padding:7px 10px;font-size:11px}.workflow-steps{grid-template-columns:repeat(5,minmax(92px,1fr));gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:2px}.step-tab{min-height:42px;padding:7px 9px;border-color:#ecc2691f;background:#ffffff07}.step-tab span{width:26px;height:26px;background:#e7b95757}.step-tab.done span{background:var(--mint)}.step-tab.active{border-color:#e7b9578c;background:linear-gradient(135deg,rgba(231,185,87,.16),transparent 62%),#ffffff0a}.step-panel{gap:12px;min-height:0}.api-select-panel,.provider-editor,.mode-card,.input-section,.plan-block,.result-ready-grid>div,.asset-summary>div,.history-item,.history-empty,.result-card,.progress-block,.security-note{border-color:var(--panel-line);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent),#ffffff07}.api-select-panel{padding:12px}.provider-switcher{grid-template-columns:repeat(3,minmax(0,1fr))}.provider-option{min-height:82px;padding:12px;border-color:#ecc2691f;background:#ffffff07}.provider-option:hover,.mode-card:hover,.asset-item:hover,.history-item:hover{border-color:#ecc2694d;background:#ffffff0b}.provider-option.active,.mode-card.active,.provider-editor.active{border-color:#e7b9578f;box-shadow:inset 3px 0 #e7b957cc}.provider-option strong{font-size:14px}.api-model-picker,.provider-form-grid,.setting-grid{gap:10px}.mode-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.mode-card{min-height:128px;padding:13px}.mode-card strong{font-size:16px}.mode-card span{font-size:12px}.mode-card em,.mode-card small{font-size:11px}.section-title{align-items:center}.section-title h3{font-size:18px}.section-hint{color:var(--text-muted)}.field-label{margin-top:8px;margin-bottom:8px}.text-input,.prompt-input,.code-input,.select-input,.role-select{border-color:#ecc26929;background:#05050575}.text-input,.select-input{min-height:46px}.prompt-input{min-height:136px}.code-input{min-height:120px}.text-input:focus,.prompt-input:focus,.code-input:focus,.select-input:focus,.role-select:focus{border-color:#e7b9579e;box-shadow:0 0 0 3px #e7b9571a}.upload-zone{min-height:128px;border-color:#ecc2693d;background:linear-gradient(180deg,#ffffff08,#ffffff04),#0000003d}.upload-zone:hover,.upload-zone.dragging{transform:none;border-color:#e7b95794}.upload-icon{width:42px;height:32px;border-radius:8px}.url-adder{grid-template-columns:minmax(0,1fr) 118px 132px 88px}.asset-list{gap:8px}.asset-item{grid-template-columns:54px minmax(0,1fr) 128px 32px;min-height:66px;padding:8px 10px;border-color:#ecc2691f;background:#ffffff07}.asset-item img,.asset-item video,.url-thumb{width:54px;height:48px}.analysis-bar{padding:8px 10px;border-color:#ecc26921;background:#ffffff07}.analysis-plan{gap:10px}.plan-block{padding:12px 14px}.step-actions,.actions-row{gap:10px}.primary-button,.secondary-button,.ghost-button{transition:border-color .16s ease,background .16s ease,transform .16s ease,opacity .16s ease}.primary-button{min-height:46px;min-width:136px;border-radius:8px;background:linear-gradient(135deg,#ffeab0,#e0aa3f 58%,#9c681e);box-shadow:none}.primary-button:hover:not(:disabled){transform:translateY(-1px)}.secondary-button{min-height:46px;min-width:106px;border-color:#ecc2692e;border-radius:8px;background:#ffffff09}.secondary-button.slim{min-height:34px}.status-line{padding:11px 12px;border:1px solid rgba(236,194,105,.12);border-radius:8px;background:#00000038}.stage{min-height:min(48vh,430px);aspect-ratio:16 / 10;border-color:#ecc2692e;background:linear-gradient(180deg,rgba(231,185,87,.08),transparent 42%),#050505}.stage.has-result{min-height:min(78vh,760px);aspect-ratio:auto;background:#050505}.empty-preview{gap:8px}.empty-preview span{color:var(--gold);font-size:38px}.scan-line{opacity:.72}.asset-summary,.result-ready-grid{gap:10px}.progress-block{padding:13px}.progress-track{height:8px}.progress-track span{background:linear-gradient(90deg,#6b4a1b,var(--gold),#fff0b0);box-shadow:none}.result-card pre{max-height:300px;font-size:11px}.history-query{grid-template-columns:minmax(0,1fr) 120px}@media (max-width: 1280px){.studio-grid{grid-template-columns:minmax(0,1fr) minmax(380px,.62fr)}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.provider-switcher{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1020px){.studio-grid{grid-template-columns:1fr}.preview-panel{position:relative;top:auto;max-height:none}}@media (max-width: 920px){.hero-strip{grid-template-columns:1fr}.top-actions{width:100%;justify-content:flex-start}.studio-grid{grid-template-columns:1fr}.mode-grid,.provider-switcher{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 620px){.studio-grid,.control-panel,.preview-panel,.step-panel,.api-select-panel,.provider-switcher,.mode-grid{min-width:0}.app-shell{padding:12px 10px 24px}.topbar{position:relative}.top-actions{align-items:stretch;flex-direction:column}.topnav{width:100%;overflow-x:auto;justify-content:flex-start}.topnav a,.topnav button{flex:0 0 auto}.hero-strip{padding:12px}.workflow-steps{display:flex;width:100%;min-width:0;overflow-x:auto}.step-tab{flex:0 0 92px}.panel-heading,.section-title{flex-wrap:wrap}.model-chip{max-width:100%}.mode-grid,.provider-switcher,.api-model-picker,.provider-form-grid,.setting-grid,.analysis-plan,.result-ready-grid,.asset-summary,.url-adder,.history-query,.history-item{grid-template-columns:1fr}.asset-item{grid-template-columns:50px minmax(0,1fr) 30px}.role-select{grid-column:2 / 4}.actions-row,.step-actions,.analysis-bar,.analysis-config-row,.api-quick-actions,.provider-editor-actions,.provider-editor-head{align-items:stretch;flex-direction:column}.primary-button,.secondary-button{width:100%}.section-title .secondary-button.slim,.provider-editor-head .secondary-button.slim{width:auto}.stage{min-height:250px;aspect-ratio:4 / 3}.stage.has-result{min-height:420px;aspect-ratio:auto}}.topbar{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px}.top-actions{justify-self:end;display:flex;align-items:center;gap:8px;max-width:100%}.topnav{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(236,194,105,.12);border-radius:8px;background:#ffffff07}.topnav .nav-item,.ghost-button.nav-item{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:0;min-height:34px;padding:0 14px;border:1px solid transparent;border-radius:6px;color:#f6efe0ad;font-size:13px;font-weight:700;line-height:1;white-space:nowrap;background:transparent;box-shadow:none}.topnav .nav-item:hover,.ghost-button.nav-item:hover{border-color:#ecc2692e;color:var(--gold-soft);background:#e7b95717}@media (max-width: 920px){.topbar{grid-template-columns:1fr}.top-actions{justify-self:stretch}}@media (max-width: 620px){.top-actions{align-items:stretch;flex-direction:column}.topnav{width:100%;overflow-x:auto}.topnav .nav-item{flex:0 0 auto}}.studio-grid{max-width:1680px;margin:0 auto}.control-panel{display:grid;align-content:start;gap:14px}.panel-heading{padding-bottom:14px;border-bottom:1px solid rgba(236,194,105,.1)}.api-select-panel,.step-panel,.input-section,.result-card,.progress-block{box-shadow:inset 0 1px #ffffff09}.provider-switcher,.mode-grid{align-items:stretch}.provider-option,.mode-card{align-content:start}.mode-card{gap:7px}.api-model-picker{padding-top:2px}.upload-zone{min-height:108px}.asset-list{max-height:360px;overflow:auto;padding-right:2px}.asset-item{transition:border-color .16s ease,background .16s ease}.prompt-input{min-height:176px}.stage.has-result{display:flex;min-height:0;max-height:none;align-items:center;justify-content:center;padding:12px}.result-video{width:100%;max-width:100%;max-height:calc(100vh - 180px);border:1px solid rgba(236,194,105,.16);border-radius:8px}.preview-panel{scrollbar-width:thin;scrollbar-color:rgba(231,185,87,.35) transparent}.history-actions .secondary-button,.api-quick-actions .secondary-button,.provider-editor-actions .secondary-button{flex:0 0 auto}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;text-align:center}@media (min-width: 1281px){.studio-grid{grid-template-columns:minmax(720px,1fr) minmax(460px,.58fr)}}@media (max-width: 760px){.hero-meta span{white-space:normal}.asset-list{max-height:none;overflow:visible}.prompt-input{min-height:150px}.result-video{max-height:72vh}}.app-shell{background:radial-gradient(circle at 22% 0%,rgba(231,185,87,.12),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.028),transparent 260px),linear-gradient(115deg,rgba(231,185,87,.055),transparent 36%),#0b0b0a}.topbar,.hero-strip,.control-panel,.preview-panel{border-radius:10px}.hero-strip{overflow:hidden}.hero-strip:after{position:absolute;right:18px;bottom:-28px;width:220px;height:76px;border:1px solid rgba(236,194,105,.1);border-radius:999px;content:"";background:#e7b9570b;transform:rotate(-8deg)}.hero-strip>*{position:relative;z-index:1}.control-panel,.preview-panel{background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 180px),linear-gradient(135deg,rgba(231,185,87,.045),transparent 42%),#121210f0}.panel-heading{align-items:center}.panel-heading h2,.preview-topline h2{max-width:760px}.workflow-steps{padding:4px;border:1px solid rgba(236,194,105,.1);border-radius:10px;background:#0000002e}.step-tab{border-radius:8px}.step-tab.active{box-shadow:inset 0 0 0 1px #e7b95738,0 10px 22px #0000002e}.step-tab.done{color:#f6efe0c7}.mode-grid{grid-template-columns:repeat(auto-fit,minmax(158px,1fr))}.mode-card{position:relative;overflow:hidden;min-height:156px;padding:16px}.mode-card:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(135deg,rgba(231,185,87,.08),transparent 46%);opacity:0;transition:opacity .16s ease}.mode-card>*{position:relative;z-index:1}.mode-card:hover:before,.mode-card.active:before{opacity:1}.mode-card-check{justify-self:start;margin-bottom:4px;padding:4px 8px;border:1px solid rgba(236,194,105,.18);border-radius:999px;color:#f6efe08f;font-size:11px;font-style:normal;font-weight:800;line-height:1;background:#0003}.mode-card.active .mode-card-check{border-color:#5de0af80;color:#a9f5d8;background:#5de0af14}.mode-card.active{box-shadow:inset 3px 0 #e7b957e6,0 16px 34px #0000002e}.section-title{padding-bottom:2px}.section-hint{max-width:860px}.upload-zone{position:relative;overflow:hidden;border-radius:10px}.upload-zone:after{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgba(236,194,105,.055);border-radius:8px;content:"";pointer-events:none}.upload-icon{font-size:18px;line-height:1}.url-adder{padding:10px;border:1px solid rgba(236,194,105,.1);border-radius:10px;background:#00000029}.asset-list{padding:2px}.asset-item{border-radius:10px}.asset-item button{display:grid;place-items:center;font-size:18px;line-height:1}.analysis-config-row{margin-top:2px}.analysis-bar,.stage{border-radius:10px}.stage.has-result{overflow:hidden}.result-video{max-height:calc(100vh - 220px)}.asset-summary>div,.result-ready-grid>div,.progress-block,.result-card{border-radius:10px}@media (min-width: 1281px){.control-panel{padding:26px}.preview-panel{padding:18px}}@media (max-width: 1020px){.preview-panel{order:-1}.stage{min-height:320px}}@media (max-width: 620px){.brand-name{font-size:18px}.hero-strip:after{display:none}.hero-meta{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));justify-content:start}.hero-meta p{grid-column:1 / -1}.control-panel,.preview-panel{padding:14px}.mode-card{min-height:132px}.url-adder{padding:8px}.preview-panel{order:initial}}.studio-grid{margin-top:12px}.control-panel{padding-top:clamp(16px,1.8vw,22px)}.control-panel>.workflow-steps:first-child{margin-bottom:24px}.step-panel>.section-title:first-child{padding-top:0}@media (max-width: 620px){.studio-grid{margin-top:10px}.control-panel>.workflow-steps:first-child{margin-bottom:18px}}.preview-panel{min-width:0;max-width:100%;overflow-x:hidden}.preview-panel .stage{width:100%;min-width:0;min-height:clamp(320px,48vh,430px)}.preview-panel .empty-preview,.preview-panel .result-video{max-width:100%;min-width:0}.result-card pre{max-width:100%;overflow-x:hidden;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.asset-summary,.progress-block,.result-card{min-width:0;max-width:100%}.app-shell{width:100%;min-height:100vh;padding:clamp(10px,1.1vw,18px) clamp(12px,1.8vw,32px) clamp(18px,2.4vw,42px)}.topbar,.studio-grid{width:100%;max-width:min(96vw,1880px);margin-right:auto;margin-left:auto}.topbar{min-height:clamp(44px,4.8vh,56px)}.brand-mark{width:clamp(30px,2.1vw,38px);height:clamp(30px,2.1vw,38px);font-size:clamp(14px,1vw,18px)}.brand-name{font-size:clamp(16px,1.05vw,22px)}.studio-grid{grid-template-columns:minmax(0,1.58fr) minmax(clamp(340px,31vw,610px),.86fr);gap:clamp(12px,1.15vw,22px);align-items:start;margin-top:clamp(10px,1vh,14px)}.control-panel,.preview-panel{min-width:0;max-width:none;border-radius:clamp(8px,.55vw,12px)}.control-panel{min-height:calc(100vh - clamp(92px,9vh,126px));padding:clamp(14px,1.35vw,24px)}.preview-panel{position:sticky;top:clamp(66px,7vh,86px);max-height:calc(100vh - clamp(84px,8.5vh,112px));padding:clamp(14px,1.15vw,20px);overflow-y:auto}.workflow-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,.65vw,10px);margin-bottom:clamp(14px,1.3vw,24px)}.step-tab{min-height:clamp(38px,4.6vh,46px);padding:clamp(6px,.62vw,10px)}.step-tab span{width:clamp(22px,1.7vw,28px);height:clamp(22px,1.7vw,28px)}.section-title h3,.preview-topline h2{font-size:clamp(18px,1.45vw,28px)}.mode-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(140px,10.5vw,180px),1fr));gap:clamp(8px,.8vw,12px)}.mode-card{min-height:clamp(126px,10vw,156px);padding:clamp(12px,.9vw,16px)}.mode-card strong{font-size:clamp(14px,.9vw,16px)}.mode-card span,.mode-card em,.mode-card small{font-size:clamp(11px,.72vw,13px);line-height:1.45}.step-panel{min-height:0;gap:clamp(10px,.9vw,14px)}.preview-panel .stage{min-height:clamp(300px,36vh,430px)}.preview-panel .stage.has-result{min-height:clamp(340px,52vh,680px)}.empty-preview span{font-size:clamp(30px,2.4vw,42px)}.asset-summary,.setting-grid,.result-ready-grid{gap:clamp(8px,.8vw,12px)}.setting-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(136px,10vw,180px),1fr))}.asset-summary>div,.result-ready-grid>div,.progress-block,.result-card{padding:clamp(10px,.85vw,14px)}@media (max-width: 1180px){.studio-grid{grid-template-columns:minmax(0,1fr) minmax(clamp(300px,34vw,420px),.72fr)}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 980px){.studio-grid{grid-template-columns:1fr}.preview-panel{position:relative;top:auto;order:-1;max-height:none;overflow-y:visible}.control-panel{min-height:auto}}@media (max-width: 680px){.workflow-steps,.mode-grid,.topbar{grid-template-columns:1fr}}