@font-face{font-family:Great Vibes;src:url(/fonts/great-vibes.woff2) format("woff2");font-display:swap}@font-face{font-family:Allura;src:url(/fonts/allura.woff2) format("woff2");font-display:swap}@font-face{font-family:Dancing Script;src:url(/fonts/dancing-script.woff2) format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Caveat;src:url(/fonts/caveat.woff2) format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Kalam;src:url(/fonts/kalam.woff2) format("woff2");font-display:swap}@font-face{font-family:Homemade Apple;src:url(/fonts/homemade-apple.woff2) format("woff2");font-display:swap}@font-face{font-family:Sacramento;src:url(/fonts/sacramento.woff2) format("woff2");font-display:swap}@font-face{font-family:Parisienne;src:url(/fonts/parisienne.woff2) format("woff2");font-display:swap}:root{--paper: #f7f3ec;--card: #fffdf8;--ink: #1a1815;--ink-soft: #5c554d;--line: #e4ddd0;--accent: #31549e;--accent-deep: #223f7a;--accent-soft: #e8edf9;--checker: #e9e4d8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}.wrap{max-width:1200px;margin:0 auto;padding:0 24px}a{color:var(--accent)}header.site{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0 6px;flex-wrap:wrap}.logo{font-weight:800;font-size:1.35rem;letter-spacing:-.02em;color:var(--ink);text-decoration:none}.logo .dot{color:var(--accent)}.logo .pro{color:var(--accent);font-size:.72rem;vertical-align:super;letter-spacing:.08em}nav.main{display:flex;gap:18px;flex-wrap:wrap}nav.main a{color:var(--ink-soft);text-decoration:none;font-size:.93rem;font-weight:550}nav.main a:hover{color:var(--accent)}.hero{padding:40px 0 6px;max-width:840px}.kicker{color:var(--accent);font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px}h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,5vw,3.3rem);line-height:1.1;letter-spacing:-.01em;margin:0 0 14px;font-weight:700}.lead{font-size:1.12rem;color:var(--ink-soft);margin:0 0 8px;max-width:720px}.lead strong{color:var(--ink)}.honest-note{background:var(--accent-soft);border:1px solid #cdd9f2;border-radius:12px;padding:12px 16px;font-size:.93rem;color:#2c3d63;max-width:760px;margin:16px 0 4px}.honest-note strong{color:var(--accent-deep)}.tool{margin:24px 0 8px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px}.tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.tab-btn{font:inherit;font-weight:700;font-size:.98rem;cursor:pointer;background:#fff;border:2px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:9px 22px}.tab-btn.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.tool-label{display:block;font-weight:700;font-size:.88rem;letter-spacing:.02em;margin-bottom:7px}.tool-input{width:100%;font:inherit;font-size:1.15rem;padding:13px 16px;border:2px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}.tool-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.tool-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:16px}.tool-grid.two{grid-template-columns:1fr 1fr}.tool-grid.four{grid-template-columns:repeat(4,1fr)}input[type=range]{width:100%;accent-color:var(--accent)}input[type=number].tool-input,select.tool-input{font-size:1rem;padding:10px 12px}.swatches{display:flex;gap:8px;align-items:center}.swatch{width:34px;height:34px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1.5px var(--line);cursor:pointer;padding:0}.swatch.on{box-shadow:0 0 0 2.5px var(--accent)}.swatch-name{font-size:.85rem;color:var(--ink-soft)}.tool-actions{display:flex;gap:10px;align-items:center;margin-top:16px;flex-wrap:wrap}.btn{font:inherit;font-weight:750;font-size:1rem;cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:12px;padding:12px 26px}.btn:hover{background:var(--accent-deep)}.btn.ghost{background:var(--accent-soft);color:var(--accent)}.btn.ghost:hover{background:var(--accent);color:#fff}.btn.small{padding:8px 16px;font-size:.9rem;border-radius:10px}.tool-note{color:var(--ink-soft);font-size:.9rem;margin:12px 0 0}.export-result{font-size:.95rem;margin:12px 0 0;color:var(--accent-deep);font-weight:600;display:none}.sig-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:12px;margin-top:18px}.sig-card{border:2px solid var(--line);border-radius:14px;padding:10px 12px 8px;cursor:pointer;background:conic-gradient(var(--checker) 25%,#fff 0 50%,var(--checker) 0 75%,#fff 0) 0 0 / 22px 22px;transition:border-color .15s,transform .15s}.sig-card:hover{border-color:var(--accent);transform:translateY(-2px)}.sig-card.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.sig-preview{height:96px;display:flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap}.sig-meta{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid rgba(0,0,0,.07);padding-top:6px;margin-top:4px}.sig-meta .fname{font-weight:700;font-size:.85rem}.sig-meta .fstyle{color:var(--ink-soft);font-size:.78rem}.draw-wrap{border:2px dashed #b9c6e4;border-radius:14px;overflow:hidden;touch-action:none;background:conic-gradient(var(--checker) 25%,#fff 0 50%,var(--checker) 0 75%,#fff 0) 0 0 / 22px 22px}#drawCanvas{display:block;width:100%;height:auto;cursor:crosshair}.prose{max-width:780px;padding:30px 0 10px}.prose h2{font-family:Georgia,Times New Roman,serif;font-size:1.55rem;letter-spacing:-.01em;margin:34px 0 10px;line-height:1.25}.prose h2:first-child{margin-top:6px}.prose h3{font-size:1.16rem;margin:24px 0 8px}.prose p{color:#38312b;margin:0 0 14px}.prose ul,.prose ol{color:#38312b;padding-left:22px;margin:0 0 14px}.prose li{margin-bottom:6px}.prose table{border-collapse:collapse;width:100%;margin:6px 0 18px;font-size:.95rem}.prose th,.prose td{border:1px solid var(--line);padding:8px 12px;text-align:left;background:var(--card)}.prose th{background:var(--accent-soft)}.prose code{background:var(--accent-soft);border-radius:5px;padding:1px 6px;font-size:.92em}details.faq{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 18px;margin-bottom:10px}details.faq summary{font-weight:700;cursor:pointer}details.faq p{margin:8px 0 4px;color:var(--ink-soft)}.link-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:8px 0 18px}.link-cards a{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;text-decoration:none;color:var(--ink);font-weight:650;font-size:.95rem}.link-cards a:hover{border-color:var(--accent)}.link-cards a span{display:block;color:var(--ink-soft);font-weight:400;font-size:.83rem;margin-top:2px}.style-showcase{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin:10px 0 18px}.style-showcase .sc{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px}.style-showcase .sc .sample{font-size:2rem;line-height:1.3;color:#22304a;overflow:hidden;white-space:nowrap}.style-showcase .sc .fname{font-weight:700;margin-top:8px}.style-showcase .sc .fdesc{color:var(--ink-soft);font-size:.88rem}footer.site{border-top:1px solid var(--line);margin-top:54px;padding:30px 0 40px}footer.site h3{font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 12px}.sisters{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px 22px;margin-bottom:20px}.sisters a{color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem}.sisters a:hover{color:var(--accent)}.sisters a span{display:block;color:var(--ink-soft);font-weight:400;font-size:.82rem}.foot-row{display:flex;gap:18px;flex-wrap:wrap;align-items:center;color:var(--ink-soft);font-size:.88rem}.foot-row a{color:var(--ink-soft)}.pro-teaser{background:var(--accent-soft);border-radius:10px;padding:8px 14px;color:var(--accent-deep);font-weight:650}.font-credit{color:var(--ink-soft);font-size:.82rem;margin-top:14px;max-width:900px}@media(max-width:700px){.tool-grid,.tool-grid.two,.tool-grid.four{grid-template-columns:1fr 1fr}.sig-grid{grid-template-columns:1fr}}