:root{color-scheme:dark;--bg:#111512;--panel:#1a201b;--line:#303930;--text:#f1f4eb;--muted:#a0ac9f;--accent:#d9f77e;--ink:#1d291b;--radius:16px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.6}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button{color:inherit}input,textarea,select{color:var(--text);background:#121813;border:1px solid var(--line);border-radius:8px}input{padding:12px 14px;width:100%}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:3px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.app-shell{max-width:1240px;padding:0 48px;margin:auto}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:650;font-size:19px;letter-spacing:-.6px;white-space:nowrap}.brand-light{font-weight:400;color:var(--muted)}nav{display:flex;align-items:center;gap:28px;font-size:13px;color:var(--muted)}nav a.active{color:var(--accent)}.text-button{padding:6px 0;border:0;background:none;font-size:13px;color:var(--muted)}.text-button:hover,nav a:hover{color:var(--text)}.intro{padding:62px 0 38px;display:flex;align-items:center;justify-content:space-between;gap:30px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.6px;color:var(--muted);display:inline-flex;align-items:center;gap:9px}.status-dot{display:inline-block;background:var(--accent);width:6px;height:6px;border-radius:50%;margin-right:3px}.intro h1,.login-intro h1{font-size:clamp(38px,5vw,58px);line-height:1.08;letter-spacing:-2.5px;font-weight:480;margin:20px 0}.intro p{margin:0;color:var(--muted);font-size:16px;line-height:1.75}.intro-art{width:240px;flex-shrink:0;text-align:center;padding:0 15px;opacity:.85}.intro-art svg{width:100%;fill:var(--bg);stroke:#506245;stroke-width:1}.intro-art .bright{fill:var(--accent);stroke:var(--accent)}.intro-art span{font-size:8px;letter-spacing:2px;color:var(--muted)}.composer{border:1px solid #3c4938;border-radius:var(--radius);padding:24px 28px 0;background:linear-gradient(120deg,#20281e,#1b231c)}.section-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-kicker .eyebrow{color:#c1cbb9}.model-pill{font-size:10px;color:#c8d5bd;border:1px solid #43513c;padding:4px 9px;border-radius:5px;white-space:nowrap}.model-pill span{color:#a1ad98}.composer textarea{background:none;border:0;padding:20px 0 10px;resize:vertical;min-height:108px;max-height:320px;width:100%;font-size:20px;line-height:1.5;font-weight:400}.composer textarea::placeholder{color:#8a9785;opacity:1}.composer textarea:focus{outline-offset:8px;outline-width:1px}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:6px 0 22px}.duration-control{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}select{padding:7px 28px 7px 10px;background:#252f23;border-color:#3d4a36;font-size:12px;cursor:pointer}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--accent);color:var(--ink);border:0;border-radius:8px;padding:12px 20px;font-size:13px;font-weight:650;transition:background .15s}.primary:hover{background:#e5ffa3}.primary span{font-size:19px;line-height:1}.full{width:100%}.suggestions{border-top:1px solid #374332;display:flex;align-items:center;gap:12px;padding:15px 0;flex-wrap:wrap}.suggestions>span{font-size:8px;letter-spacing:1.3px;color:#a4b19c;margin-right:5px}.suggestions button{background:transparent;border:0;font-size:11px;color:#c4d0bd;padding:2px 5px}.suggestions button:hover{color:var(--accent)}.suggestions button span{color:#95a489;margin-left:9px}.library-section{padding:48px 0 64px;min-height:380px}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.library-toolbar h2{font-size:24px;letter-spacing:-.7px;font-weight:500;margin:5px 0 24px}.library-toolbar h2 span{font-size:11px;font-weight:500;color:var(--muted);display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--line);border-radius:20px;min-width:24px;height:22px;vertical-align:middle;margin-left:6px}.search{position:relative;width:226px}.search>span:first-child{position:absolute;left:12px;top:4px;font-size:24px;color:var(--muted)}.search input{padding:10px 12px 10px 38px;font-size:11px;background:#171d18}.library-tabs{display:flex;gap:24px;align-items:center;border-bottom:1px solid var(--line);margin-bottom:24px}.library-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);padding:0 0 12px;font-size:12px}.library-tabs button.selected{color:var(--accent);border-color:var(--accent)}#queue-note{font-size:10px;color:var(--muted);margin-left:auto;padding-bottom:12px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.video-card{border:1px solid var(--line);border-radius:12px;background:#171d18;overflow:hidden;min-width:0}.card-art{aspect-ratio:16/8.5;background:radial-gradient(ellipse at top right,#35432b,transparent 72%),#20291e;position:relative;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #333f2e;width:100%;padding:24px;overflow:hidden;color:#c5df9a}.card-art:before,.card-art:after{content:"";position:absolute;border:1px solid #526043;transform:rotate(35deg);width:120px;height:120px;border-radius:20px;opacity:.45;pointer-events:none}.card-art:after{transform:rotate(-15deg);width:170px;height:170px}.card-art.ready:hover{background-color:#2b3727}.card-art.ready .play-symbol{background:var(--accent);color:var(--ink);border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:21px;z-index:1;box-shadow:0 0 0 8px #17201655}.card-art .stage-label{font-size:13px;background:#182018e8;padding:6px 15px;border:1px solid #48583c;border-radius:6px;z-index:1}.card-art .duration{position:absolute;bottom:11px;right:12px;background:#10170ee6;border-radius:4px;padding:2px 7px;font-size:10px;z-index:2;color:var(--text)}.card-art.pending .stage-label{animation:breathe 2s ease-in-out infinite}.card-body{padding:17px 18px 16px}.card-meta{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.8px;gap:8px}.card-body h3{font-size:15px;font-weight:500;line-height:1.5;margin:10px 0;overflow-wrap:anywhere}.card-body p{font-size:11px;color:var(--muted);margin:8px 0;overflow-wrap:anywhere}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;font-size:10px;color:var(--muted)}.card-footer button{border:0;background:none;color:var(--accent);padding:0;font-size:11px}.card-footer .cancel{color:var(--muted)}.badge{color:var(--accent)}.badge.failed{color:#f4b4a6}.empty-state{padding:32px 20px;text-align:center;border:1px dashed var(--line);border-radius:12px}.empty-icon{color:var(--accent);font-size:28px;margin-bottom:10px}.empty-state h3{font-size:17px;font-weight:450;margin:0 0 6px;letter-spacing:-.4px}.empty-state p{font-size:12px;color:var(--muted);margin:0}.form-message{color:#f2b3a4;font-size:12px;margin:0 0 14px;overflow-wrap:anywhere}.form-message:empty{display:none}.form-message.success{color:var(--accent)}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0 30px;color:var(--muted);font-size:10px;gap:20px}footer .status-dot{width:5px;height:5px}.settings-card{max-width:560px;padding:32px 0 64px}.settings-card h1{font-size:38px;letter-spacing:-1.5px;font-weight:450;margin:14px 0}.settings-card p{color:var(--muted);font-size:14px}.settings-card form{margin-top:30px;max-width:430px}.settings-card label,.login-card label{display:block;font-size:12px;margin:20px 0 8px;color:#d8dfd4}.settings-card .primary{margin-top:10px}.field-hint{display:block;font-size:11px;color:var(--muted);margin-top:6px}.back-link{display:inline-block;font-size:12px;color:var(--muted);margin-top:35px}.settings-card .form-message{margin-top:16px}.login-shell{max-width:1100px;margin:auto;padding:50px 48px 0;min-height:100dvh;display:grid;grid-template-columns:1fr 370px;column-gap:80px;grid-template-rows:auto 1fr auto}.login-shell>.brand{grid-column:1/-1}.login-intro{align-self:center;padding:65px 0}.login-intro h1{font-size:64px;margin:24px 0}.login-intro p{max-width:340px;font-size:16px;color:var(--muted)}.login-card{align-self:center;padding:32px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin:60px 0}.login-card h2{font-size:24px;font-weight:500;letter-spacing:-.7px;margin:10px 0 22px}.login-card .primary{margin-top:22px}.login-card .form-message{margin:10px 0 -4px}.fine-print{font-size:10px!important;color:var(--muted);line-height:1.7}.login-card .fine-print{margin:20px 0 0}.login-shell footer{grid-column:1/-1}dialog{width:min(960px,calc(100vw - 32px));padding:0;border:1px solid #4b5845;border-radius:16px;background:var(--bg);color:var(--text);max-height:90dvh;overflow:auto}dialog::backdrop{background:#020703dc;backdrop-filter:blur(6px)}.player-heading{display:flex;justify-content:space-between;align-items:center;padding:14px 22px}video{width:100%;display:block;background:#000;aspect-ratio:16/9;max-height:65vh}.player-body{padding:20px 24px}.player-body h2{font-size:23px;font-weight:500;margin:0 0 8px;line-height:1.4}.player-body p{font-size:13px;color:var(--muted)}.player-links{display:flex;flex-wrap:wrap;gap:22px;color:var(--accent);font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes breathe{50%{opacity:.5}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:1400px){.intro{padding-top:74px;padding-bottom:46px}}@media(max-width:900px){.app-shell{padding:0 28px}.intro-art{width:190px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-shell{column-gap:35px;grid-template-columns:1fr 340px}.login-intro h1{font-size:48px}#queue-note{display:none}}@media(max-width:640px){.app-shell{padding:0 20px}.topbar{height:auto;min-height:100px;flex-wrap:wrap;gap:14px;padding:20px 0 16px}.brand{font-size:18px}nav{gap:24px;width:100%;justify-content:space-between;font-size:12px}.intro{padding:38px 0 28px}.intro h1{font-size:42px;letter-spacing:-2px}.intro .eyebrow{font-size:8px;letter-spacing:1px}.intro p{font-size:14px}.intro-art{display:none}.desktop-break{display:none}.composer{padding:20px 18px 0}.section-kicker .eyebrow{font-size:8px;letter-spacing:1px}.model-pill{font-size:8px;padding:3px 6px}.composer textarea{font-size:17px;min-height:128px}.composer-bottom{gap:12px}.duration-control{flex-direction:column;align-items:start;gap:5px;font-size:10px}.primary{padding:12px 16px;gap:18px;font-size:12px}.suggestions{gap:10px}.suggestions>span{width:100%}.suggestions button{padding-left:0;font-size:10px}.library-section{padding-top:34px}.library-toolbar{align-items:flex-start;flex-direction:column;gap:0}.library-toolbar h2{margin-bottom:16px}.search{width:100%;margin-bottom:24px}.search input{font-size:12px}.library-tabs{gap:22px}.library-tabs button{font-size:11px}.video-grid{grid-template-columns:1fr;gap:18px}.card-art{aspect-ratio:16/8}.card-body h3{font-size:16px}footer{font-size:9px;flex-wrap:wrap;gap:8px}.login-shell{display:flex;flex-direction:column;padding:28px 24px 0;min-height:100dvh}.login-intro{padding:45px 0 16px;width:100%}.login-intro h1{font-size:46px;margin:18px 0}.login-intro p{font-size:14px}.login-card{margin:16px 0 40px;width:100%;padding:24px}.login-shell footer{margin-top:auto}.settings-card h1{font-size:34px}.player-body h2{font-size:19px}.player-body{padding:16px}.player-links{gap:14px;font-size:10px}}

.generation-options{display:flex;align-items:center;gap:24px}.voice-note{font-size:11px;color:var(--muted)}.caption-toggle{font-size:11px;border:1px solid var(--line);border-radius:6px;padding:6px 10px;background:var(--panel);color:var(--muted);margin-left:auto;margin-right:18px}.caption-toggle[aria-pressed="true"]{color:var(--accent);border-color:#697d49}video::cue{background:rgba(0,0,0,.85);color:#fff;font-family:system-ui,sans-serif}@media(max-width:640px){.generation-options{flex-direction:column;align-items:flex-start;gap:8px}.voice-note{font-size:10px}.caption-toggle{font-size:10px;margin-right:12px;padding:5px 7px}.player-heading{padding:12px 14px;gap:8px}}