:root{--bg: #f3f3f1;--bg-2: #ececea;--panel: #f7f7f5;--panel-2: #e9e9e6;--ink: #2d2f33;--muted: #7b7f87;--line: rgba(0,0,0,.08);--accent: #f07f2f;--shadow: 0 20px 45px rgba(0,0,0,.08)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100%}body{background-image:radial-gradient(circle at 20% 20%,rgba(0,0,0,.04),transparent 45%)}a{color:inherit;text-decoration:none}.container{max-width:1240px;margin:0 auto;padding:24px 24px 72px}.grid{display:grid;gap:20px}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-weight:600;cursor:pointer}.btn.primary{background:var(--accent);color:#fff;border:none}.btn.ghost{background:transparent}.input,.textarea,.select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:.95rem}.textarea{min-height:140px;resize:vertical}.helper{color:var(--muted);font-size:.85rem}.divider{height:1px;background:var(--line);margin:14px 0}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:14px}.nav .links{display:flex;gap:18px;color:var(--muted);font-size:.95rem}.hero{display:grid;gap:16px}.hero h1{font-size:clamp(2.3rem,3vw + 1.1rem,3.8rem);margin:0}.hero p{color:var(--muted);font-size:1.02rem;max-width:720px}.preview-box{background:#f0f0ee;border-radius:16px;border:1px solid var(--line);min-height:360px;display:grid;place-items:center}.tag{font-size:.75rem;border:1px solid var(--line);padding:4px 10px;border-radius:999px;color:var(--muted)}.section-title{font-size:1.35rem;margin:0}.code-block{background:#fafafa;border:1px solid var(--line);border-radius:12px;padding:14px;font-family:DM Mono,ui-monospace,monospace;font-size:.85rem;color:#2f3136;overflow-x:auto}