:root{color-scheme:dark;--bg:#0f172a;--panel:#111827;--panel-border:rgba(255,255,255,0.08);--text:#f8fafc;--muted:#cbd5e1;--accent:#f2a31a;--accent-dark:#d48900;--danger:#fca5a5}*{box-sizing:border-box}body,html{margin:0;padding:0;background:linear-gradient(180deg,#020617,#0f172a);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh}img{max-width:100%;display:block}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.page-shell{width:min(1200px,calc(100vw - 32px));margin:0 auto;padding:32px 0 48px}.page-header{margin-bottom:24px}.page-header h1{margin:8px 0 12px;font-size:clamp(2rem,2vw + 1.5rem,3rem)}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;color:#fbbf24;font-size:.8rem;font-weight:700}.lead{margin:0;color:var(--muted);max-width:720px;line-height:1.6}.grid{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:20px;gap:20px;align-items:start}.panel{background:rgba(17,24,39,.92);border:1px solid var(--panel-border);border-radius:20px;padding:20px;box-shadow:0 20px 50px rgba(0,0,0,.25)}.panel h2{margin-top:0;margin-bottom:16px}.form-panel{gap:16px}.field,.field-row,.form-panel{display:flex;flex-direction:column}.field,.field-row{gap:8px}.field span{font-size:.95rem;color:var(--muted)}.field input{width:100%;border:1px solid rgba(255,255,255,.12);background:rgba(15,23,42,.7);color:var(--text);border-radius:12px;padding:12px 14px;font-size:.96rem}.field input[type=file]{padding:10px}.four-columns,.two-columns{display:grid;grid-gap:12px;gap:12px}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.four-columns{grid-template-columns:repeat(4,minmax(0,1fr))}.primary-button,.secondary-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:14px 18px;border-radius:14px;border:0;font-weight:700;font-size:1rem;cursor:pointer;text-decoration:none}.primary-button{background:var(--accent);color:#1f2937}.primary-button:hover,.secondary-button:hover{filter:brightness(1.05)}.primary-button:disabled{cursor:progress;opacity:.7}.secondary-button{background:#1e293b;color:var(--text);border:1px solid rgba(255,255,255,.12);width:100%;margin-top:16px}.preview-panel{min-height:100%}.preview-image,.reference-image{border-radius:16px;border:1px solid rgba(255,255,255,.08)}.placeholder{min-height:400px;display:grid;place-items:center;border:2px dashed rgba(255,255,255,.12);border-radius:16px;color:var(--muted);text-align:center;padding:24px}.error-text{margin:0;color:var(--danger)}.token-gate{min-height:100vh;display:grid;place-items:center;padding:24px}.token-gate-card{background:rgba(17,24,39,.92);border:1px solid var(--panel-border);border-radius:20px;padding:40px 36px;box-shadow:0 20px 50px rgba(0,0,0,.35);width:min(420px,100%)}.token-gate-card h1{margin:8px 0 12px;font-size:1.8rem}.token-gate-card .lead{margin-bottom:24px}.token-form{display:flex;flex-direction:column;gap:12px}.token-form input{width:100%;border:1px solid rgba(255,255,255,.12);background:rgba(15,23,42,.7);color:var(--text);border-radius:12px;padding:12px 14px;font-size:1rem}@media (max-width:960px){.four-columns,.grid,.reference-grid,.two-columns{grid-template-columns:1fr}.page-shell{width:min(100vw - 20px,1200px);padding:20px 0 32px}}