:root{
  --bg:#060908; --panel:#0b100e; --panel2:#101714; --line:#26352e;
  --text:#e9f3ed; --muted:#8da298; --green:#61ff9a; --green2:#1fc869; --red:#ff6868;
  --shadow:0 22px 80px rgba(0,0,0,.38);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,#123024 0,#0a100d 32%,var(--bg) 68%);color:var(--text);font-family:Inter,system-ui,sans-serif}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.page-shell{width:min(1040px,calc(100% - 32px));margin:auto;padding:26px 0 40px;position:relative}
.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;font:500 12px/1.3 "IBM Plex Mono",monospace;color:var(--muted);letter-spacing:.08em}
.brand-mini{color:#bdd0c5}.server-status{display:flex;align-items:center;gap:7px}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green)}
.hero{text-align:center;padding:90px 0 34px}.eyebrow{font:600 11px "IBM Plex Mono",monospace;letter-spacing:.22em;color:var(--green);margin-bottom:15px}.hero h1{margin:0;font:700 clamp(42px,8vw,82px)/.95 "IBM Plex Mono",monospace;letter-spacing:-.07em}.hero h1 span{color:var(--green)}.hero p{color:var(--muted);font:500 15px "IBM Plex Mono",monospace;margin:18px 0 0}
.platforms{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 24px}.platforms button{appearance:none;border:1px solid var(--line);background:#0b110e;color:#b9cbc0;border-radius:99px;padding:9px 13px;font:600 11px "IBM Plex Mono",monospace;cursor:pointer;transition:.2s}.platforms button:hover,.platforms button.active{border-color:var(--green2);color:var(--green);background:#0e1c15;transform:translateY(-1px)}
.console-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(12,18,15,.96),rgba(7,11,9,.96));box-shadow:var(--shadow);border-radius:18px;overflow:hidden}.console-head{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line);font:600 12px "IBM Plex Mono",monospace;color:#aabdb2}.prompt{color:var(--green)}.state{font-size:11px;padding:6px 9px;border-radius:7px;border:1px solid}.state.ready{color:var(--green);border-color:#215e3a;background:#0b2416}.state.loading{color:#ffe78a;border-color:#665a21;background:#27220a}.state.error{color:#ff8b8b;border-color:#6f2929;background:#270d0d}
form{padding:28px}label{display:block;margin-bottom:10px;color:#c4d3ca;font:600 12px "IBM Plex Mono",monospace}.input-row{display:grid;grid-template-columns:1fr auto;gap:10px}input{width:100%;border:1px solid #31453a;background:#070c09;color:#f1fff6;border-radius:10px;padding:16px 15px;outline:none;font:500 14px "IBM Plex Mono",monospace;transition:.2s}input:focus{border-color:var(--green2);box-shadow:0 0 0 3px rgba(97,255,154,.08)}.submit-btn{border:0;border-radius:10px;background:var(--green);color:#061009;font:800 12px "IBM Plex Mono",monospace;letter-spacing:.06em;padding:0 24px;cursor:pointer;transition:.2s}.submit-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.submit-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.hint{margin:10px 0 0;color:#71867b;font-size:11px;line-height:1.55}
.message{margin:0 28px 24px;padding:12px 14px;border:1px solid #34483d;border-radius:10px;background:#0b120e;color:#b7c9bf;font-size:13px}.message.error{border-color:#5f2f2f;background:#190d0d;color:#ffaaaa}.hidden{display:none!important}
.result{border-top:1px solid var(--line);padding:24px 28px 28px}.result-grid{display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:center}.thumb-wrap{aspect-ratio:16/10;background:#080b0a;border:1px solid var(--line);border-radius:12px;overflow:hidden}.thumb-wrap img{width:100%;height:100%;object-fit:cover}.chip{display:inline-block;padding:5px 8px;border:1px solid #235c3a;border-radius:6px;color:var(--green);font:700 10px "IBM Plex Mono",monospace;margin-bottom:10px}.meta h2{font-size:20px;line-height:1.35;margin:0 0 8px}.meta p{color:var(--muted);font-size:13px;margin:0}.format-title{margin-top:24px;padding-top:20px;border-top:1px dashed #25362d;color:#a7b8ae;font:600 11px "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.09em}.formats{display:grid;gap:8px;margin-top:12px}.format{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #24352c;border-radius:10px;background:#0a100d}.format-info{min-width:0}.format strong{display:block;font:700 12px "IBM Plex Mono",monospace}.format small{color:#71867b}.download-btn{white-space:nowrap;border:1px solid #2c6842;background:#0d1d14;color:var(--green);border-radius:8px;padding:9px 11px;font:700 10px "IBM Plex Mono",monospace;text-decoration:none}.download-btn:hover{background:#102b1b}
.how-it-works{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.how-it-works article{border:1px solid #1c2922;background:rgba(8,13,10,.6);border-radius:14px;padding:20px}.how-it-works span{font:700 11px "IBM Plex Mono",monospace;color:var(--green)}.how-it-works h3{font-size:14px;margin:10px 0 7px}.how-it-works p{font-size:12px;line-height:1.55;color:var(--muted);margin:0}
footer{display:flex;justify-content:space-between;gap:20px;padding:24px 2px 0;color:#5f7468;font:500 10px "IBM Plex Mono",monospace}
@media(max-width:680px){.page-shell{width:min(100% - 20px,1040px);padding-top:18px}.topbar{font-size:10px}.brand-mini{display:none}.topbar{justify-content:flex-end}.hero{padding:62px 0 28px}.hero h1{font-size:46px}.platforms{gap:6px}.platforms button{font-size:9px;padding:8px 10px}.console-head{padding:13px 14px;font-size:10px}form{padding:18px 14px}.input-row{grid-template-columns:1fr}.submit-btn{height:48px}.message{margin:0 14px 18px}.result{padding:18px 14px}.result-grid{grid-template-columns:1fr}.thumb-wrap{aspect-ratio:16/9}.how-it-works{grid-template-columns:1fr}.format{align-items:flex-start}.download-btn{margin-top:2px}footer{flex-direction:column;gap:7px}}