@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{--bg:#171a1f;--card:#22272d;--raised:#2b3138;--header:#111419;--text:#f4f6f8;--muted:#9ba7b5;--border:#39434d;--blue:#579bfc;--green:#00c875;--red:#e44258;--shadow:0 16px 36px #0003}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif}.shell{max-width:1380px;margin:auto;padding:0 38px 64px}.topbar{height:72px;margin:0 -38px 50px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;background:var(--header);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;font-size:16px}.brand-mark{color:#fff;background:var(--blue);width:30px;height:30px;border-radius:7px;display:grid;place-items:center}.eyebrow,.kicker{font:700 10px 'Space Mono',monospace;letter-spacing:.12em;color:var(--blue)}.eyebrow{margin-left:18px}.back-link{color:var(--muted);text-decoration:none;display:inline-flex;align-items:center;gap:9px;font-weight:600}.back-link:hover{color:var(--text)}.user-area{display:flex;align-items:center;gap:14px;color:var(--muted)}.icon-button{background:none;border:0;color:var(--muted);cursor:pointer;font-size:16px}.page-heading,.editor-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:32px}h1{font-size:34px;line-height:1.1;margin:7px 0 10px;letter-spacing:-.03em}h2{font-size:18px;margin:0}.lede{color:var(--muted);margin:0;max-width:610px;font-size:15px}.heading-stat{border-left:1px solid var(--border);padding-left:28px;display:flex;flex-direction:column;gap:3px;color:var(--muted)}.heading-stat strong{font-size:31px;color:var(--text)}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.template-card{background:var(--card);border:1px solid var(--border);border-radius:9px;padding:22px;min-height:230px;cursor:pointer;transition:.2s;box-shadow:var(--shadow)}.template-card:hover{border-color:var(--blue);transform:translateY(-2px)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.type-icon{width:40px;height:40px;border-radius:8px;background:#579bfc1a;color:var(--blue);display:grid;place-items:center;font-size:17px}.arrow{color:var(--muted)}.template-card h2{margin-bottom:5px}.template-card p{color:var(--muted);margin:0 0 18px}.card-meta{display:flex;gap:16px;padding-top:14px;border-top:1px solid var(--border);color:var(--muted);font-size:12px}.card-meta b{color:var(--text)}.examples{list-style:none;padding:0;margin:15px 0 0;color:var(--muted);font-size:12px;line-height:1.7}.examples li:before{content:'•';color:var(--green);margin-right:7px}.notice{display:none;padding:12px 15px;border-radius:7px;margin-bottom:24px;background:#e4425818;border:1px solid #e4425866;color:#ff9aaa}.notice.show{display:block}.editor-heading{align-items:flex-start}.editor-heading .back-link{margin-bottom:16px}.editor-actions{display:flex;gap:10px;white-space:nowrap}.button{border:1px solid var(--border);border-radius:6px;padding:11px 16px;font:600 13px inherit;cursor:pointer;background:var(--raised);color:var(--text)}.button.primary{background:var(--green);border-color:var(--green);color:#092218}.danger-outline{color:#ff8798;border-color:#e4425877;background:transparent}.category-list{display:flex;flex-direction:column;gap:12px}.category{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:18px}.category-head{display:flex;align-items:center;gap:10px}.drag{color:var(--muted);cursor:grab}.category-name,.line-input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:5px;padding:9px 10px;font:500 14px inherit}.category-name{font-weight:700;flex:1}.category-tools{display:flex;gap:4px}.mini{background:transparent;border:0;color:var(--muted);cursor:pointer;padding:7px}.mini:hover{color:var(--blue)}.mini.delete:hover{color:var(--red)}.lines{margin:13px 0 0 28px;border-top:1px solid var(--border)}.line{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--border)}.line-input{flex:1}.line:last-child{border-bottom:0}.add-line,.add-category{color:var(--blue);background:transparent;border:1px dashed #579bfc88;border-radius:6px;padding:9px 13px;font:600 12px inherit;cursor:pointer}.add-line{margin-top:12px;margin-left:28px}.add-category{margin-top:17px;width:100%;padding:13px}.inline-error{background:#e4425818;border:1px solid #e4425866;color:#ff9aaa;padding:11px;border-radius:6px;margin-bottom:15px}@media(max-width:900px){.template-grid{grid-template-columns:repeat(2,1fr)}.shell{padding:0 20px 50px}.topbar{margin:0 -20px 35px;padding:0 20px}.editor-heading{flex-direction:column}.editor-actions{width:100%}}@media(max-width:600px){.template-grid{grid-template-columns:1fr}.brand .eyebrow,.user-area span{display:none}h1{font-size:28px}.page-heading{align-items:flex-start;flex-direction:column}.heading-stat{border-left:0;padding-left:0}.category{padding:13px}.lines{margin-left:0}.add-line{margin-left:0}}