:root{--bg:#f6f4ef;--panel:#ffffffc7;--text:#0b0f14;--muted:#0b0f14b3;--border:#0b0f1424;--shadow:0 18px 60px #0b0f141f;--accent:#0a7a64;--accent-ink:#06251f;--danger:#b42318;--radius:16px;--radius-sm:12px;--max:1100px}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{color:var(--text);background:radial-gradient(1200px 800px at 20% 10%, #0a7a641f, transparent 60%), radial-gradient(900px 700px at 80% 20%, #fea51c1c, transparent 55%), linear-gradient(180deg, var(--bg), #fff);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,Liberation Sans,sans-serif;line-height:1.5}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:.08em}a:hover{text-decoration-thickness:.12em}.wrap{max-width:var(--max);margin:0 auto;padding:28px 18px 48px}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:18px 0 10px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:750;display:inline-flex}.brand__mark{background:conic-gradient(from 220deg, var(--accent), #fea51c, var(--accent));border-radius:4px;width:14px;height:14px;box-shadow:0 10px 30px #0a7a6440}.nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.nav a{color:var(--muted);border:1px solid #0000;border-radius:999px;padding:8px 10px;text-decoration:none}.nav a:hover{border-color:var(--border);color:var(--text);background:#fff9}.hero{margin:22px 0 18px;padding:18px 0 4px}.hero h1{letter-spacing:-.03em;margin:0 0 10px;font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;font-size:clamp(2.1rem,4vw,3.1rem)}.hero p{color:var(--muted);max-width:66ch;margin:0;font-size:1.05rem}.bullets{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 6px;padding:0;list-style:none;display:grid}.bullets li{border:1px solid var(--border);backdrop-filter:blur(10px);background:#ffffff8c;border-radius:999px;padding:10px 12px;font-size:.95rem}.tool{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);backdrop-filter:blur(12px);box-shadow:var(--shadow);overflow:clip}.tool__tabs{flex-wrap:wrap;gap:8px;padding:14px 14px 0;display:flex}.tool__tab{appearance:none;border:1px solid var(--border);color:var(--muted);font:inherit;cursor:pointer;background:#fff9;border-radius:999px;padding:8px 12px}.tool__tab--active{color:var(--text);background:#0a7a641f;border-color:#0a7a6447}.tool__grid{grid-template-columns:1.1fr .9fr;gap:0;display:grid}.tool__panel{border-right:1px solid var(--border);padding:16px 14px 14px}.tool__preview{padding:16px 14px 14px}.form{gap:12px;display:grid}.form__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.field{gap:6px;display:grid}.field--inline{align-items:center;gap:10px;display:flex}.field__label{letter-spacing:-.01em;color:#0b0f14db;font-weight:650}.field__help{color:var(--muted);font-size:.95rem}.field__input{border:1px solid var(--border);width:100%;font:inherit;color:inherit;background:#ffffffc7;border-radius:12px;padding:10px 11px}.field__textarea{resize:vertical}.field__color{height:44px;padding:6px}.details{border:1px solid var(--border);background:#ffffff8c;border-radius:14px}.details__summary{cursor:pointer;color:#0b0f14d1;padding:10px 12px;font-weight:650}.details__body{padding:0 12px 12px}.tool__privacy{color:var(--muted);margin:12px 0 0;font-size:.95rem}.preview{gap:10px;display:grid}.preview__frame{border-radius:var(--radius-sm);background:#fffc;border:1px dashed #0b0f1440;place-items:center;min-height:300px;padding:14px;display:grid}.preview__svg svg{width:min(320px,100%);height:auto;display:block}.preview__placeholder{color:var(--muted);text-align:center;padding:10px}.preview__actions{flex-wrap:wrap;gap:10px;display:flex}.btn{appearance:none;color:var(--accent-ink);font:inherit;cursor:pointer;background:#0a7a641f;border:1px solid #0a7a6459;border-radius:999px;padding:10px 14px;font-weight:650}.btn:hover{background:#0a7a6429}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--ghost{border-color:var(--border);color:var(--muted);background:#fff9}.btn--ghost:hover{color:var(--text);background:#ffffffd9}.notice{color:#b42318f2;background:#b4231814;border:1px solid #b4231840;border-radius:12px;margin:0;padding:10px 12px}.code{border:1px solid var(--border);background:#fffc;border-radius:12px;margin:0;padding:10px 12px;font-size:.92rem;overflow:auto}.content{max-width:74ch;margin-top:26px}.content h2{letter-spacing:-.02em;margin:26px 0 10px;font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.content p,.content li{color:#0b0f14d1}.linkgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.linkgrid a{border:1px solid var(--border);background:#ffffff8c;border-radius:14px;padding:12px;text-decoration:none;display:block}.card__desc{color:#0b0f14b8;margin-top:4px}.linkgrid a:hover{background:#ffffffd9}.footer{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:44px;padding-top:18px;font-size:.95rem;display:flex}@media (width<=880px){.bullets,.tool__grid{grid-template-columns:1fr}.tool__panel{border-right:none;border-bottom:1px solid var(--border)}.form__row,.linkgrid{grid-template-columns:1fr}}.analytics-consent[data-astro-cid-fg2vtww3]{z-index:1000;color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:.9rem;justify-content:space-between;align-items:center;gap:1rem;max-width:58rem;margin-inline:auto;padding:1rem;font:500 .9rem/1.45 system-ui,sans-serif;display:flex;position:fixed;bottom:1rem;left:1rem;right:1rem;box-shadow:0 18px 55px #0f172a59}.analytics-consent[data-astro-cid-fg2vtww3][hidden],.analytics-consent__settings[data-astro-cid-fg2vtww3][hidden]{display:none}.analytics-consent[data-astro-cid-fg2vtww3] strong[data-astro-cid-fg2vtww3]{color:#fff;margin-bottom:.2rem;display:block}.analytics-consent[data-astro-cid-fg2vtww3] p[data-astro-cid-fg2vtww3]{margin:0}.analytics-consent[data-astro-cid-fg2vtww3] a[data-astro-cid-fg2vtww3]{color:#67e8f9;text-decoration:underline}.analytics-consent__actions[data-astro-cid-fg2vtww3]{flex:none;gap:.55rem;display:flex}.analytics-consent[data-astro-cid-fg2vtww3] button[data-astro-cid-fg2vtww3],.analytics-consent__settings[data-astro-cid-fg2vtww3]{cursor:pointer;border:1px solid #64748b;border-radius:.55rem;padding:.55rem .8rem;font:700 .82rem/1 system-ui,sans-serif}.analytics-consent[data-astro-cid-fg2vtww3] button[data-astro-cid-fg2vtww3]:last-child{color:#083344;background:#67e8f9;border-color:#67e8f9}.analytics-consent[data-astro-cid-fg2vtww3] button[data-astro-cid-fg2vtww3]:first-child{color:#e2e8f0;background:0 0}.analytics-consent__settings[data-astro-cid-fg2vtww3]{z-index:900;color:#e2e8f0;background:#0f172a;position:fixed;bottom:.75rem;right:.75rem;box-shadow:0 8px 24px #0f172a40}@media (width<=640px){.analytics-consent[data-astro-cid-fg2vtww3]{flex-direction:column;align-items:stretch}.analytics-consent__actions[data-astro-cid-fg2vtww3]{justify-content:flex-end}}