:root{color-scheme:dark;--bg:#10131b;--surface:#191e29;--line:#2c3340;--text:#f3f4f8;--muted:#9da7b9;--accent:#b6f36d;--tg-theme-button-color:#b6f36d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{max-width:640px;margin:auto;padding:24px 22px calc(20px + env(safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom,0px))}header{display:flex;align-items:center;justify-content:space-between;padding-top:var(--tg-content-safe-area-inset-top,0px)}.brand{font-size:27px;font-weight:800;text-decoration:none;color:var(--text);display:flex;align-items:center;letter-spacing:-1.2px}.brand-dot{color:var(--accent)}.logo{display:inline-flex;position:relative;width:31px;height:35px;align-items:center;justify-content:center;margin-right:10px;background:var(--accent);color:#10131b;transform:rotate(-8deg);border-radius:9px;font-size:22px}.logo span{font-size:10px;position:absolute;right:1px;bottom:2px}.badge{font-size:9px;letter-spacing:1.4px;color:var(--muted)}.hero{padding:38px 0 24px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--accent);display:flex;gap:8px;align-items:center}.eyebrow span{width:5px;height:5px;border-radius:100%;background:var(--accent)}h1{font-size:clamp(30px,6.5vw,44px);line-height:1.15;letter-spacing:-1.7px;margin:18px 0 14px;font-weight:750}h1 em{font-style:normal;color:var(--accent)}.hero p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.chips{display:flex;gap:7px;margin-top:20px}.chips span{font-size:10px;color:#c2cbd9;border:1px solid var(--line);border-radius:30px;padding:5px 10px}#connection{font-size:12px;color:var(--muted)}#connection:empty{display:none}nav{display:flex;gap:5px;background:#080c13;border:1px solid #202633;border-radius:13px;padding:5px;margin:4px 0 20px}.tab{flex:1;background:none;border:none;color:var(--muted);font-weight:650;padding:12px 5px;border-radius:9px}.tab.active{background:#252c39;color:var(--text)}#job-count{font-size:10px;padding:1px 5px;background:#343e4d;border-radius:5px;margin-left:4px}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:14px}h2{font-size:15px;font-weight:650;margin:0;letter-spacing:-.2px}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-top h2{display:flex;align-items:center;gap:9px}.step{font-size:10px;color:var(--accent);font-weight:500;border:1px solid #424e3c;border-radius:7px;width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center}.hint{font-size:9px;color:var(--muted);letter-spacing:1px}.upload{display:flex;position:relative;min-height:164px;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #4c5a48;background:linear-gradient(145deg,#222d27,#1a202a);border-radius:12px;cursor:pointer;text-align:center;padding:20px}.upload-icon{width:38px;height:38px;border-radius:12px;background:#344630;color:var(--accent);display:grid;place-items:center;font-size:26px;margin-bottom:12px}.upload strong{font-size:14px;max-width:100%;word-break:break-word}.upload>span:last-of-type{font-size:11px;color:var(--muted);margin-top:5px}.upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload:focus-within{outline:2px solid var(--accent)}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#c4cbd7;margin-bottom:12px}select{color:var(--text);background:#111722;border:1px solid #343d4c;border-radius:9px;padding:12px 9px;font:inherit;width:100%;min-width:0}.note{font-size:11px;color:var(--muted);line-height:1.6;margin:0 0 17px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.style-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.style-option{position:relative;border:1px solid #343d4c;border-radius:10px;text-align:center;display:flex;flex-direction:column;padding:18px 4px 12px;gap:8px;cursor:pointer;background:#111722}.style-option:has(input:checked){border-color:var(--accent);background:#232e25}.style-option:focus-within{outline:2px solid var(--accent)}.style-option input{position:absolute;opacity:0}.sample{display:block;font-size:15px;font-weight:850;letter-spacing:-.5px}.dynamic{color:#ffe600;text-shadow:2px 2px #000}.classic{font-size:14px;font-weight:550}.style-option>span:last-child{font-size:10px;color:var(--muted)}details{margin-top:20px;font-size:12px;color:var(--muted)}summary{cursor:pointer;padding-bottom:8px}details[open] summary{margin-bottom:8px}.rights{display:flex;gap:10px;font-size:11px;color:var(--muted);align-items:center;margin:20px 2px}.rights input{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0}button{font-family:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.primary{display:flex;align-items:center;justify-content:center;gap:14px;background:var(--accent);color:#182411;font-size:15px;font-weight:750;border:0;border-radius:12px;width:100%;padding:16px}.primary span{font-size:20px;line-height:1}.footnote{text-align:center;color:var(--muted);font-size:10px;line-height:1.8;margin:14px 10px 0}fieldset{padding:0;border:0;margin:0;min-width:0}fieldset:disabled .upload{opacity:.6}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:30px;padding:20px 0;color:#6f7c91;font-size:9px;letter-spacing:2px}.text-button{border:0;padding:0;background:none;color:var(--muted);font-size:12px}.list-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.job-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.job-date{font-size:10px;color:var(--muted)}.job-title{font-size:14px;font-weight:650;margin:6px 0}.status{color:var(--accent);font-size:10px}.job-actions{display:flex;gap:16px;margin-top:14px}.job-actions button{font-size:12px;border:0;background:none;color:var(--muted);padding:7px 0}.job-actions .danger{color:#fca5a5}.empty{padding:44px 20px;text-align:center;color:var(--muted);font-size:13px}.empty strong{color:var(--text);display:block;font-size:18px;margin-bottom:8px}.clip{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.clip video{width:100%;max-height:440px;background:#080c13;border-radius:10px;display:block}.clip a,.archive{display:inline-block;color:var(--accent);font-size:12px;text-decoration:none;margin-top:12px}.clip p{font-size:13px}progress{appearance:none;width:100%;height:5px;border:none;border-radius:8px;background:#343d4c;margin:12px 0}progress::-webkit-progress-bar{background:#343d4c;border-radius:8px}progress::-webkit-progress-value{background:var(--accent);border-radius:8px}#upload-label{font-size:12px;color:var(--muted)}#error{border:1px solid #6e343b;background:#351e27;color:#ffc8cf;border-radius:10px;padding:12px;font-size:12px}#privacy p{font-size:12px;color:var(--muted)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(min-width:650px){main{padding-top:32px}.hero{padding-top:46px}.card{padding:24px}}@media(prefers-reduced-motion:no-preference){button,.style-option{transition:background .18s,border-color .18s}}@media(max-width:360px){main{padding-left:14px;padding-right:14px}.badge{font-size:8px;letter-spacing:.8px}.hint{display:none}}
.source-tabs{display:flex;gap:6px;margin-bottom:16px;padding:4px;border-radius:10px;background:#10151f}.source-tabs button{flex:1;border:0;border-radius:7px;padding:10px;background:transparent;color:var(--muted);font-size:13px}.source-tabs button[aria-pressed=true]{background:#344630;color:var(--accent)}input[type=url]{color:var(--text);background:#111722;border:1px solid #343d4c;border-radius:9px;padding:13px 10px;font:inherit;width:100%;min-width:0;font-size:14px}