:root{--bg:#0b1220;--panel:#121a2b;--border:#263248;--text:#e6ebf5;--muted:#90a0bd;--accent:#4f8cff;--accent-hover:#6ba0ff;--error:#ff6b6b;--success:#4fd18b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}main.page{max-width:760px;margin:0 auto;padding:48px 24px 96px}header.hero h1{font-size:1.6rem;margin:0 0 4px}header.hero p{color:var(--muted);margin:0 0 32px;line-height:1.5}.badge{display:inline-block;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;background:rgba(79,140,255,.15);color:var(--accent-hover);border:1px solid rgba(79,140,255,.4);border-radius:999px;padding:3px 10px;margin-bottom:12px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:28px}.dropzone{border:2px dashed var(--border);border-radius:10px;padding:32px;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}.dropzone.dragging,.dropzone:hover{border-color:var(--accent);background:rgba(79,140,255,.06)}.dropzone input{display:none}.filename{margin-top:12px;color:var(--text);font-size:.9rem}button.primary{margin-top:20px;width:100%;padding:12px 16px;background:var(--accent);color:white;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s ease}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.primary:disabled{opacity:.5;cursor:not-allowed}.status{margin-top:18px;padding:14px 16px;border-radius:8px;font-size:.88rem;line-height:1.5;white-space:pre-wrap}.status.error{background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.35);color:var(--error)}.status.success{background:rgba(79,209,139,.1);border:1px solid rgba(79,209,139,.35);color:var(--success)}.footnote{margin-top:28px;color:var(--muted);font-size:.8rem;line-height:1.6}.footnote a{color:var(--accent-hover)}.sample-link{margin-top:14px;font-size:.85rem}.sample-link a{color:var(--accent-hover);text-decoration:none}.sample-link a:hover{text-decoration:underline}.field-label{display:block;margin:18px 0 6px;font-size:.85rem;color:var(--muted)}.field-label:first-of-type{margin-top:0}.text-input{width:100%;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.92rem;font-family:inherit}.text-input:focus{outline:none;border-color:var(--accent)}.text-input:disabled{opacity:.5;cursor:not-allowed}select.text-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}