@charset "UTF-8";
:root{color-scheme:dark;--bg:#101316;--panel:#181c20;--line:#30363b;--muted:#a1a9af;--ink:#eef2f4;--accent:#79d4ff;--accent-dark:#102630;--danger:#ffa9a4;--radius:10px;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button{color:inherit}input,select,textarea{color:var(--ink);border:1px solid var(--line);border-radius:7px;background:#121619;padding:12px;min-width:0}input,select{min-height:46px}textarea{resize:vertical;width:100%;min-height:170px;line-height:1.6}select{width:100%}input::placeholder,textarea::placeholder{color:#7f8990}label{display:block;font-size:.875rem;font-weight:500}h1,h2,h3,p{margin:0}h1{font-size:2rem;font-weight:500;letter-spacing:-.04em}h2{font-size:1rem;font-weight:550}h3{font-size:1.2rem;font-weight:500}.muted{color:var(--muted)}.small{font-size:.8125rem;line-height:1.5}.eyebrow{font-size:.75rem;letter-spacing:.13em;color:var(--muted);font-weight:600}.wordmark{font-size:1.5rem;letter-spacing:-.06em;font-weight:800;white-space:nowrap}.wordmark span{font-size:1rem;letter-spacing:.01em;color:var(--accent);font-weight:400}.primary{background:var(--accent);color:#102029;border:0;border-radius:7px;padding:15px 19px;font-weight:650;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px}.primary:hover:not(:disabled){background:#a5e3ff}.secondary{background:#21272c;color:var(--ink);border:1px solid var(--line);padding:10px 15px;border-radius:6px}.text-button{border:0;background:transparent;padding:9px 0;color:var(--muted);font-size:.875rem}.text-button:hover{color:var(--ink)}.error{color:var(--danger);background:#392321;border:1px solid #643834;border-radius:6px;padding:12px;font-size:.875rem;line-height:1.5;margin:12px 0}.banner{border:1px solid #4c4b39;background:#27271e;padding:15px 18px;border-radius:8px;display:flex;gap:12px;align-items:center;font-size:.875rem;margin-bottom:24px}.banner span{color:#cbcbbd}.pill{font-size:.75rem;border:1px solid #3b464e;border-radius:4px;padding:4px 7px;color:#b9c8d0;letter-spacing:.06em}[hidden]{display:none!important}
.topbar{height:80px;display:flex;align-items:center;padding:0 40px;border-bottom:1px solid var(--line);gap:54px}.topbar nav{display:flex;height:100%;gap:30px}.nav-item{background:transparent;border:0;border-bottom:2px solid transparent;font-size:.875rem;color:var(--muted);padding:0 4px}.nav-item.active{color:var(--ink);border-bottom-color:var(--accent)}.account{margin-left:auto;display:flex;align-items:center;gap:26px}.private-badge{font-size:.75rem;border:1px solid var(--line);padding:6px 9px;border-radius:5px;color:var(--muted)}.workspace{max-width:1536px;margin:auto;padding:34px 40px 0}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:30px}.page-heading h1{margin-top:7px}.usage{display:grid;gap:7px;text-align:right;font-size:.875rem}.usage small{font-size:.75rem;color:var(--muted)}.studio-grid{display:grid;grid-template-columns:minmax(320px,440px) minmax(0,1fr);gap:32px;align-items:start}.composer{background:var(--panel);border:1px solid var(--line);padding:22px;border-radius:var(--radius)}.model-picker{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:21px;margin-bottom:21px}.model-picker strong{font-size:.9375rem;font-weight:550}.model-picker div span{display:block;margin-top:3px;font-size:.75rem;color:var(--muted)}.model-picker>.pill{margin-left:auto}.model-symbol{width:37px;height:37px;background:#27333b;border:1px solid #405765;color:var(--accent);display:grid;place-items:center;border-radius:9px;font-size:1.25rem;font-weight:650}.field-heading{display:flex;align-items:center;justify-content:space-between;margin:23px 0 11px;font-size:.875rem}.step{font-size:.75rem;color:#758189;font-variant-numeric:tabular-nums}.prompt-box{border:1px solid var(--line);border-radius:7px;background:#121619;overflow:hidden}.prompt-box textarea{border:0;border-radius:0;padding:15px;font-size:.9375rem;display:block}.prompt-footer{display:flex;gap:8px;justify-content:space-between;padding:0 14px 13px;font-size:.75rem;color:#7f8b94}.prompt-tip{margin:8px 0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-grid label{color:var(--muted);margin-bottom:8px}.duration-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 0}.duration-input{display:flex;align-items:center;gap:10px;font-size:.875rem;color:var(--muted)}.duration-input input{width:72px;padding:8px 10px;min-height:38px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:15px}.toggle-row label{cursor:pointer}.toggle-row small{display:block;color:var(--muted);font-size:.75rem;font-weight:400;margin-top:4px}.toggle-row input{appearance:none;width:36px;height:21px;min-height:0;border-radius:20px;background:#41494f;padding:0;position:relative;flex-shrink:0;cursor:pointer}.toggle-row input:before{content:"";position:absolute;background:#b2bbc1;width:15px;height:15px;border-radius:50%;top:2px;left:2px}.toggle-row input:checked{background:var(--accent);border-color:var(--accent)}.toggle-row input:checked:before{background:#152d3a;left:17px}.generate-button{margin-top:15px}.cost-note{text-align:center;font-size:.75rem;color:#98a3aa;line-height:1.6;margin-top:13px}.output-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:3px 0 17px}.preview{aspect-ratio:16/9;min-height:260px;background:#0b0e10;border:1px solid var(--line);border-radius:9px 9px 0 0;display:grid;place-items:center;overflow:hidden;position:relative}.preview video{width:100%;height:100%;max-height:600px;object-fit:contain;display:block;background:#050607}.empty-preview{text-align:center;padding:40px 15px}.frame-icon{width:58px;height:46px;border:1px solid #38454f;border-radius:9px;margin:0 auto 24px;display:grid;place-items:center;color:var(--accent);font-size:1.5rem}.empty-preview h3{letter-spacing:-.02em}.empty-preview p{color:#7f8b94;font-size:.875rem;line-height:1.7;margin-top:10px}.monitor-footer{display:flex;justify-content:space-between;padding:12px 15px;font-size:.75rem;letter-spacing:.06em;border:1px solid var(--line);border-top:0;border-radius:0 0 8px 8px;color:#82909a;background:#151a1e;gap:15px}.recent-heading{display:flex;align-items:center;justify-content:space-between;margin:32px 0 13px}.empty-history{border:1px dashed var(--line);border-radius:8px;display:flex;align-items:center;gap:18px;padding:25px}.empty-history>span{color:#65717a;font-size:1.75rem}.empty-history strong{font-size:.875rem;font-weight:450}.empty-history p{font-size:.8125rem;line-height:1.6;color:var(--muted);margin-top:5px}.studio-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:35px;padding:20px 0;color:#79868e;font-size:.75rem}.dropzone{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 12px;border:1px dashed #47555f;border-radius:8px;position:relative;text-align:center;cursor:pointer}.dropzone input{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:pointer}.dropzone:focus-within,.dropzone.dragging{border-color:var(--accent);background:#1c2c36}.dropzone strong{font-size:.875rem;font-weight:500}.dropzone span:not(.upload-plus),.dropzone small{font-size:.75rem;color:var(--muted)}.upload-plus{font-size:1.6rem;color:var(--accent)}.reference-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.reference-card{position:relative}.reference-card img{aspect-ratio:1;object-fit:cover;width:100%;border-radius:7px;border:1px solid var(--line)}.reference-card span{display:block;font-size:.75rem;color:var(--muted);padding-top:3px}.reference-card button{background:#101316e8;border:1px solid var(--line);border-radius:50%;position:absolute;top:5px;right:5px;height:27px;width:27px;display:grid;place-items:center;padding:0}.result-info{padding:20px 0;border-bottom:1px solid var(--line)}.result-info p{white-space:pre-wrap;line-height:1.6;font-size:.875rem;color:#bdc7cd;margin:12px 0;overflow-wrap:anywhere}.result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.result-actions a{font-size:.875rem}.metadata{font-size:.8125rem;color:var(--muted);line-height:1.8;overflow-wrap:anywhere}.job-row{width:100%;border:1px solid var(--line);background:var(--panel);border-radius:8px;display:flex;gap:15px;align-items:center;text-align:left;padding:14px;margin-top:9px}.job-row:hover{border-color:#657782}.job-number{color:#7c8c97;font-size:.8125rem}.job-copy{min-width:0;flex:1}.job-copy strong{display:block;font-weight:450;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-copy span{display:block;font-size:.75rem;color:var(--muted);margin-top:7px}.status{font-size:.75rem;color:var(--accent);white-space:nowrap}.status.failed,.status.unknown,.status.unavailable{color:#f2b69c}.history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.history-card{display:flex;flex-direction:column;gap:12px;background:var(--panel);padding:20px;border:1px solid var(--line);border-radius:9px;text-align:left;min-height:180px}.history-card:hover{border-color:#657782}.history-card p{line-height:1.6;font-size:.9375rem;overflow-wrap:anywhere}.history-card .metadata{margin-top:auto}.pagination{display:flex;justify-content:center;gap:20px;align-items:center;margin:28px 0;font-size:.875rem}.loading-marker{width:32px;height:32px;border:2px solid #314049;border-top-color:var(--accent);border-radius:50%;animation:spin 1.2s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}#notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 20px;max-width:90vw;border:1px solid #4f6470;border-radius:8px;background:#22323c;color:var(--ink);z-index:100;font-size:.875rem;box-shadow:0 10px 30px #0008}
.login-screen{min-height:100vh;display:flex;flex-direction:column;padding:35px 6vw}.login-brand{display:flex;justify-content:space-between;align-items:center}.login-main{flex:1;display:grid;grid-template-columns:1fr 400px;gap:70px;align-items:center;max-width:1100px;width:100%;margin:70px auto}.login-intro h1{font-size:clamp(2.7rem,4.6vw,4.3rem);line-height:1.08;letter-spacing:-.06em;margin:25px 0}.login-intro>p{font-size:1rem;line-height:1.8;color:var(--muted)}.model-label{font-size:.75rem;letter-spacing:.1em;border-top:1px solid var(--line);padding-top:23px;margin-top:48px;display:inline-block;color:var(--accent)}.model-label span{color:#7f8b94;margin-left:18px}.login-card{background:var(--panel);padding:30px;border:1px solid var(--line);border-radius:12px}.lock-icon{font-size:1.7rem;color:var(--accent);margin-bottom:18px}.login-card h2{font-size:1.5rem;letter-spacing:-.03em;margin-bottom:9px}.login-card>p{font-size:.875rem;line-height:1.5}.login-card label{margin:22px 0 8px}.login-card input{width:100%}.login-card .small{margin-top:8px;font-size:.75rem}.login-card .primary{margin-top:26px}.login-footer{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);padding:18px 0;border-top:1px solid var(--line)}#code{letter-spacing:.25em}
@media(min-width:1400px){.studio-grid{gap:44px}.preview{min-height:400px}}
@media(max-width:1000px){.workspace{padding:26px 24px 0}.topbar{padding:0 24px;gap:30px}.studio-grid{grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:23px}.preview{min-height:290px}.output-heading{align-items:flex-start;flex-direction:column}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-main{gap:40px;grid-template-columns:1fr 370px}.empty-preview br{display:none}}
@media(max-width:760px){.topbar{height:68px;gap:20px;padding:0 18px;flex-wrap:wrap}.topbar nav{gap:15px}.private-badge{display:none}.account{gap:0}.wordmark{font-size:1.25rem}.workspace{padding:24px 18px 0}.page-heading{align-items:flex-start;flex-direction:column;gap:18px}.page-heading h1{font-size:1.75rem}.usage{text-align:left}.studio-grid{grid-template-columns:1fr}.output-panel{margin-top:6px}.composer{padding:19px}.preview{min-height:260px}.banner{align-items:flex-start;flex-direction:column;gap:7px}.output-heading{flex-direction:row}.login-main{grid-template-columns:1fr;max-width:430px;gap:35px;margin:40px auto}.login-intro h1{font-size:2.6rem;margin:15px 0}.login-intro>p,.model-label{display:none}.login-card{padding:24px}.login-screen{padding:24px}.login-brand .eyebrow{display:none}.history-grid{grid-template-columns:1fr}.monitor-footer{font-size:.75rem;letter-spacing:0}.prompt-footer{flex-direction:column;gap:6px}}
@media(max-width:410px){.topbar{gap:15px}.topbar nav{gap:9px}.account .text-button{font-size:.75rem}.wordmark span{font-size:.875rem}.nav-item{font-size:.8125rem}.output-heading{flex-direction:column}.status{white-space:normal}.settings-grid{grid-template-columns:1fr}.reference-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.loading-marker{animation:none}}