@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101413;--panel:#191f1d;--line:#303933;--text:#eff1e8;--muted:#a3b0a5;--accent:#c5dfac}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:14px DM Sans,sans-serif}header{border-bottom:1px solid var(--line);justify-content:space-between;max-width:1480px;margin:auto;padding:28px 44px;display:flex}a{color:inherit}.brand{letter-spacing:2px;font:800 20px Manrope,sans-serif;text-decoration:none}.brand span{letter-spacing:3px;color:var(--muted);margin:6px 0 0 30px;font:10px DM Sans,sans-serif;display:block}.badge{border:1px solid var(--line);color:var(--accent);border-radius:24px;align-self:center;padding:8px 14px}main{max-width:1480px;margin:auto;padding:0 44px}.intro{justify-content:space-between;align-items:center;padding:48px 0 30px;display:flex}.eyebrow{letter-spacing:2px;color:var(--accent);font-size:10px;font-weight:700}h1{letter-spacing:-2px;margin:14px 0 20px;font:500 clamp(36px,4vw,60px)/1.1 Manrope,sans-serif}.lede{color:var(--muted);font-size:16px;line-height:1.7}.steps{color:var(--muted);gap:22px;padding-right:5%;font-size:13px;display:grid}.steps span:first-child{color:var(--accent)}#message{border:1px solid var(--line);border-left:2px solid var(--accent);background:#19211b;margin:8px 0 28px;padding:14px 18px;line-height:1.5}#message.error{color:#f5c6ae;border-color:#d9a181}.studio{grid-template-columns:minmax(0,1fr) 320px;gap:28px;display:grid}.screen{aspect-ratio:16/9;border:1px solid var(--line);background:#050807;border-radius:10px;position:relative;overflow:hidden}#preview{width:100%;height:100%;display:block}#empty{text-align:center;background:radial-gradient(at 50% 55%,#233029,#0000 65%);align-content:center;display:grid;position:absolute;inset:0}#empty span{color:var(--accent);font-size:80px}#empty p{font:400 24px Manrope}#empty small{color:var(--muted)}[hidden]{display:none!important}.quality{letter-spacing:2px;color:#b0b9ae;background:#101713b8;border-radius:4px;padding:6px 8px;font-size:9px;position:absolute;bottom:14px;left:16px}#title-card{text-align:right;opacity:0;pointer-events:none;background:#091112ac;border-radius:3px;max-width:42%;padding:14px;position:absolute;top:5.9%;right:3.75%}#title-card strong,#title-card span{overflow-wrap:anywhere;display:block}#title-card strong{font-size:clamp(11px,1.3vw,20px)}#title-card span{color:#baccc5;margin-top:5px;font-size:clamp(9px,.9vw,14px)}.transport{align-items:center;gap:16px;padding:18px 0;display:flex}#seek{flex:1}#clock{font-variant-numeric:tabular-nums;color:var(--muted);font-size:11px}button,.file{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#26352a;border-radius:6px;padding:12px 16px;font:600 12px DM Sans,sans-serif;transition:all .15s}button:hover,.file:hover{border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.4;cursor:default}.quiet{background:0 0}.file{text-align:center;background:var(--accent);color:#1a241b;display:block}.file input{display:none}.secondary{color:var(--text);background:#26352a}input,select{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#111714;border-radius:5px;padding:11px 10px}input[type=range]{accent-color:var(--accent);border:0;padding:0}label{color:#bac6ba;margin:14px 0 8px;font-size:11px;display:block}label input,label select{margin-top:7px}input:focus,select:focus{outline:1px solid var(--accent)}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:9px;margin-bottom:18px;padding:22px}.panel .eyebrow{margin-top:0}.panel h2{margin:18px 0;font:500 23px Manrope}.panel h2 span{color:var(--muted);font-size:12px}.panel p{line-height:1.6}.fine{color:var(--muted);font-size:10px;line-height:1.6}.muted{color:var(--muted);font-size:12px;line-height:1.6}.export{background:#222c22;border-color:#66765c}.export button{background:var(--accent);color:#162010;width:100%}.direction{justify-content:space-between;align-items:center;gap:20px;margin-top:28px;display:flex}.direction h2{letter-spacing:-.6px;margin:8px 0;font:500 23px Manrope}#wave{background:#151e18;border-radius:5px;width:100%;height:70px}.cue{border-bottom:1px solid var(--line);grid-template-columns:65px 100px 1fr 60px;align-items:center;gap:9px;padding:14px 0;display:grid}.cue button{font-variant-numeric:tabular-nums;background:0 0;padding:9px 5px}.cue select{padding:9px 6px;font-size:11px}.cue label{align-items:center;gap:5px;margin:0;font-size:10px;display:flex}.cue input[type=checkbox]{width:auto;accent-color:var(--accent);margin:0}.look{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.reason{color:var(--muted);white-space:normal;margin-top:5px;font-size:10px;display:block}details{border:1px solid var(--line);border-radius:7px;margin-top:24px;padding:16px}summary{cursor:pointer;color:var(--muted)}#search{margin:16px 0}.preset{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:10px 0;font-size:11px;display:flex}.preset small{color:var(--muted);margin-top:4px;display:block}.preset button{flex-shrink:0;padding:8px}footer{color:var(--muted);padding:40px 0;font-size:10px;line-height:1.8}.job{border-top:1px solid var(--line);padding:12px 0;line-height:1.8}.job progress{width:100%;accent-color:var(--accent)}.job a{color:var(--accent);display:block}@media (width<=1000px){main{padding:0 24px}.studio{grid-template-columns:minmax(0,1fr) 280px;gap:18px}header{padding:22px 24px}.cue{grid-template-columns:55px 85px 1fr 45px}.steps{display:none}}@media (width<=760px){.studio{flex-direction:column;display:flex}aside{grid-template-columns:1fr 1fr;gap:12px;display:grid}.panel{margin:0}.intro{padding-top:28px}.direction{align-items:start}.direction button{max-width:130px}.cue{grid-template-columns:48px 80px 1fr 43px}.badge{display:none}#title-card{padding:7px}}@media (width<=480px){aside{display:block}.panel{margin-bottom:14px}main{padding:0 16px}.cue{grid-template-columns:42px 73px minmax(0,1fr) 40px;gap:5px}}@font-face{font-family:PFModern;font-weight:700;src:url(/fonts/DejaVuSans-Bold.ttf)}@font-face{font-family:PFEditorial;font-weight:700;src:url(/fonts/DejaVuSerif-Bold.ttf)}@font-face{font-family:PFMono;font-weight:700;src:url(/fonts/DejaVuSansMono-Bold.ttf)}#title-card{--scale:.333333;max-width:41.25%;padding:calc(26px * var(--scale));border-radius:calc(8px * var(--scale));text-shadow:0 1px 2px #091112;text-align:right;overflow-wrap:anywhere;pointer-events:none;background:#091112eb;font-family:PFModern,sans-serif;line-height:1.3;inset:5.9259% 3.75% auto auto}#title-card strong{font-size:calc(var(--title-size,42) * 1px * var(--scale));font-weight:700;line-height:1.3}#title-card span{font-size:calc(var(--title-size,42) * .714286px * var(--scale));color:#f3f5ef;margin-top:calc(10px * var(--scale));font-weight:700;line-height:1.3}#title-card span:empty,#title-card strong:empty{display:none}#title-card[data-font=serif]{font-family:PFEditorial,serif}#title-card[data-font=mono]{font-family:PFMono,monospace}#title-card[data-position$=left]{text-align:left;left:3.75%;right:auto}#title-card[data-position^=bottom]{top:auto;bottom:5.9259%}.seek-wrap{flex:1;min-width:50px;display:flex;position:relative}#seek{touch-action:none;width:100%}#seek-time{color:#111d17;pointer-events:none;white-space:nowrap;background:#e6efdf;border-radius:5px;padding:4px 7px;font:12px monospace;position:absolute;bottom:28px;transform:translate(-50%)}#clock{font-variant-numeric:tabular-nums;min-width:92px}#logo-check{object-fit:contain;background:repeating-conic-gradient(#404743 0% 25%,#252b28 0% 50%) 50%/20px 20px;border-radius:7px;width:100%;height:110px;margin:12px 0;padding:12px;display:block}#save-logo{color:#b9d7a9;font-size:12px;text-decoration:underline}#logo-tools[hidden]{display:none}.style-heading{align-items:center;gap:6px;margin:14px 0 7px;display:flex}.style-heading label{margin:0}.info-button{width:26px;height:26px;color:var(--muted);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font:600 13px Georgia,serif;display:inline-flex}.info-button[aria-expanded=true]{color:var(--accent);border-color:var(--accent)}.info-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.style-help{border:1px solid var(--line);color:var(--muted);background:#111714;border-radius:6px;margin-top:10px;padding:12px;font-size:11px;line-height:1.6}.style-help p{margin:0 0 10px}.style-help p:last-child{margin-bottom:0}.style-help strong{color:var(--text)}.style-help ul{margin:10px 0;padding-left:17px}.style-help li+li{margin-top:7px}