:root{color-scheme:light;--color-bg:#fff;--color-bg-raised:#f8fafc;--color-text:#16181d;--color-text-muted:#5b6472;--color-border:#e2e5ea;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 2px #1018280f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg:#101215;--color-bg-raised:#1a1d22;--color-text:#edeef0;--color-text-muted:#9aa2af;--color-border:#2a2e35;--color-accent:#5b9dff;--color-accent-hover:#82b4ff;--shadow-sm:0 1px 2px #0000004d}}*{box-sizing:border-box}[hidden]{display:none!important}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans KR,Malgun Gothic,Helvetica,Arial,sans-serif}body{margin:0;background:var(--color-bg);max-width:1100px;color:var(--color-text);-webkit-font-smoothing:antialiased;margin-inline:auto;padding:0 1.25rem;line-height:1.6}main{padding-block:1.5rem 2rem}main>:where(h1,h2,h3,p,ol,ul,dl,.example){max-width:720px}h1{letter-spacing:-.02em;font-size:1.75rem;line-height:1.2}h2{letter-spacing:-.01em;margin-top:2rem;font-size:1.25rem}a{color:var(--color-accent)}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.disclaimer{color:var(--color-text-muted);font-size:.85rem}header{background:color-mix(in srgb, var(--color-bg) 90%, transparent);backdrop-filter:blur(8px);z-index:10;position:sticky;top:0}header nav{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding-block:1rem;display:flex}header .brand{letter-spacing:-.01em;color:var(--color-text);margin-right:auto;font-size:1.05rem;font-weight:700;text-decoration:none}header nav ul,footer ul{flex-wrap:wrap;gap:.75rem 1.1rem;margin:0;padding:0;list-style:none;display:flex}header nav a,footer a{color:var(--color-text-muted);font-size:.92rem;text-decoration:none}header nav a:hover,footer a:hover{color:var(--color-accent)}footer{border-top:1px solid var(--color-border);margin-top:2.5rem;padding-block:1.5rem 2rem}footer .copyright{color:var(--color-text-muted);margin-top:1rem;font-size:.8rem}.lead{color:var(--color-text-muted);font-size:1.05rem}.panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-raised);box-shadow:var(--shadow-sm);padding:1.25rem}.panel textarea{width:100%;min-height:180px;font:inherit;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);resize:vertical;padding:.7rem}.controls{flex-wrap:wrap;align-items:center;gap:.6rem .9rem;margin-block:.8rem;display:flex}.controls label{color:var(--color-text-muted);font-size:.9rem}.controls input[type=number],.controls input[type=text],.controls select{font:inherit;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);padding:.4rem .55rem}.controls input[type=number]{width:6rem}.panel button{font:inherit;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);cursor:pointer;padding:.45rem .9rem}.panel button.primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.panel button:hover{border-color:var(--color-accent)}.error{color:#d92d20;min-height:1.4rem;margin:.4rem 0 0;font-size:.9rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;margin:1rem 0 0;display:grid}.stats div{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);padding:.6rem .8rem}.stats dt{color:var(--color-text-muted);font-size:.8rem}.stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.4rem;font-weight:700}.example{border-left:3px solid var(--color-border);margin-block:.9rem;padding-left:.9rem}.example pre{white-space:pre-wrap;margin:.2rem 0;font-family:inherit}.faq dt{margin-top:1rem;font-weight:600}.faq dd{color:var(--color-text-muted);margin:.3rem 0 0}.page-meta{color:var(--color-text-muted);margin-top:2rem;font-size:.8rem}.tool-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;max-width:none;padding:0;list-style:none;display:grid}.tool-list a{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-raised);padding:.8rem 1rem;text-decoration:none;display:block}.tool-list small{color:var(--color-text-muted);display:block}