@font-face{font-family:Inter Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-var.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/jetbrains-mono-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f6f7fb;--bg-elevated: #ffffff;--bg-sunken: #eceff6;--border: #dde1ea;--border-strong: #bcc3d4;--text: #10131c;--text-muted: #515873;--accent: #4f46e5;--accent-hover: #4338ca;--accent-soft: #ebe9fe;--accent-text: #ffffff;--danger: #b4233a;--danger-soft: #fdeced;--ok: #0c6b46;--ok-soft: #e6f6ee;--focus: #4f46e5;--sans: "Inter Variable", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--radius: 12px;--radius-sm: 8px;--radius-pill: 999px;--tap: 44px;--sidebar-w: 272px;--shadow: 0 1px 2px rgba(16, 20, 40, .06), 0 8px 24px -16px rgba(16, 20, 40, .28);--shadow-lg: 0 4px 12px rgba(16, 20, 40, .08), 0 24px 48px -24px rgba(16, 20, 40, .4);--glass-bg: rgba(255, 255, 255, .72);--glass-bg-strong: rgba(255, 255, 255, .86);--glass-border: rgba(16, 19, 28, .08);--glass-highlight: rgba(255, 255, 255, .9);--glass-blur: blur(18px) saturate(1.6);--glow: 79, 70, 229;--glow-2: 217, 70, 239;--fast: .15s;--base: .22s;--slow: .42s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-glass: cubic-bezier(.22, 1, .36, 1);--z-sticky: 20;--z-drawer: 30;--z-overlay: 40;--z-popover: 50;color-scheme:light}:root[data-theme=dark]{--bg: #0b0d13;--bg-elevated: #14171f;--bg-sunken: #10131a;--border: #242835;--border-strong: #3a4152;--text: #e9ebf2;--text-muted: #a3abc2;--accent: #a5a1ff;--accent-hover: #b9b6ff;--accent-soft: #1d1c38;--accent-text: #0b0d13;--danger: #ff93a4;--danger-soft: #33161d;--ok: #5fe0aa;--ok-soft: #10291f;--focus: #a5a1ff;--shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 12px 32px -20px rgba(0, 0, 0, .95);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .5), 0 24px 56px -24px rgba(0, 0, 0, 1);--glass-bg: rgba(24, 28, 38, .66);--glass-bg-strong: rgba(24, 28, 38, .86);--glass-border: rgba(255, 255, 255, .09);--glass-highlight: rgba(255, 255, 255, .14);--glow: 139, 135, 255;--glow-2: 217, 70, 239;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.6;letter-spacing:-.006em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv02","cv03","cv04","ss03";font-variant-ligatures:contextual}.aurora{position:fixed;inset:-20vmax;z-index:-1;pointer-events:none;overflow:hidden;contain:strict}.aurora span{position:absolute;display:block;border-radius:50%;filter:blur(80px);opacity:.5;will-change:transform}.aurora span:nth-child(1){width:46vmax;height:46vmax;top:-6vmax;left:-4vmax;background:radial-gradient(circle,rgba(var(--glow),.5),transparent 68%);animation:drift-a 34s var(--ease-glass) infinite alternate}.aurora span:nth-child(2){width:38vmax;height:38vmax;top:22vmax;right:-6vmax;background:radial-gradient(circle,rgba(var(--glow-2),.38),transparent 68%);animation:drift-b 44s var(--ease-glass) infinite alternate}.aurora span:nth-child(3){width:34vmax;height:34vmax;bottom:-8vmax;left:34%;background:radial-gradient(circle,rgba(56,189,248,.28),transparent 68%);animation:drift-c 52s var(--ease-glass) infinite alternate}:root[data-theme=dark] .aurora span{opacity:.34}@keyframes drift-a{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(8vmax,6vmax,0) scale(1.12)}to{transform:translate3d(-4vmax,10vmax,0) scale(.95)}}@keyframes drift-b{0%{transform:translateZ(0) scale(1.05)}50%{transform:translate3d(-10vmax,8vmax,0) scale(.92)}to{transform:translate3d(-3vmax,-6vmax,0) scale(1.1)}}@keyframes drift-c{0%{transform:translateZ(0) scale(.95)}50%{transform:translate3d(9vmax,-7vmax,0) scale(1.15)}to{transform:translate3d(-7vmax,-2vmax,0) scale(1)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.aurora span{animation:none!important}.reveal,.reveal.will-reveal{opacity:1!important;transform:none!important}}.reveal.will-reveal{opacity:0;transform:translateY(14px)}.reveal.is-visible{opacity:1;transform:none;transition:opacity var(--slow) var(--ease-glass),transform var(--slow) var(--ease-glass)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}.skip-link{position:absolute;left:.5rem;top:-100px;z-index:var(--z-popover);background:var(--accent);color:var(--accent-text);padding:.75rem 1.1rem;border-radius:var(--radius-sm);font-weight:600;transition:top var(--fast) var(--ease-out)}.skip-link:focus{top:.5rem;text-decoration:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0 0 .5rem;font-weight:680;color:var(--text)}h1{font-size:2rem;line-height:1.15;letter-spacing:-.028em}h2{font-size:1.375rem;line-height:1.22;letter-spacing:-.021em}h3{font-size:1rem;line-height:1.35;letter-spacing:-.012em}h4{font-size:.9rem;line-height:1.4;letter-spacing:-.008em}p{margin:0 0 .75rem}.out-table,.stopwatch,.out-code,.mono{font-variant-numeric:tabular-nums}.muted{color:var(--text-muted)}.mono{font-family:var(--mono);font-size:.875em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}svg.icon{width:20px;height:20px;flex:none;stroke-width:1.75}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);border-right:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);position:sticky;top:0;height:100vh;overflow-y:auto;overscroll-behavior:contain;padding:.85rem .7rem 3rem;z-index:var(--z-drawer)}.brand{display:flex;align-items:center;gap:.6rem;padding:.4rem .5rem .85rem;font-weight:700;font-size:1.05rem;color:var(--text)}.brand:hover{text-decoration:none}.brand-mark{position:relative;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#4f46e5,#d946ef);display:grid;place-items:center;color:#fff;overflow:hidden;box-shadow:0 6px 18px -8px rgba(var(--glow),.9);transition:box-shadow var(--base) var(--ease-glass)}.brand-mark:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translate(-120%)}.brand:hover .brand-mark{box-shadow:0 8px 24px -6px rgba(var(--glow),1)}.brand:hover .brand-mark:after{animation:sheen .7s var(--ease-glass)}@keyframes sheen{to{transform:translate(120%)}}.brand-mark svg{width:18px;height:18px}.nav-filter-wrap{position:relative;margin-bottom:.9rem}.nav-filter{width:100%;min-height:var(--tap);padding:.5rem .7rem .5rem 2.2rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font:inherit;font-size:.88rem}.nav-filter::placeholder{color:var(--text-muted)}.nav-filter-wrap svg{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--text-muted);pointer-events:none}.nav-group{margin-bottom:.2rem}.nav-group[hidden]{display:none}.nav-title{display:flex;align-items:center;gap:.45rem;min-height:34px;padding:.25rem .6rem;border-radius:var(--radius-sm);cursor:pointer;list-style:none;color:var(--text);font-size:.78rem;font-weight:640;letter-spacing:.005em;user-select:none;transition:background var(--fast),color var(--fast)}.nav-title::-webkit-details-marker{display:none}.nav-title:hover{background:var(--bg-sunken)}.nav-title-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-chevron{width:13px;height:13px;flex:none;color:var(--text-muted);transition:transform var(--base) var(--ease-glass)}.nav-group[open]>.nav-title>.nav-chevron{transform:rotate(90deg)}.nav-count{flex:none;font-size:.68rem;font-variant-numeric:tabular-nums;color:var(--text-muted);background:var(--bg-sunken);border-radius:var(--radius-pill);padding:.05rem .4rem;min-width:1.4rem;text-align:center}.nav-group:has(.nav-link[aria-current=page])>.nav-title{color:var(--accent)}.nav-link{display:flex;align-items:center;min-height:30px;padding:.22rem .6rem .22rem 1.65rem;border-radius:var(--radius-sm);color:var(--text-muted);font-size:.8rem;letter-spacing:-.006em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background var(--fast),color var(--fast),transform var(--base) var(--ease-glass)}.nav-all{color:var(--accent);font-weight:560}.nav-all[hidden]{display:none}@media(pointer:coarse){.nav-link,.nav-title{min-height:var(--tap)}}.nav-link:hover{background:var(--bg-sunken);color:var(--text);text-decoration:none;transform:translate(3px)}.nav-link[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600;box-shadow:inset 3px 0 0 var(--accent)}.nav-link[hidden]{display:none}#nav-fav>.nav-title,#nav-recent>.nav-title{font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);cursor:default}.nav-empty{padding:.5rem .65rem;font-size:.82rem;color:var(--text-muted)}.main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:.6rem;padding:.6rem 1.5rem;border-bottom:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:inset 0 1px 0 0 var(--glass-highlight)}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--glow),.45),transparent)}.menu-btn{display:none}.content{padding:1.75rem 1.5rem 5rem;max-width:1100px;width:100%;margin:0 auto;flex:1}.footer{border-top:1px solid var(--border);padding:2.5rem 1.5rem 2rem;color:var(--text-muted);font-size:.875rem;background:color-mix(in srgb,var(--bg-elevated) 55%,transparent)}.footer-cols{display:grid;grid-template-columns:1.6fr repeat(4,minmax(0,1fr));gap:2rem 1.5rem;max-width:1100px;margin:0 auto}.footer-brand .brand{padding:0 0 .6rem;font-size:1rem}.footer-brand p{margin:0;max-width:34ch;line-height:1.55}.footer-col h2{font-size:.74rem;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--text);margin-bottom:.7rem}.footer-col ul{list-style:none;margin:0;padding:0}.footer-col li{margin-bottom:.4rem}.footer-col a{color:var(--text-muted)}.footer-col a:hover{color:var(--accent)}.footer-legal{max-width:1100px;margin:2rem auto 0;padding-top:1.25rem;border-top:1px solid var(--border);font-size:.82rem;margin-bottom:0}@media(max-width:860px){.footer-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1 / -1}}.search-wrap{position:relative;flex:1;max-width:480px}.search-input{width:100%;min-height:var(--tap);padding:.5rem .75rem .5rem 2.3rem;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:var(--radius-sm);font:inherit;font-size:.92rem}.search-input::placeholder{color:var(--text-muted)}.search-icon{position:absolute;left:.7rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;width:18px;height:18px}.kbd{border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:6px;padding:.1rem .4rem;font-size:.72rem;font-family:var(--mono);color:var(--text-muted);white-space:nowrap}.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-height:62vh;overflow-y:auto;padding:.3rem;z-index:var(--z-popover);margin:0;list-style:none}.search-results:empty{display:none}.search-hit{display:block;padding:.5rem .6rem;border-radius:var(--radius-sm);color:var(--text);cursor:pointer}.search-hit:hover,.search-hit[aria-selected=true]{background:var(--accent-soft);text-decoration:none}.search-hit strong{font-weight:600;font-size:.92rem}.search-hit small{display:block;color:var(--text-muted);font-size:.79rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card,.output,.tool-card,.faq,.search-results{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 0 var(--glass-highlight),0 1px 2px #1014280a,0 14px 36px -22px rgba(var(--glow),.45)}.card,.output,.faq,.search-results{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.prose .card,.tool-inputs{background:var(--glass-bg-strong)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.card,.output,.tool-card,.faq,.search-results,.topbar,.sidebar{background:var(--bg-elevated)}}.card{border-radius:var(--radius);padding:1.1rem}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(252px,1fr));gap:.85rem}.tool-card{display:block;position:relative;border-radius:var(--radius);padding:.95rem 1rem;color:var(--text);overflow:hidden;isolation:isolate;transition:transform var(--base) var(--ease-glass),border-color var(--base) var(--ease-glass),box-shadow var(--base) var(--ease-glass)}.tool-card:before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background:radial-gradient(120% 100% at 0% 0%,rgba(var(--glow),.16),transparent 60%);transition:opacity var(--base) var(--ease-glass)}.tool-card:hover,.tool-card:focus-visible{text-decoration:none;transform:translateY(-3px);border-color:rgba(var(--glow),.55);box-shadow:inset 0 1px 0 0 var(--glass-highlight),0 18px 40px -20px rgba(var(--glow),.55),0 4px 14px -8px #10142840}.tool-card:hover:before,.tool-card:focus-visible:before{opacity:1}.tool-card h2,.tool-card h3{margin:0 0 .3rem;font-size:.98rem;font-weight:640;letter-spacing:-.012em}.tool-card p{margin:0;font-size:.865rem;color:var(--text-muted);line-height:1.5}.chip{display:inline-flex;align-items:center;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-pill);padding:.15rem .55rem;margin-bottom:.45rem}.cat-nav{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.25rem}.cat-nav a{display:inline-flex;align-items:center;min-height:36px;padding:.25rem .8rem;border:1px solid var(--glass-border);border-radius:var(--radius-pill);background:var(--glass-bg);color:var(--text-muted);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:inset 0 1px 0 0 var(--glass-highlight);font-size:.84rem;font-weight:500;transition:color var(--base) var(--ease-glass),border-color var(--base) var(--ease-glass),transform var(--base) var(--ease-glass),box-shadow var(--base) var(--ease-glass)}.cat-nav a:hover{color:var(--accent);border-color:rgba(var(--glow),.5);transform:translateY(-2px);box-shadow:inset 0 1px 0 0 var(--glass-highlight),0 10px 22px -14px rgba(var(--glow),.9);text-decoration:none}.hero{padding:.5rem 0 1.75rem;position:relative}.hero h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:.75rem;letter-spacing:-.035em}.hero h1 .grad{background:linear-gradient(93deg,var(--accent),#d946ef,var(--accent));background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:text-flow 9s linear infinite}@keyframes text-flow{to{background-position:220% 0}}@media(prefers-reduced-motion:reduce){.hero h1 .grad{animation:none}}.hero p{color:var(--text-muted);font-size:1.02rem;max-width:62ch}.badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--text-muted);border:1px solid var(--glass-border);border-radius:var(--radius-pill);padding:.25rem .75rem;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:inset 0 1px 0 0 var(--glass-highlight)}.badge svg{width:14px;height:14px;color:var(--ok)}.section{margin-top:2.25rem;scroll-margin-top:5rem}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.85rem;padding-bottom:.6rem;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(var(--glow),.45),transparent 70%) 1}.section-head p{margin:0;font-size:.86rem;color:var(--text-muted)}.field{margin-bottom:.95rem}.field:last-child{margin-bottom:0}.field[hidden]{display:none}.field-label{display:block;font-size:.82rem;font-weight:600;margin-bottom:.35rem;color:var(--text)}.field-help{font-size:.78rem;color:var(--text-muted);margin:.35rem 0 0;line-height:1.45}.field-actions{display:flex;gap:.5rem;flex-wrap:wrap}.input{width:100%;min-height:var(--tap);padding:.55rem .7rem;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:var(--radius-sm);font:inherit;font-size:.92rem;transition:border-color var(--fast)}.input::placeholder{color:var(--text-muted);opacity:.85}.input:hover{border-color:var(--border-strong)}.input:focus-visible{box-shadow:0 0 0 4px rgba(var(--glow),.16)}textarea.input{resize:vertical;line-height:1.55;min-height:5rem}.input.mono{font-family:var(--mono);font-size:.86rem}.input[readonly]{background:var(--bg-sunken)}.input-color{padding:.25rem;height:var(--tap);cursor:pointer}select.input{cursor:pointer}input[type=file].input{padding:.55rem;cursor:pointer}.switch{display:inline-flex;align-items:center;min-height:var(--tap);cursor:pointer}.switch input{position:absolute;opacity:0;width:0;height:0}.switch-track{width:44px;height:26px;border-radius:var(--radius-pill);background:var(--border-strong);position:relative;transition:background var(--fast) var(--ease-out)}.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000004d;transition:transform var(--fast) var(--ease-out)}.switch input:checked+.switch-track{background:var(--accent)}.switch input:checked+.switch-track:after{transform:translate(18px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--focus);outline-offset:2px}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:var(--tap);padding:.5rem 1rem;border-radius:var(--radius-sm);border:1px solid transparent;background:linear-gradient(93deg,var(--accent),color-mix(in srgb,#d946ef 55%,var(--accent)));color:var(--accent-text);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;overflow:hidden;box-shadow:inset 0 1px #ffffff38,0 10px 26px -14px rgba(var(--glow),.95);transition:transform var(--base) var(--ease-glass),box-shadow var(--base) var(--ease-glass),filter var(--fast)}.btn:hover{text-decoration:none;filter:brightness(1.06);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff47,0 16px 32px -14px rgba(var(--glow),1)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{background:var(--glass-bg);color:var(--text);border-color:var(--border-strong);box-shadow:inset 0 1px 0 0 var(--glass-highlight)}.btn-ghost:hover{background:var(--bg-sunken);color:var(--text);filter:none}.icon-btn{background:transparent;border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);width:var(--tap);height:var(--tap);display:grid;place-items:center;cursor:pointer;transition:color var(--fast),border-color var(--fast),background var(--fast)}.icon-btn:hover{color:var(--text);border-color:var(--border-strong);background:var(--bg-sunken)}.icon-btn[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.copy-btn{display:inline-flex;align-items:center;gap:.3rem;min-height:34px;padding:.3rem .65rem;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);border-radius:var(--radius-sm);font:inherit;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:color var(--fast),border-color var(--fast),background var(--fast)}.copy-btn:hover{color:var(--text);border-color:var(--border-strong)}.copy-btn.is-copied{color:var(--ok);border-color:var(--ok);background:var(--ok-soft)}.copy-inline{margin-left:.75rem;flex:none}.results{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.results[aria-busy=true]{opacity:.55;transition:opacity var(--base)}.output{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.95rem 1rem}.output-label{font-size:.76rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:.55rem;font-weight:700}.out-body{position:relative}.out-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.out-row .input{flex:1 1 12rem}.out-code{margin:0;padding:.8rem .9rem;background:var(--bg-sunken);border-radius:var(--radius-sm);overflow-x:auto;max-height:460px;overflow-y:auto;font-family:var(--mono);font-size:.84rem;line-height:1.6;white-space:pre;tab-size:2}.out-body>.copy-btn{position:absolute;top:.45rem;right:.45rem}.out-table{width:100%;border-collapse:collapse;font-size:.88rem}.out-table th{text-align:left;font-weight:600;color:var(--text-muted);padding:.45rem .85rem .45rem 0;vertical-align:top;width:1%;white-space:nowrap}.out-table td{padding:.45rem 0;word-break:break-word}.out-table .cell{display:flex;align-items:center;gap:1rem;justify-content:space-between}.out-table .cell>.mono{min-width:0;word-break:break-word}.out-table .cell>.copy-btn{flex:none}.out-table tr+tr th,.out-table tr+tr td{border-top:1px solid var(--border)}.out-list{margin:0;padding-left:1.2rem;max-height:420px;overflow-y:auto}.out-list li{padding:.1rem 0}.out-image{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.out-image img{max-width:100%;height:auto;border-radius:var(--radius-sm);background:#fff}.out-note{margin:0;color:var(--text-muted);font-size:.88rem;line-height:1.55}.out-html{line-height:1.6;overflow-x:auto}.out-html :first-child{margin-top:0}.out-html pre{background:var(--bg-sunken);padding:.75rem;border-radius:var(--radius-sm);overflow-x:auto}.out-html img{max-width:100%;height:auto}.out-html table{border-collapse:collapse}.out-html td,.out-html th{border:1px solid var(--border);padding:.35rem .65rem}.error-box{display:flex;gap:.55rem;align-items:flex-start;border:1px solid var(--danger);background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-sm);padding:.7rem .9rem;font-size:.87rem;margin-top:1rem;white-space:pre-wrap}.error-box svg{width:18px;height:18px;flex:none;margin-top:2px}.error-box[hidden]{display:none}.empty-state{display:flex;gap:.6rem;align-items:flex-start;color:var(--text-muted);font-size:.9rem}.empty-state svg{width:18px;height:18px;flex:none;margin-top:2px;opacity:.7}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-sunken) 25%,var(--border) 37%,var(--bg-sunken) 63%);background-size:400% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.ins{background:var(--ok-soft);color:var(--ok);border-radius:3px}.del{background:var(--danger-soft);color:var(--danger);border-radius:3px;text-decoration:line-through}.tool-head{margin-bottom:1.75rem}.tool-head-row{display:flex;align-items:flex-start;gap:1rem;justify-content:space-between}.tool-head h1{font-size:clamp(1.6rem,3.2vw,2rem);margin-bottom:.5rem}.tool-head p{color:var(--text-muted);margin:0;max-width:68ch;font-size:1.02rem;line-height:1.55}.breadcrumb{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--accent)}.fav-btn svg{fill:none}.fav-btn[aria-pressed=true] svg{fill:currentColor}.related{margin-top:2.5rem}.prose{max-width:72ch}.prose h2{margin-top:1.75rem}.prose ul{padding-left:1.2rem}.prose li{margin-bottom:.4rem}.prose code{font-family:var(--mono);font-size:.86em;background:var(--bg-sunken);padding:.1rem .35rem;border-radius:5px}.faq{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);margin-bottom:.6rem}.faq summary{cursor:pointer;padding:.75rem .95rem;font-weight:600;font-size:.95rem;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:var(--tap)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";width:9px;height:9px;flex:none;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:rotate(45deg) translate(-2px,-2px);transition:transform var(--fast) var(--ease-out)}.faq[open] summary:after{transform:rotate(-135deg) translate(-2px,-2px)}.faq summary:hover{color:var(--accent)}.faq p{margin:0;padding:0 .95rem .9rem;color:var(--text-muted)}.cheat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:.85rem}.cheat-card h2{margin-bottom:.6rem;font-size:.98rem}.cheat-row{display:flex;gap:.75rem;align-items:flex-start;padding:.35rem 0;border-top:1px solid var(--border);font-size:.86rem}.cheat-row:first-of-type{border-top:0}.cheat-code{font-family:var(--mono);font-size:.82rem;background:var(--bg-sunken);color:var(--text);border:1px solid transparent;padding:.2rem .4rem;border-radius:5px;white-space:nowrap;cursor:pointer;text-align:left;flex:none;transition:border-color var(--fast),color var(--fast)}.cheat-code:hover{border-color:var(--accent);color:var(--accent)}.cheat-code.is-copied{border-color:var(--ok);color:var(--ok)}.cheat-row span{color:var(--text-muted)}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--tap),1fr));gap:.3rem;max-height:430px;overflow-y:auto}.emoji-cell{font-size:1.5rem;line-height:1;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);min-height:var(--tap);cursor:pointer;transition:background var(--fast),border-color var(--fast)}.emoji-cell:hover{background:var(--bg-sunken);border-color:var(--border)}.stopwatch{font-family:var(--mono);font-size:clamp(2.2rem,8vw,3.6rem);font-variant-numeric:tabular-nums;letter-spacing:-.02em}@media(max-width:900px){.sidebar{position:fixed;left:0;top:0;transform:translate(-100%);transition:transform var(--base) var(--ease-out);box-shadow:var(--shadow-lg);z-index:var(--z-drawer)}body.nav-open .sidebar{transform:none}body.nav-open{overflow:hidden}.nav-overlay{position:fixed;inset:0;background:#00000080;z-index:var(--z-overlay);border:0;padding:0;cursor:pointer}.menu-btn{display:grid}.content{padding:1.25rem 1rem 4rem}.topbar{padding:.55rem 1rem}.kbd{display:none}.tool-head-row{flex-direction:column}}@media(min-width:720px){.tool-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem}.tool-inputs>.field{grid-column:1 / -1}.tool-inputs>.field-half{grid-column:span 1}}@media print{.sidebar,.topbar,.footer,.copy-btn,.skip-link{display:none!important}.content{max-width:none}}