:root{--bg:#0b0b0e;--fg:#eaeaea;--muted:#b0b0b0;--accent:#7dd3fc;--card:#14141a;--border:#1f1f29;--success:#10b981;--warning:#f59e0b}*{box-sizing:border-box}#__next,body,html{height:100%}body{margin:0;color:var(--fg);background:radial-gradient(1200px 600px at 20% 0,#12121a,var(--bg));font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}a{color:var(--accent);text-decoration:none}main{max-width:1100px;margin:0 auto;padding:24px}footer,header{background:hsla(0,0%,100%,.02);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}footer nav,header nav{max-width:1100px;margin:0 auto;padding:12px 24px;display:flex;gap:16px;align-items:center}header nav a.brand{font-weight:700;font-size:18px;color:var(--fg)}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px}.muted{color:var(--muted)}.btn{display:inline-flex;gap:8px;align-items:center;padding:10px 14px;border-radius:10px;background:#1a1a22;border:1px solid var(--border);color:var(--fg);cursor:pointer}.btn:hover{background:#1f1f29}.ad-skeleton{display:block;min-height:280px;background:#101016;border:1px dashed #2b2b37}.ad-skeleton,.canvas-frame{width:100%;border-radius:12px}.canvas-frame{background:#000;border:1px solid var(--border);height:clamp(420px,75vh,900px);overflow:hidden}small.code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}