:root{--bg:#fffdf7;--surface:#fff;--ink:#1f2937;--muted:#6b7280;--line:#e5e7eb;--brand:#f97316;--brand-ink:#fff;--accent:#0ea5e9;--danger:#dc2626;--warn-bg:#fff7ed;--radius:14px;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.5}a{color:inherit}.site-header{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.brand{font-size:1.15rem;font-weight:800;text-decoration:none}.brand span{color:var(--brand)}.site-main{max-width:1200px;margin:0 auto;padding:16px}.site-footer{text-align:center;color:var(--muted);padding:24px 16px;font-size:.85rem}.hero h1{margin:8px 0 4px;font-size:1.8rem}.hero p{color:var(--muted);margin:0 0 24px}.group h2{margin:24px 0 12px;font-size:1.1rem}.cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:16px;text-decoration:none;display:block}.card:hover,.card:focus-visible{border-color:var(--brand)}.card strong{margin-bottom:4px;display:block}.card span{color:var(--muted);font-size:.9rem}.gen{grid-template-columns:minmax(280px,340px) 1fr;align-items:start;gap:20px;display:grid}@media (max-width:820px){.gen{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.panel h2{margin:0 0 12px;font-size:1rem}.panel+.panel{margin-top:12px}.field{margin-bottom:12px;display:block}.field>span{margin-bottom:4px;font-size:.85rem;font-weight:600;display:block}.field input[type=number],.field input[type=text],.field select,.field textarea{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:8px;padding:8px 10px}.field-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.check{align-items:center;gap:8px;margin-bottom:12px;font-size:.9rem;display:flex}.field textarea{resize:vertical;min-height:120px}.field-help{color:var(--muted);margin-top:4px;font-size:.8rem;display:block}.field-error{color:var(--danger);margin-top:4px;font-size:.8rem}.actions{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.btn{border:1px solid var(--line);background:var(--surface);font:inherit;cursor:pointer;border-radius:999px;padding:9px 14px;font-weight:600}.btn-primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn:disabled{opacity:.5;cursor:not-allowed}.notice{background:var(--warn-bg);border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:.9rem}.seed{color:var(--muted);font-size:.85rem}.preview{gap:16px;display:grid}.preview .sheet{background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 2px 12px #00000014}.preview .sheet svg{width:100%;height:auto;display:block}.preview-empty{border:2px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--muted);padding:48px 16px}@media (prefers-color-scheme:dark){:root{--bg:#111827;--surface:#1f2937;--ink:#f3f4f6;--muted:#9ca3af;--line:#374151;--warn-bg:#3b2a1a}.field input[type=number],.field input[type=text],.field select,.field textarea{color:var(--ink);background:#111827}}