:root{--ink:#1f2937;--muted:#64748b;--line:#e5e7eb;--paper:#fff;--pink:#f9a8d4;--lav:#c084fc;--blue:#93c5fd;--teal:#14b8a6;--cream:#fff7ed;--danger:#be123c}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#fff7ed,#f8fafc 45%,#f5f3ff);color:var(--ink)}.bootline{height:7px;background:linear-gradient(90deg,var(--pink),var(--lav),var(--blue),var(--teal))}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:22px 32px;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}.brandmark{font-weight:900;letter-spacing:.08em;font-size:26px}.brandmark span{color:#9333ea}.subtitle{margin:.2rem 0 0;color:var(--muted)}nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center}nav a,.linkbutton{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;text-decoration:none;color:#334155;font-weight:700;font-size:13px}.linkbutton{cursor:pointer}.shell{max-width:1240px;margin:0 auto;padding:28px}.card,.stat,.mini{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 18px 40px rgba(148,163,184,.18)}.hero{background:linear-gradient(135deg,rgba(249,168,212,.34),rgba(147,197,253,.28),rgba(255,255,255,.95))}.narrow{max-width:460px;margin:40px auto}.grid{display:grid;gap:20px;margin-bottom:20px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.stat strong{display:block;font-size:42px}.stat span{color:var(--muted);font-weight:800}.stack{display:grid;gap:14px}label{display:grid;gap:6px;font-weight:800;color:#334155}.check{display:flex;gap:10px;align-items:center}input,textarea,select{width:100%;border:1px solid #cbd5e1;border-radius:14px;padding:11px 12px;font:inherit;background:#fff}button,.primary{display:inline-block;border:0;background:linear-gradient(135deg,#9333ea,#2563eb);color:#fff;padding:11px 16px;border-radius:16px;font-weight:900;text-decoration:none;cursor:pointer}.danger{background:var(--danger)}.flash{padding:14px 18px;border-radius:16px;margin-bottom:18px;font-weight:800}.flash.success{background:#dcfce7;color:#166534}.flash.error{background:#ffe4e6;color:#9f1239}.flash.info{background:#e0f2fe;color:#075985}.swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:14px 0}.swatch{border:1px solid var(--line);border-radius:18px;padding:10px;background:#fff}.swatch span{display:block;height:72px;border-radius:14px;border:1px solid #e2e8f0}.swatch code,.swatch small{display:block;margin-top:8px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.strip{display:flex;height:42px;border-radius:14px;overflow:hidden;border:1px solid var(--line);margin:10px 0}.strip span{flex:1}.strip.labeled{height:auto;min-height:54px}.strip.labeled span{display:flex;align-items:flex-end;padding:6px}.strip.labeled code{background:rgba(255,255,255,.72);border-radius:8px;padding:2px 4px;font-size:11px}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}th{color:#475569}pre{white-space:pre-wrap;background:#f8fafc;border-radius:14px;padding:12px;overflow:auto}.preset{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}footer{text-align:center;color:var(--muted);padding:30px}@media(max-width:850px){.topbar{position:static;display:block}.two,.four{grid-template-columns:1fr}.shell{padding:16px}nav{margin-top:14px}}@media print{nav,.topbar,footer,button{display:none}.card{box-shadow:none;border:0}.shell{max-width:none}}