*,:before,:after{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101114;--panel:#171a20;--panel-2:#20242d;--border:#303744;--text:#eef1f7;--muted:#9aa4b5;--accent:#5ec3ad;--accent-strong:#7ad9c3;--danger:#ee6d7a;--warn:#d7aa55;--ok:#68bd8e;--radius:8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:minmax(340px,440px) 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);flex-direction:column;gap:14px;padding:18px;display:flex;overflow-y:auto}.topbar{justify-content:space-between;align-items:center;gap:12px;padding-bottom:2px;display:flex}.topbar h1,.panel h2,.history h2{letter-spacing:0;margin:0}.topbar h1{font-size:1.05rem}.topbar p{color:var(--muted);margin:4px 0 0;font-size:.75rem}.panel{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:14px;display:flex}.panel h2,.history h2{color:var(--muted);text-transform:uppercase;font-size:.7rem;font-weight:700}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:.82rem;display:flex}.field strong{color:var(--accent);font-weight:700}input,textarea,select{border:1px solid var(--border);background:var(--panel-2);width:100%;color:var(--text);border-radius:7px;outline:none;min-height:36px;padding:8px 10px}textarea{resize:vertical;line-height:1.45}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 1px #5ec3ad2e}input[type=range]{min-height:20px;accent-color:var(--accent);padding:0}.row2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.hint{color:var(--muted);margin:0;font-size:.76rem;line-height:1.4}.form-error{color:var(--danger);margin:0;font-size:.78rem;line-height:1.4}.inline-control{grid-template-columns:1fr 38px;gap:6px;display:grid}.radio-group{gap:12px;display:flex}.radio-option{border:1px solid var(--border);min-height:36px;color:var(--text);background:var(--panel-2);border-radius:7px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.radio-option:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px #5ec3ad2e}.radio-option input{width:16px;min-height:16px;accent-color:var(--accent)}.icon-button,.secondary-button,.generate-button{border-radius:var(--radius);border:1px solid var(--border);color:var(--text);background:0 0;justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.icon-button{flex:none;width:38px;height:38px;padding:0}.icon-button:hover,.secondary-button:hover{border-color:var(--accent);color:var(--accent-strong)}.secondary-button{min-height:36px;padding:8px 12px}.generate-button{background:var(--accent);color:#06130f;border:0;min-height:42px;padding:10px 14px;font-weight:800}.generate-button:disabled{opacity:.52;cursor:not-allowed}.generate-button.compact{min-height:38px}.check-row{color:var(--muted);align-items:center;gap:8px;font-size:.82rem;display:flex}.check-row input{width:16px;min-height:16px;accent-color:var(--accent)}.workspace{flex-direction:column;gap:14px;min-width:0;padding:20px;display:flex;overflow-y:auto}.video-area{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-2);flex:none;justify-content:center;align-items:center;height:clamp(360px,58vh,560px);display:flex;position:relative;overflow:hidden}.video-area video{object-fit:contain;width:auto;max-width:100%;height:100%;max-height:100%;display:block}.placeholder{color:var(--muted);flex-direction:column;align-items:center;gap:12px;display:flex}.video-loader{color:var(--accent)}.generation-timer{color:var(--text);font-variant-numeric:tabular-nums;font-size:3rem;font-weight:800;line-height:1}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.action-row{justify-content:flex-end;display:flex}.json-panel{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.json-panel summary{color:var(--muted);cursor:pointer;padding:10px 14px}.json-panel pre{color:var(--muted);background:var(--panel-2);border-top:1px solid var(--border);margin:0;padding:12px 14px;font-size:.78rem;overflow:auto}.history{flex-direction:column;gap:10px;display:flex}.history-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.history-thumb{border:1px solid var(--border);aspect-ratio:16/9;background:var(--panel-2);border-radius:7px;padding:0;position:relative;overflow:hidden}.history-thumb video{object-fit:cover;width:100%;height:100%}.history-thumb span{color:#fff;text-align:left;background:linear-gradient(#0000,#000000bf);padding:14px 6px 5px;font-size:.68rem;position:absolute;bottom:0;left:0;right:0}.modal-backdrop{z-index:20;background:#05070ab8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);flex-direction:column;gap:14px;width:min(420px,100%);padding:22px;display:flex;box-shadow:0 18px 50px #00000061}.modal h2{margin:0;font-size:1rem}.modal-actions{justify-content:flex-end;gap:10px;display:flex}@media (width<=940px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);max-height:none}.row2{grid-template-columns:1fr}.video-area{height:300px}}