:root{--fg:#1f2937;--muted:#6b7280;--line:#e5e7eb;--accent:#e11d48;--bg:#fff;color:var(--fg);font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--fg:#e5e7eb;--muted:#9ca3af;--line:#374151;--bg:#111827}}body{background:var(--bg);margin:0}.bar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.brand{color:var(--fg);font-size:1.25rem;font-weight:700;text-decoration:none}nav{align-items:center;gap:14px;display:flex}a{color:var(--accent)}main{max-width:760px;margin:0 auto;padding:16px}.foot{text-align:center;color:var(--muted);padding:24px 16px;font-size:.9rem}.muted{color:var(--muted)}.card{border:1px solid var(--line);border-radius:10px;margin:12px 0;padding:14px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}label{margin:10px 0 4px;font-weight:600;display:block}input[type=text],input[type=email],input[type=password]{box-sizing:border-box;border:1px solid var(--line);background:var(--bg);width:100%;color:var(--fg);border-radius:8px;padding:10px;font-size:1rem}button,.btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:10px 14px;font-size:1rem;text-decoration:none;display:inline-block}button.secondary,.btn.secondary{color:var(--fg);border:1px solid var(--line);background:0 0}button.link{color:var(--accent);background:0 0;padding:0}button:disabled{opacity:.5;cursor:default}.err{color:#dc2626}.ok{color:#16a34a}input[type=date]{border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:8px;padding:8px;font-size:1rem}@font-face{font-family:Barlow;font-weight:400;font-display:swap;src:url(/fonts/barlow-400.woff2)format("woff2")}@font-face{font-family:Barlow;font-weight:500;font-display:swap;src:url(/fonts/barlow-500.woff2)format("woff2")}@font-face{font-family:Barlow;font-weight:600;font-display:swap;src:url(/fonts/barlow-600.woff2)format("woff2")}@font-face{font-family:Barlow;font-weight:700;font-display:swap;src:url(/fonts/barlow-700.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-weight:500;font-display:swap;src:url(/fonts/barlow-condensed-500.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-weight:600;font-display:swap;src:url(/fonts/barlow-condensed-600.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-weight:700;font-display:swap;src:url(/fonts/barlow-condensed-700.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-weight:800;font-display:swap;src:url(/fonts/barlow-condensed-800.woff2)format("woff2")}.sb{width:min(1240px,100vw - 32px);margin-top:8px;position:relative;left:50%;transform:translate(-50%)}.sb-modes{border:1px solid var(--line);border-radius:8px;max-width:520px;margin:0 0 10px;padding:3px;display:flex}.sb-modes button{color:var(--fg);background:0 0;border-radius:6px;flex:1;padding:10px 6px;font-weight:600}.sb-modes button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.sb-save{margin:6px 0}.sb-app{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.sb-preview{min-width:0}.sb-panel{border:1px solid var(--line);border-radius:10px;min-width:0;padding:16px}@media (width>=980px){.sb-app{grid-template-columns:400px minmax(0,1fr);align-items:start;gap:28px}.sb-panel{grid-area:1/1}.sb-preview{grid-area:1/2;position:sticky;top:16px}}.sb-sheet{background:#fff;border-radius:2px;position:relative;box-shadow:0 1px 2px #0000001f,0 12px 30px #0000002e}.sb-sheet canvas{aspect-ratio:297/210;width:100%;height:auto;display:block}.sb-row3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.sb-drag{cursor:grab;touch-action:none;width:57.2391%;height:53.9524%;position:absolute;top:21.9048%;left:3.367%}.sb-drag:hover{outline-offset:-2px;outline:2px dashed #0006}.sb-drag:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.sb-fs{border:0;gap:20px;min-width:0;margin:0;padding:0;display:grid}.sb-group{gap:4px;min-width:0;display:grid}.sb-group h2{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 4px;font-size:.85rem}.sb-group p{margin:4px 0}.sb-group textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:8px;padding:10px}.sb-2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px;display:grid}.sb-yr{grid-template-columns:92px minmax(0,1fr);gap:12px;display:grid}.sb-money{position:relative}.sb-money span{color:var(--muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.sb-money input{padding-left:25px}.sb-seg{border:1px solid var(--line);border-radius:8px;display:flex;overflow:hidden}.sb-seg button{color:var(--fg);border-left:1px solid var(--line);background:0 0;border-radius:0;flex:1;font-weight:600}.sb-seg button:first-child{border-left:0}.sb-seg button[aria-checked=true]{background:var(--fg);color:var(--bg)}.sb-colour{align-items:center;gap:8px;margin:6px 0;display:flex}.sb-example{background:#7f7f7f1f;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.sb-actions{margin-top:16px}.sb-note{min-height:1.4em;margin:8px 0 0}.sb-note.ok{color:#16a34a}.sb-note.err{color:#dc2626}.sb-guide{margin-top:28px}.sb-guide h2{margin-top:0}.sb-guide ul{gap:6px;margin:0;padding-left:18px;display:grid}.sb input[type=range]{width:100%}.whatsnew{border-left:4px solid var(--accent,#2563eb)}.whatsnew ul{margin:.4rem 0 .6rem 1.1rem;padding:0}