:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07111a;--bg-soft:#0a1825cc;--panel:#08121cdb;--line:#9ab7cd2e;--text:#f4f7fb;--muted:#9fb2c5;--accent:#6cf0c2;--accent-strong:#f18f5c;--shadow:0 20px 60px #00000059;--radius:24px;font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:radial-gradient(circle at 0 0,#6cf0c229,#0000 28%),radial-gradient(circle at 100% 0,#f18f5c2e,#0000 22%),linear-gradient(#09141f 0%,#050b11 100%);margin:0}body{min-height:100vh}button,textarea,input{font:inherit}code{font-family:IBM Plex Mono,SFMono-Regular,monospace}.page{width:min(1600px,100vw - 32px);margin:0 auto;padding:20px 0 40px}.app-header,.control-panel,.viewer-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.18em;margin:0 0 8px;font-size:.78rem}.app-header{justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px;padding:18px 22px;display:flex}.app-header h1{margin:0;font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.02}.header-copy{max-width:28ch;color:var(--muted);margin:0;font-size:.95rem;line-height:1.5}.studio-grid{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:16px;display:grid}.control-panel{max-height:calc(100vh - 60px);padding:24px;position:sticky;top:20px;overflow-y:auto}.field,.mode-grid{gap:10px;margin-bottom:20px;display:grid}.mode-card{text-align:left;border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:18px;padding:16px}.mode-card strong,.mode-card span{display:block}.mode-card strong{font-size:1rem}.mode-card span{color:var(--muted);margin-top:6px;line-height:1.5}.mode-card.active{background:linear-gradient(135deg,#6cf0c21f,#3a9eff1f);border-color:#6cf0c280}.field span{color:var(--muted);font-size:.95rem}textarea{resize:vertical;border:1px solid var(--line);width:100%;color:var(--text);background:#ffffff0a;border-radius:18px;outline:none;min-height:168px;padding:16px 18px}textarea:focus{border-color:#6cf0c299;box-shadow:0 0 0 4px #6cf0c21f}.segmented{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.segmented button,.primary,.secondary,.download-link{cursor:pointer;border:0;border-radius:999px;padding:13px 16px;transition:transform .16s,opacity .16s,background .16s}.segmented button{color:var(--muted);background:#ffffff0d}.segmented button.active{background:linear-gradient(135deg, var(--accent), #3a9eff);color:#041117;font-weight:700}.actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.secondary-row{margin-top:12px}.full-width{width:100%}.flow-panel{border:1px solid var(--line);background:#ffffff08;border-radius:18px;padding:18px}.flow-title{margin:0;font-weight:600}.flow-copy{color:var(--muted);margin:8px 0 16px;line-height:1.6}.analysis-panel{border:1px solid var(--line);background:#ffffff08;border-radius:18px;margin-top:18px;padding:16px}.analysis-copy{color:var(--muted);margin:8px 0 0;line-height:1.5}.analysis-details{margin-top:12px}.analysis-details summary{cursor:pointer;color:var(--text)}.analysis-details pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);margin:12px 0 0;font-size:.84rem;line-height:1.45}.primary{background:linear-gradient(135deg, var(--accent), #88ffd6);color:#041117;font-weight:700}.secondary{color:var(--text);background:linear-gradient(135deg,#f18f5c33,#ffffff14);border:1px solid #f18f5c40;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.primary:disabled{opacity:.65;cursor:wait}.primary:hover,.secondary:hover,.download-link:hover,.segmented button:hover{transform:translateY(-1px)}.upload-button input{display:none}.status,.error{margin:18px 0 0;line-height:1.5}.hint{font-size:.92rem}.status{color:var(--muted)}.error{color:#ff9f95}.download-link{border:1px solid var(--line);color:var(--text);background:#ffffff0f;justify-content:center;margin-top:18px;text-decoration:none;display:inline-flex}.viewer-panel{grid-template-rows:auto auto auto auto;gap:12px;padding:16px;display:grid}.viewer-shell{background:radial-gradient(circle at top,#6cf0c21f,#0000 22%),#09141d;border:1px solid #ffffff0f;border-radius:18px;height:clamp(400px,56vh,800px);overflow:hidden}.viewer-caption{color:var(--muted);justify-content:space-between;gap:16px;font-size:.92rem;display:flex}.gallery{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.thumb{border:1px solid var(--line);color:var(--text);text-align:left;cursor:pointer;background:#ffffff0a;border-radius:18px;padding:8px}.thumb.active{border-color:#6cf0c299;box-shadow:0 0 0 3px #6cf0c21f}.thumb img{aspect-ratio:2;object-fit:cover;border-radius:12px;width:100%;margin-bottom:8px;display:block}.thumb span{color:var(--muted);font-size:.88rem}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);width:min(400px,100%);padding:32px}.auth-card h2{margin:8px 0 24px;font-size:1.5rem}.auth-field{gap:6px;margin-bottom:16px;display:grid}.auth-field span{color:var(--muted);font-size:.92rem}.auth-field input{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffff0a;border-radius:12px;outline:none;padding:12px 14px;font-size:.95rem}.auth-field input:focus{border-color:#6cf0c299;box-shadow:0 0 0 4px #6cf0c21f}.auth-loading{min-height:100vh;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.auth-bar{justify-content:flex-end;align-items:center;gap:12px;padding:8px 20px;display:flex}.auth-bar-user{color:var(--muted);font-size:.85rem}.auth-bar-logout{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:4px 14px;font-size:.82rem;transition:color .12s,border-color .12s}.auth-bar-logout:hover{color:var(--text);border-color:#ffffff4d}.drop-zone{border:2px dashed var(--line);cursor:pointer;text-align:center;background:#ffffff05;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:28px 16px;transition:border-color .16s,background .16s;display:flex}.drop-zone:hover{background:#6cf0c20a;border-color:#6cf0c266}.drop-zone.dragging{border-color:var(--accent);background:#6cf0c214}.drop-zone.disabled{opacity:.5;cursor:wait}.drop-zone input{display:none}.drop-zone-icon{font-size:1.6rem}.drop-zone-label{color:var(--text);font-size:.95rem;font-weight:600}.drop-zone-hint{color:var(--muted);font-size:.82rem}.pipeline-toggle{border:1px solid var(--line);background:#ffffff0a;border-radius:999px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;padding:4px;display:grid}.toggle-option{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:10px 12px;font-size:.92rem;font-weight:600;transition:background .16s,color .16s}.toggle-option.active{background:linear-gradient(135deg, var(--accent), #3a9eff);color:#041117}.toggle-option:disabled{opacity:.5;cursor:not-allowed}.toggle-hint{color:var(--muted);margin:0 0 16px;font-size:.84rem;line-height:1.5}.phase-status{border:1px solid var(--line);color:var(--accent);background:#6cf0c20f;border-radius:18px;align-items:center;gap:10px;margin-top:8px;padding:14px 16px;font-weight:600;display:flex}.spinner{border:2px solid #6cf0c24d;border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.review-wide-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);padding:24px;overflow-y:auto}.review-header h3{margin:0 0 4px;font-size:1.2rem}.review-hint{color:var(--muted);margin:0 0 20px;font-size:.92rem;line-height:1.5}.review-actions{gap:12px;margin-top:20px;display:flex}.review-generate-btn{flex:1}.review-restart-btn{flex:none;min-width:140px}.review-prompt-preview{margin-top:16px}.analysis-editor{gap:12px;display:grid}.editor-columns{grid-template-columns:1fr 1fr;gap:12px;display:grid}.editor-section{border:1px solid var(--line);background:#ffffff05;border-radius:14px;padding:16px}.editor-section h4{color:var(--accent);align-items:center;gap:10px;margin:0 0 12px;font-size:.92rem;display:flex}.editor-field{gap:4px;margin-bottom:10px;display:grid}.editor-field span{color:var(--muted);letter-spacing:.02em;font-size:.78rem}.editor-field input,.editor-section textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffff0a;border-radius:10px;outline:none;min-height:auto;padding:9px 11px;font-size:.88rem}.editor-section textarea{resize:vertical;min-height:100px;padding:10px 12px}.editor-field input:focus,.editor-section textarea:focus{border-color:#6cf0c280;box-shadow:0 0 0 3px #6cf0c214}.editor-field input[type=number]{width:80px}.editor-row{align-items:end;gap:8px;margin-bottom:8px;display:flex}.editor-row .grow,.editor-field.grow{flex:1}.editor-field.narrow{flex:0 0 90px}.editor-row input.grow{border:1px solid var(--line);color:var(--text);background:#ffffff0a;border-radius:10px;outline:none;flex:1;padding:9px 11px;font-size:.88rem}.editor-row input.grow:focus{border-color:#6cf0c280;box-shadow:0 0 0 3px #6cf0c214}.editor-list-item{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;margin-bottom:8px;padding:10px}.constraints-grid{grid-template-columns:1fr 1fr;gap:4px 12px;display:grid}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;align-self:end;margin-bottom:10px;padding:4px 8px;font-size:1rem;transition:background .12s}.icon-button.danger{color:#ff9f95}.icon-button.danger:hover{background:#ff9f9526}.icon-button.add{color:var(--accent);border:1px solid #6cf0c24d;border-radius:999px;padding:2px 10px;font-size:.82rem;font-weight:600}.icon-button.add:hover{background:#6cf0c21a}.fullscreen-overlay{z-index:9999;background:#000;position:fixed;inset:0}.fullscreen-overlay .viewer-shell{border:0;border-radius:0;width:100%;height:100%}.fullscreen-toggle{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#0009;border:1px solid #fff3;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;line-height:1;transition:background .12s;display:flex;position:absolute;top:12px;right:12px}.fullscreen-toggle:hover{background:#6cf0c24d}.viewer-shell{position:relative}.right-column,.shots-panel{gap:16px;display:grid}.shots-header h3{margin:0 0 4px;font-size:1.2rem}.shots-hint{color:var(--muted);margin:0;font-size:.92rem;line-height:1.5}.shot-model-picker{align-items:center;gap:10px;margin-top:8px;display:flex}.shot-model-picker span{color:var(--muted);white-space:nowrap;font-size:.85rem}.shot-model-picker select{border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;appearance:none;background:#ffffff0a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239fb2c5' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") right 12px center no-repeat;border-radius:10px;outline:none;flex:1;padding:8px 32px 8px 12px;font-size:.88rem}.shot-model-picker select:focus{border-color:#6cf0c280;box-shadow:0 0 0 3px #6cf0c214}.shot-model-picker select:disabled{opacity:.5;cursor:wait}.shot-model-picker select option{color:var(--text);background:#0a1825}.shots-list{gap:12px;display:grid}.shot-card{border:1px solid var(--line);background:#ffffff05;border-radius:14px;grid-template-columns:1fr auto;align-items:start;gap:16px;padding:16px;display:grid}.shot-card.generating{background:#6cf0c20a;border-color:#6cf0c24d}.shot-fields{gap:4px;min-width:0;display:grid}.shot-fields textarea{border-radius:10px;min-height:48px;padding:8px 10px;font-size:.88rem}.shot-actions{align-items:center;gap:10px;margin-top:4px;display:flex}.shot-generate-btn{padding:8px 18px;font-size:.85rem}.shot-error{color:#ff9f95;font-size:.82rem}.shot-preview{flex-shrink:0;gap:6px;width:240px;display:grid}.shot-preview img{border:1px solid var(--line);border-radius:10px;width:100%}.shot-preview img.clickable{cursor:zoom-in;transition:border-color .16s,box-shadow .16s}.shot-preview img.clickable:hover{border-color:#6cf0c280;box-shadow:0 0 0 3px #6cf0c21f}.reference-thumb-panel{border:1px solid var(--line);background:#ffffff08;border-radius:14px;gap:8px;margin-top:16px;padding:12px;display:grid}.reference-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;font-weight:600}.reference-thumb{border:1px solid var(--line);cursor:zoom-in;border-radius:10px;width:100%;transition:border-color .16s,box-shadow .16s;display:block}.reference-thumb:hover{border-color:#6cf0c280;box-shadow:0 0 0 3px #6cf0c21f}.lightbox-overlay{z-index:10000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:zoom-out;background:#000000eb;justify-content:center;align-items:center;animation:.18s lightbox-fade-in;display:flex;position:fixed;inset:0}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.lightbox-close{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#0009;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;line-height:1;transition:background .12s;display:flex;position:absolute;top:16px;right:16px}.lightbox-close:hover{background:#ff645a66}.lightbox-image-wrapper{cursor:zoom-in;max-width:90vw;max-height:90vh;transition:transform .25s}.lightbox-image-wrapper.zoomed{cursor:zoom-out;max-width:none;max-height:none;overflow:auto}.lightbox-image-wrapper img{object-fit:contain;border-radius:8px;max-width:90vw;max-height:90vh;transition:max-width .25s,max-height .25s;display:block;box-shadow:0 8px 40px #00000080}.lightbox-image-wrapper.zoomed img{width:auto;max-width:none;height:auto;max-height:none}.shot-download{text-align:center;color:var(--accent);font-size:.82rem;text-decoration:none}.shot-download:hover{text-decoration:underline}.shots-bottom-actions{align-items:center;gap:12px;display:flex}.active-toggle{color:var(--text);background:linear-gradient(135deg,#f18f5c4d,#ffffff14);border:1px solid #f18f5c66}@media (max-width:980px){.studio-grid{grid-template-columns:1fr}.app-header{flex-direction:column;align-items:start}}@media (max-width:780px){.editor-columns,.constraints-grid{grid-template-columns:1fr}.review-actions{flex-direction:column}.shot-card{grid-template-columns:1fr}.shot-preview{width:100%}}@media (max-width:640px){.page{width:min(100vw - 20px,1180px);padding-top:12px}.app-header,.control-panel,.viewer-panel{border-radius:20px}.app-header{padding:16px 18px}.actions{grid-template-columns:1fr}.viewer-shell{height:clamp(280px,45vh,500px)}.viewer-caption{flex-direction:column}}