/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.block{display:block}.hidden{display:none}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}.workspace-tabs{z-index:70;border-bottom:1px solid var(--border-subtle);background:var(--sidebar-bg);align-items:center;gap:.5rem;min-height:3.1rem;padding:.48rem 1.75rem .42rem;display:flex;position:fixed;top:0;left:17rem;right:0}@supports (color:color-mix(in lab,red,red)){.workspace-tabs{background:color-mix(in srgb,var(--sidebar-bg) 94%,transparent)}}.workspace-tabs{-webkit-backdrop-filter:blur(18px)saturate(1.15);backdrop-filter:blur(18px)saturate(1.15);box-shadow:0 6px 18px #00000024}.main__content{padding-top:3.8rem}.workspace-tabs__list{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex:1;align-items:flex-end;gap:.25rem;min-width:0;min-height:2.2rem;display:flex;overflow:auto hidden}.workspace-tabs__list::-webkit-scrollbar{height:.35rem}.workspace-tabs__list::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:var(--border-strong)}.workspace-tabs__empty{min-height:2rem;color:var(--text-tertiary);white-space:nowrap;align-items:center;gap:.45rem;padding:0 .65rem;font-size:.82rem;display:inline-flex}.workspace-tab{border:1px solid #0000;border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--bg-subtle);flex:none;grid-template-columns:minmax(0,1fr) 1.7rem;align-items:center;min-width:9.5rem;max-width:16rem;height:2.18rem;display:inline-grid;position:relative}@supports (color:color-mix(in lab,red,red)){.workspace-tab{background:color-mix(in srgb,var(--bg-subtle) 68%,transparent)}}.workspace-tab{color:var(--text-secondary);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.workspace-tab:hover{border-color:var(--border-default);background:var(--bg-muted)}@supports (color:color-mix(in lab,red,red)){.workspace-tab:hover{background:color-mix(in srgb,var(--bg-muted) 78%,transparent)}}.workspace-tab--active,.workspace-tab:hover{color:var(--text-primary)}.workspace-tab--active{border-color:var(--border-default);background:var(--bg-subtle);border-bottom-color:#0000}.workspace-tab--active:before{content:"";border-radius:var(--radius-full);background:var(--accent-primary);height:2px;position:absolute;top:-1px;left:.55rem;right:.55rem}.workspace-tab__close,.workspace-tab__select,.workspace-tabs__menu-trigger{height:100%;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.workspace-tab__select{justify-content:flex-start;gap:.45rem;min-width:0;padding:0 .65rem;font-size:.82rem;font-weight:500}.workspace-tab__select svg{width:.88rem;height:.88rem;color:var(--text-tertiary);flex:none}.workspace-tab--active .workspace-tab__select svg,.workspace-tab:hover .workspace-tab__select svg{color:var(--accent-primary)}.workspace-tab__select span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-tab__close{border-radius:var(--radius-sm);width:1.7rem;min-width:1.7rem;min-height:1.7rem;color:var(--text-tertiary);opacity:.72;line-height:1;overflow:visible}.workspace-tab__close svg{width:.86rem;height:.86rem;color:var(--text-secondary);stroke:currentColor;pointer-events:none;flex-shrink:0;display:block}.workspace-tab__close:hover{background:var(--accent-danger)}@supports (color:color-mix(in lab,red,red)){.workspace-tab__close:hover{background:color-mix(in srgb,var(--accent-danger) 12%,transparent)}}.workspace-tab__close:hover{color:var(--accent-danger);opacity:1;box-shadow:none;transform:none}.workspace-tab__close:hover svg{color:var(--accent-danger)}.workspace-tab--active .workspace-tab__close{opacity:1}.workspace-tabs__menu-trigger{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle);flex:none;width:2.1rem;height:2.1rem}@supports (color:color-mix(in lab,red,red)){.workspace-tabs__menu-trigger{background:color-mix(in srgb,var(--bg-subtle) 86%,transparent)}}.workspace-tabs__menu-trigger{color:var(--text-secondary)}.workspace-tabs__menu-trigger:hover{border-color:var(--border-default);background:var(--bg-muted);color:var(--text-primary);box-shadow:none;transform:none}.workspace-tabs__page[hidden]{display:none!important}.workspace-tab-menu{z-index:120;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-subtle);width:12rem;box-shadow:var(--shadow-md);padding:.35rem;display:grid;position:fixed}.workspace-tab-menu button{border-radius:var(--radius-sm);min-height:2rem;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:flex-start;align-items:center;padding:0 .65rem;font-size:.82rem;display:flex}.workspace-tab-menu button:focus-visible,.workspace-tab-menu button:hover{background:var(--sidebar-link-hover);color:var(--text-primary);box-shadow:none;transform:none}.workspace-tab-menu button:disabled{cursor:not-allowed;opacity:var(--button-disabled-opacity)}.workspace-tab-menu button:disabled:hover{color:var(--text-secondary);background:0 0}.workspace-tab-menu__danger{color:var(--accent-danger)!important}@media (max-width:1080px){.workspace-tabs{top:var(--mobile-topbar-height);min-height:2.9rem;padding:.38rem .85rem;left:0;right:0}.main__content{padding-top:3.35rem}}@media (max-width:720px){.workspace-tabs{gap:.35rem;min-height:2.8rem;padding:.35rem .6rem}.main__content{padding-top:3.1rem}.workspace-tab{min-width:8.75rem;max-width:12rem}.workspace-tab__select{padding:0 .55rem}}:root{color-scheme:dark;--bg-base:#080f19;--bg-subtle:#0d1824;--bg-muted:#12202f;--bg-emphasis:#182d42;--bg-inset:#060c14;--text-primary:#e8eff7;--text-secondary:#8b9fb7;--text-tertiary:#546a82;--border-default:#86a2c41f;--border-subtle:#86a2c40f;--border-strong:#86a2c438;--accent-primary:#5eead4;--accent-primary-dim:#5eead41a;--accent-secondary:#38bdf8;--accent-secondary-dim:#38bdf814;--accent-danger:#f43f5e;--accent-warning:#fbbf24;--accent-success:#34d399;--runtime-simple:#5eead4;--runtime-worker:#38bdf8;--runtime-wasm:#c084fc;--runtime-ai:#f472b6;--runtime-sandbox:#fb923c;--runtime-realtime:#facc15;--card-bg:#0d1826c7;--card-border:#86a2c417;--card-hover-bg:#101e2eeb;--card-hover-border:#5eead438;--card-shadow:0 4px 16px #0000001f;--card-hover-shadow:0 8px 32px #00000038;--glass-bg:#0a131eb8;--glass-border:#86a2c412;--sidebar-bg:#060c14f5;--sidebar-link-hover:#0d1826bf;--sidebar-link-active:#5eead412;--input-bg:#060e16d1;--input-border:#86a2c424;--input-focus-ring:#5eead452;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 8px 24px #00000029;--shadow-lg:0 16px 48px #00000042;--shadow-glow:0 0 24px #5eead40f;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--ease-out:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-full:9999px;--mobile-topbar-height:3.55rem;--input-bg-disabled:#060e1673;--input-border-disabled:#86a2c414;--input-readonly-bg:#0d182673;--input-readonly-border:#86a2c40f;--range-track-bg:var(--bg-muted);--range-thumb-bg:var(--accent-primary);--range-thumb-border:var(--bg-base);--range-thumb-shadow:0 0 0 3px var(--accent-primary-dim);--color-input-swatch-size:2.5rem;--file-input-bg:var(--bg-muted);--file-input-border:1px dashed var(--border-default);--file-input-border-hover:var(--border-strong);--button-disabled-opacity:.42;--button-disabled-bg:var(--bg-muted);--button-disabled-border:var(--border-subtle);--button-primary-color:var(--bg-base);--divider-color:var(--border-subtle)}[data-theme=light]{color-scheme:light;--bg-base:#f5f7fb;--bg-subtle:#fff;--bg-muted:#edf0f6;--bg-emphasis:#e0e5ee;--bg-inset:#f0f3f8;--text-primary:#1a2536;--text-secondary:#5b6d82;--text-tertiary:#8d9db0;--border-default:#00142814;--border-subtle:#0014280a;--border-strong:#00142824;--accent-primary:#0d9488;--accent-primary-dim:#0d948812;--accent-secondary:#0284c7;--accent-secondary-dim:#0284c712;--accent-danger:#e11d48;--accent-warning:#d97706;--accent-success:#059669;--runtime-simple:#0d9488;--runtime-worker:#0284c7;--runtime-wasm:#7c3aed;--runtime-ai:#db2777;--runtime-sandbox:#ea580c;--runtime-realtime:#ca8a04;--card-bg:#ffffffeb;--card-border:#00142814;--card-hover-bg:#fff;--card-hover-border:#0d948840;--card-shadow:0 1px 6px #0000000a,0 0 0 1px #00142808;--card-hover-shadow:0 6px 20px #00000012;--glass-bg:#ffffffe0;--glass-border:#00142814;--sidebar-bg:#fffffffa;--sidebar-link-hover:#f0f3f8e6;--sidebar-link-active:#0d948814;--input-bg:#f5f7fbeb;--input-border:#0014281a;--input-focus-ring:#0d948838;--shadow-sm:0 1px 4px #0000000a;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 12px 36px #00000014;--shadow-glow:0 0 32px #0d94880f;--input-bg-disabled:#edf0f680;--input-border-disabled:#0014280d;--input-readonly-bg:#f0f3f8b3;--input-readonly-border:#0014280f;--range-thumb-shadow:0 0 0 3px #0d948824;--button-disabled-opacity:.45;--button-disabled-bg:var(--bg-muted);--button-disabled-border:var(--border-subtle)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse{50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 8px #5eead400}50%{box-shadow:0 0 16px #5eead414}}*,:after,:before{box-sizing:border-box}html{color-scheme:dark}[data-theme=light] html{color-scheme:light}body{min-height:100vh;color:var(--text-primary);font-family:var(--font-sans),var(--font-cjk),sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}:root body{background:radial-gradient(ellipse 80% 50% at 20% -10%,#38bdf81a,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 0,#5eead40d,transparent 40%),var(--bg-base)}[data-theme=light] body{background:radial-gradient(ellipse 80% 50% at 30% -10%,#0284c70a,transparent 50%),radial-gradient(ellipse 60% 40% at 70% 0,#0d948808,transparent 40%),var(--bg-base)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}::selection{background:var(--accent-primary-dim);color:var(--accent-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.detail-card,.empty-state,.hero,.pill,.search-surface,.sidebar,.site-footer,.stat-card,.tag,.tool-card,.tool-panel,.topbar{transition:background-color var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.app-shell{grid-template-columns:17rem 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border-subtle);background:var(--sidebar-bg);-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);flex-direction:column;height:100vh;padding:1.25rem 1rem;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar__brand{border-bottom:1px solid var(--border-subtle);gap:.4rem;margin-bottom:1.75rem;padding-bottom:1.25rem;display:grid}.sidebar__brand strong{letter-spacing:.03em;font-size:1.05rem;font-weight:600}.sidebar__brand p{color:var(--text-tertiary);font-size:.82rem;line-height:1.5}.empty-state p,.eyebrow,.section-header p,.sidebar__brand p,.sidebar__footer p,.tool-card p,.tool-field span,.tool-meta,.tool-panel__header p,.topbar__subtext{color:var(--text-secondary)}.sidebar nav,.sidebar__footer,.sidebar__section{gap:.3rem;display:grid}.sidebar__section+.sidebar__section{border-top:1px solid var(--border-subtle);margin-top:.5rem;padding-top:.75rem}.sidebar__footer{border-top:1px solid var(--border-subtle);margin-top:auto;padding-top:1rem}.sidebar__footer p{font-size:.78rem;line-height:1.6}.sidebar__link{border-radius:var(--radius-md);color:var(--text-secondary);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);align-items:center;gap:.6rem;padding:.55rem .7rem;font-size:.88rem;display:flex}.sidebar__link-icon{opacity:.5;width:18px;height:18px;transition:opacity var(--duration-fast) var(--ease-out);flex-shrink:0}.sidebar__link:hover .sidebar__link-icon{opacity:.8}.sidebar__link:hover{background:var(--sidebar-link-hover);color:var(--text-primary)}.sidebar__link-count{color:var(--text-tertiary);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.78rem}.sidebar__link:hover .sidebar__link-count{color:var(--text-secondary)}.main{flex-direction:column;min-height:100vh;padding:1.5rem 1.75rem;display:flex;overflow-x:hidden}.main__content{flex:1 0 auto;min-width:0}.topbar{border:1px solid var(--glass-border);border-radius:var(--radius-2xl);background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(1.1);backdrop-filter:blur(24px)saturate(1.1);animation:fadeIn var(--duration-slow) var(--ease-out) both;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.topbar__title{gap:.2rem;min-width:0;display:grid}.topbar__title h1{letter-spacing:-.01em;margin:0;font-size:clamp(1.2rem,2vw,1.8rem);font-weight:700}.topbar__subtext{font-size:.84rem}.topbar__actions{flex-shrink:0;gap:.6rem;display:flex}.hero{border-radius:var(--radius-2xl);background:linear-gradient(135deg,var(--card-bg),#081019f2),radial-gradient(circle at top left,var(--accent-secondary-dim),transparent 30%);box-shadow:var(--shadow-lg),var(--shadow-glow);animation:fadeIn var(--duration-slow) var(--ease-out) both;border:1px solid #5eead41f;padding:1.75rem;animation-delay:.1s}[data-theme=light] .hero{background:linear-gradient(135deg,var(--card-bg),#fffffff2),radial-gradient(circle at top left,var(--accent-secondary-dim),transparent 30%);border-color:#0d94881f}.hero h2,.section-header h2,.tool-page__headline h2,.tool-panel__header h2{letter-spacing:-.02em;margin:0;font-size:clamp(1.35rem,2vw,2.2rem);font-weight:700}.hero p{max-width:52rem;color:var(--text-secondary);font-size:.95rem;line-height:1.75}.card-grid,.hero__stats,.tool-results,.tool-toolbar{gap:.75rem;display:grid}.hero__stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.25rem}.detail-card,.empty-state,.search-surface,.stat-card,.tool-card,.tool-panel{border-radius:var(--radius-xl);border:1px solid var(--card-border);background:var(--card-bg);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.25rem}.stat-card strong,.tool-meta strong{letter-spacing:-.02em;color:var(--accent-primary);font-size:1.6rem;font-weight:700;display:block}.stat-card span{color:var(--text-tertiary);font-size:.82rem}.content-stack{gap:1.5rem;margin-top:1.25rem;display:grid}.content-grid{grid-template-columns:minmax(0,1fr) minmax(18rem,.85fr);gap:1.25rem;display:grid}.section-header{justify-content:space-between;align-items:end;gap:1rem;display:flex}.detail-card h3,.section-header h2,.tool-card h3,.tool-panel__header h2{margin:0 0 .15rem;font-weight:600}.card-grid{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));align-items:stretch;margin-top:.75rem}.tool-card{min-height:14.75rem;transition:transform var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out);flex-direction:column;gap:.65rem;padding:1.25rem;display:flex}.tool-card:hover{border-color:var(--card-hover-border);box-shadow:var(--card-hover-shadow),var(--shadow-glow);background:var(--card-hover-bg);transform:translateY(-2px)}.tool-card__header,.tool-page__headline,.tool-panel__header{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.tool-page__headline-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:flex-start;gap:.45rem;display:flex}.tool-card__header .eyebrow{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.tool-card__runtime{align-self:flex-start;width:fit-content}.favorite-button{border-color:var(--border-subtle);background:var(--bg-subtle);width:2rem;min-width:2rem;height:2rem;padding:0}@supports (color:color-mix(in lab,red,red)){.favorite-button{background:color-mix(in srgb,var(--bg-subtle) 84%,transparent)}}.favorite-button{color:var(--text-tertiary)}.favorite-button svg{flex-shrink:0}.favorite-button:focus-visible,.favorite-button:hover{color:#facc15;background:#facc151f;border-color:#facc1573;transform:none}.favorite-button--active{color:#f59e0b;background:#facc1524;border-color:#facc1573}.favorite-button--label{width:auto;min-width:0;padding:.5rem .75rem}.favorite-button--label span{text-overflow:ellipsis;min-width:0;overflow:hidden}.tool-card h3{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:1.05rem;display:-webkit-box;overflow:hidden}.tool-card p{font-size:.88rem;line-height:1.55}.tool-card__description{-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:4.1rem;display:-webkit-box;overflow:hidden}.tool-card .tag-list{min-height:2rem;overflow:hidden}.tool-card .tag{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.tool-card>.button-link{width:100%;margin-top:auto}.common-tools__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.55rem;display:flex}.tool-card__usage{color:var(--text-tertiary);margin-top:auto;font-size:.76rem}.tool-card__actions{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;display:grid}.tool-card__actions .button-link,.tool-card__actions button{min-width:0;overflow:hidden}.tool-card__actions--pinned{margin-top:auto}.category-card__icon svg{flex-shrink:0}.detail-card{transition:transform var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out);gap:.35rem;display:grid}a.detail-card:hover{border-color:var(--card-hover-border);box-shadow:var(--card-hover-shadow);background:var(--card-hover-bg);transform:translateY(-2px)}.detail-card h3{font-size:1rem}.detail-card p{color:var(--text-secondary);font-size:.84rem;line-height:1.5}.detail-card__icon{border-radius:var(--radius-md);width:28px;height:28px;justify-content:center;margin-bottom:.25rem;font-size:.85rem;display:flex}.detail-card__icon,.pill{background:var(--accent-primary-dim);color:var(--accent-primary);align-items:center}.pill{border-radius:var(--radius-full);letter-spacing:.02em;gap:.35rem;padding:.25rem .65rem;font-size:.78rem;font-weight:500;display:inline-flex}.pill--runtime{font-variant-numeric:tabular-nums}.pill--runtime[data-runtime=simple]{color:var(--runtime-simple);background:#5eead41a}.pill--runtime[data-runtime=worker]{color:var(--runtime-worker);background:#38bdf81a}.pill--runtime[data-runtime=wasm]{color:var(--runtime-wasm);background:#c084fc1a}.pill--runtime[data-runtime=ai]{color:var(--runtime-ai);background:#f472b61a}.pill--runtime[data-runtime=sandbox]{color:var(--runtime-sandbox);background:#fb923c1a}.pill--runtime[data-runtime=realtime]{color:var(--runtime-realtime);background:#facc151a}[data-theme=light] .pill--runtime[data-runtime=simple]{background:#0d948814}[data-theme=light] .pill--runtime[data-runtime=worker]{background:#0284c714}[data-theme=light] .pill--runtime[data-runtime=wasm]{background:#7c3aed14}[data-theme=light] .pill--runtime[data-runtime=ai]{background:#db277714}[data-theme=light] .pill--runtime[data-runtime=sandbox]{background:#ea580c14}[data-theme=light] .pill--runtime[data-runtime=realtime]{background:#ca8a0414}.tag-list{flex-wrap:wrap;gap:.4rem;display:flex}.tag{border-radius:var(--radius-full);background:var(--bg-muted);border:1px solid var(--border-subtle);color:var(--text-tertiary);padding:.2rem .55rem;font-size:.76rem;display:inline-flex}.tag--more{color:var(--text-secondary);font-variant-numeric:tabular-nums}.search-surface{gap:1rem;display:grid}.search-row{grid-template-columns:minmax(0,1fr) auto;gap:.6rem;display:grid}.search-row input,.tool-field input,.tool-field select,.tool-field textarea{border:1px solid var(--input-border);border-radius:var(--radius-lg);background:var(--input-bg);width:100%;color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.search-row input:focus,.tool-field input:focus,.tool-field select:focus,.tool-field textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--input-focus-ring);outline:none}.search-row input,.tool-field input,.tool-field select{padding:.75rem 1rem}.tool-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' stroke='%238b9fb7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;padding-right:2.2rem}[data-theme=light] .tool-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' stroke='%235b6d82' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.search-row input::placeholder,.tool-field input::placeholder,.tool-field textarea::placeholder{color:var(--text-tertiary)}.tool-field{gap:.5rem;display:grid}.tool-field textarea{resize:vertical;min-height:14rem;font-family:var(--font-mono),monospace;padding:.85rem 1rem;font-size:.88rem;line-height:1.6}.tool-field input[type=range]{appearance:none;border-radius:var(--radius-full);background:var(--range-track-bg);cursor:pointer;outline-offset:4px;border:none;width:100%;height:6px;padding:0}.tool-field input[type=range]::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-full);background:var(--range-thumb-bg);border:2px solid var(--range-thumb-border);width:18px;height:18px;box-shadow:var(--range-thumb-shadow);cursor:grab;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.tool-field input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.tool-field input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.05)}.tool-field input[type=range]::-moz-range-thumb{border-radius:var(--radius-full);background:var(--range-thumb-bg);border:2px solid var(--range-thumb-border);width:18px;height:18px;box-shadow:var(--range-thumb-shadow);cursor:grab}.tool-field input[type=range]:focus{box-shadow:none;border:none}.tool-field input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:var(--range-thumb-shadow),0 0 0 2px var(--accent-primary)}.tool-field input[type=color]{width:100%;height:var(--color-input-swatch-size);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--input-bg);cursor:pointer;padding:.3rem}.tool-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.tool-field input[type=color]::-webkit-color-swatch{border-radius:calc(var(--radius-md) - 4px);border:none}.tool-field input[type=color]::-moz-color-swatch{border-radius:calc(var(--radius-md) - 4px);border:none}.tool-field input[type=color]:hover{border-color:var(--border-strong)}.tool-field input[type=file]{border:var(--file-input-border);border-radius:var(--radius-lg);background:var(--file-input-bg);width:100%;color:var(--text-secondary);cursor:pointer;padding:.55rem .75rem;font-size:.84rem}.tool-field input[type=file]:hover{border-color:var(--file-input-border-hover)}.tool-field input[type=file]::file-selector-button{border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--text-primary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);margin-right:.75rem;padding:.35rem .75rem;font-size:.82rem;font-weight:500}.tool-field input[type=file]::file-selector-button:hover{background:var(--bg-muted);border-color:var(--border-strong)}.tool-field input[type=number]{-moz-appearance:textfield;font-family:var(--font-mono),monospace;font-size:.88rem}.tool-field input[type=number]::-webkit-inner-spin-button,.tool-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tool-field textarea[readonly]{background:var(--input-readonly-bg);border-color:var(--input-readonly-border);color:var(--text-secondary);cursor:default;resize:none}.tool-field textarea[readonly]:focus{border-color:var(--border-default);box-shadow:none}.button-link,button{border:1px solid var(--border-default);background:var(--bg-subtle);color:var(--text-primary);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.85rem;font-weight:500;display:inline-flex}.button-link:hover,button:hover{border-color:var(--card-hover-border);box-shadow:var(--shadow-sm);background:var(--bg-muted);transform:translateY(-1px)}.button-link:active,button:active{transform:translateY(0)}.button-link:disabled,button:disabled{opacity:var(--button-disabled-opacity);background:var(--button-disabled-bg);border-color:var(--button-disabled-border);color:var(--text-tertiary);cursor:not-allowed;pointer-events:none;box-shadow:none;transform:none}button.button--primary{font-weight:600}button.button--primary,button.button--primary:hover{background:var(--accent-primary);color:var(--button-primary-color);border-color:#0000}button.button--primary:hover{filter:brightness(1.12)}button.button--primary:active{filter:brightness(.95)}button.button--danger{color:var(--accent-danger);background:#f43f5e1a;border-color:#f43f5e2e}button.button--danger:hover{background:var(--accent-danger);color:#fff;border-color:#0000}.button-link--accent{background:var(--accent-primary-dim);color:var(--accent-primary);border-color:#0000}.button-link--accent:hover{background:var(--accent-primary);color:var(--bg-base);border-color:#0000}.workspace{gap:.85rem;display:grid}.workspace--two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-page,.workspace--stack{gap:1rem;display:grid}.tool-toolbar{grid-template-columns:repeat(auto-fit,minmax(7.5rem,max-content));align-items:end}.tool-toolbar--grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem .75rem}.tool-field--compact{min-width:0}.detail-grid,.tool-results{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.6rem;display:grid}.detail-grid .detail-card{text-align:center;padding:.85rem 1rem}.detail-grid .detail-card h3{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:500}.detail-grid .detail-card p{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:600}.tool-panel--info{padding:1.15rem 1.25rem}.tool-page__headline-text{gap:.25rem;display:grid}.tool-page__headline-text h2{margin:0}.tool-page__desc{color:var(--text-secondary);max-width:52rem;margin:0;font-size:.92rem;line-height:1.65}.detail-grid--meta{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.6rem;margin-top:.75rem}.detail-card--meta{text-align:left;transition:transform var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out);padding:.55rem .75rem;position:relative;overflow:hidden}.detail-card--meta:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#5eead40a,#0000 60%);position:absolute;inset:0}.detail-card--meta:hover{border-color:var(--card-hover-border);box-shadow:var(--card-hover-shadow),var(--shadow-glow);transform:translateY(-1px)}.detail-card--meta dt{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .2rem;font-size:.72rem;font-weight:500}.detail-card--meta dd{color:var(--text-primary);margin:0;font-size:.9rem;font-weight:600;line-height:1.45}.detail-card__mono{word-break:break-all;background:var(--bg-inset);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:.3rem .55rem;font-family:SF Mono,Fira Code,Cascadia Code,monospace;color:var(--accent-secondary)!important;font-size:.82rem!important;font-weight:500!important}.detail-card__tags{flex-wrap:wrap;gap:.35rem;display:flex}.detail-card__tag{border-radius:var(--radius-full);background:var(--accent-primary-dim);color:var(--accent-primary);letter-spacing:.01em;align-items:center;padding:.15rem .5rem;font-size:.74rem;font-weight:500;line-height:1.4;display:inline-flex}.detail-card__tag--perm{color:var(--accent-secondary);background:#38bdf814}.detail-card__tag--none{background:var(--bg-muted);color:var(--text-tertiary);font-style:italic}.status-label{border-radius:var(--radius-full);letter-spacing:.01em;align-items:center;gap:.35rem;padding:.15rem .55rem;font-size:.78rem;font-weight:600;display:inline-flex}.status-label:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-label--on{color:var(--accent-success);background:#34d3991a}.status-label--on:before{background:var(--accent-success);box-shadow:0 0 6px var(--accent-success)}.status-label--off{background:var(--bg-muted);color:var(--text-tertiary)}.status-label--off:before{background:var(--text-tertiary)}.category-grid{grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));gap:.6rem;display:grid}.category-card{border-radius:var(--radius-xl);border:1px solid var(--card-border);background:var(--card-bg);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out);flex-direction:column;gap:.3rem;padding:1rem .9rem .85rem;text-decoration:none;display:flex;position:relative}a.category-card:hover{border-color:var(--card-hover-border);box-shadow:var(--card-hover-shadow);background:var(--card-hover-bg);transform:translateY(-2px)}.category-card__icon{border-radius:var(--radius-md);background:var(--accent-primary-dim);width:2rem;height:2rem;color:var(--accent-primary);letter-spacing:.03em;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:.35rem;font-size:.72rem;font-weight:700;display:flex}.category-card h3{color:var(--text-primary);margin:0;font-size:.92rem;font-weight:600;line-height:1.35}.category-card p{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0;font-size:.76rem;line-height:1.55;display:-webkit-box;overflow:hidden}.category-card__tooltip{border-radius:var(--radius-md);background:var(--card-bg);border:1px solid var(--card-hover-border);width:max-content;max-width:16rem;box-shadow:var(--card-hover-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text-secondary);white-space:normal;pointer-events:none;opacity:0;z-index:10;padding:.5rem .7rem;font-size:.78rem;line-height:1.5;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%)translateY(.25rem)}.category-card__tooltip:after{content:"";border:.35rem solid #0000;border-top:.35rem solid var(--card-hover-border);position:absolute;top:100%;left:50%;transform:translate(-50%)}a.category-card:hover .category-card__tooltip{opacity:1;transform:translate(-50%)translateY(0)}.category-card__count{color:var(--text-tertiary);background:var(--bg-muted);border-radius:var(--radius-full);font-variant-numeric:tabular-nums;padding:.1rem .45rem;font-size:.68rem;font-weight:600;position:absolute;top:.65rem;right:.65rem}.category-card{transition:background-color var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.tool-error{color:var(--accent-danger);border-radius:var(--radius-md);background:#f43f5e14;border:1px solid #f43f5e26;padding:.6rem .85rem;font-size:.88rem}.tool-note{color:var(--text-tertiary);margin:0;font-size:.84rem;line-height:1.6}.tool-panel--guide{gap:1rem;display:grid}.tool-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.detail-card--guide{text-align:left;padding:1rem}.detail-card--guide h3{color:var(--text-primary);margin:0 0 .65rem;font-size:.86rem}.detail-card--guide .compact-list{padding-left:1.25rem}.compact-list{color:var(--text-secondary);gap:.4rem;margin:0;padding-left:1.1rem;font-size:.88rem;line-height:1.6;display:grid}.tool-option-list{flex-wrap:wrap;gap:.55rem;display:flex}.tool-check{border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--text-secondary);align-items:center;gap:.45rem;padding:.5rem .7rem;font-size:.84rem;display:inline-flex}.tool-check input{accent-color:var(--accent-primary)}.case-grid{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.75rem;display:grid}.case-grid .detail-card{text-align:center}.case-grid .detail-card h3{color:var(--text-tertiary);font-size:.82rem}.tool-table{border:1px solid var(--card-border);border-radius:var(--radius-xl);background:var(--bg-inset);display:grid;overflow:auto}.tool-table__row{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);grid-template-columns:minmax(8rem,.7fr) minmax(0,1.3fr);gap:.75rem;padding:.7rem .85rem;font-size:.86rem;display:grid}.tool-table__row span{overflow-wrap:anywhere;min-width:0}.tool-table__row--head{color:var(--text-primary);background:var(--bg-muted);font-weight:600}.tool-table__row.unicode-table__row{grid-template-columns:minmax(4rem,.45fr) minmax(7rem,.65fr) minmax(0,1fr)}.tool-table__row.regex-match-table__row{grid-template-columns:minmax(3.5rem,.28fr) minmax(4rem,.32fr) minmax(0,1fr)}.tool-table__row.cookie-table__row{grid-template-columns:minmax(8rem,.55fr) minmax(10rem,.9fr) minmax(12rem,1.25fr)}.tool-table__row.finding-table__row{grid-template-columns:minmax(7rem,.5fr) minmax(5rem,.28fr) minmax(0,1.4fr)}.tool-table__row.request-cookie-table__row{grid-template-columns:minmax(8rem,.7fr) minmax(0,1.3fr)}.unicode-table .mono-output{margin:0;padding:.35rem .55rem}.shadow-preview,.visual-preview{border:1px solid var(--card-border);border-radius:var(--radius-xl);background:var(--bg-inset);min-height:12rem}.code-preview{place-items:center;padding:1rem;display:grid}.code-preview svg{width:min(100%,22rem);max-height:22rem}.shadow-preview{place-items:center;padding:2rem;display:grid}.shadow-preview>div{border-radius:var(--radius-xl);background:var(--card-bg);width:min(18rem,80%);min-height:8rem;color:var(--text-secondary);place-items:center;display:grid}.css-layout-preview{padding:1rem;overflow:auto}.css-flex-preview,.css-grid-preview{min-width:min(100%,32rem)}.css-layout-cell{border-radius:var(--radius-md);min-width:0;color:var(--text-primary);font-family:var(--font-mono),monospace;background:linear-gradient(135deg,#5eead424,#38bdf814);border:1px solid #5eead42e;place-items:center;font-size:.85rem;display:grid}.css-flex-preview{min-height:16rem}.css-flex-preview__item{min-height:4rem}.tailwind-preview-surface{border:1px solid var(--card-border);border-radius:var(--radius-xl);background:linear-gradient(45deg,#86a2c40f 25%,transparent 25%),linear-gradient(-45deg,#86a2c40f 25%,transparent 25%),var(--bg-inset);background-size:1.25rem 1.25rem;place-items:center;min-height:14rem;padding:1rem;display:grid;overflow:auto}.tailwind-preview-surface span,.tailwind-preview-surface strong{display:block}.tailwind-preview-surface span{opacity:.82;max-width:24rem;font-size:.86rem;line-height:1.55}.specificity-table{border:1px solid var(--card-border);border-radius:var(--radius-xl);background:var(--bg-inset);display:grid;overflow:auto}.specificity-table__row{border-bottom:1px solid var(--border-subtle);min-width:42rem;color:var(--text-secondary);grid-template-columns:minmax(16rem,1fr) repeat(4,minmax(4.5rem,.22fr));align-items:center;gap:.75rem;padding:.7rem .85rem;font-size:.84rem;display:grid}.specificity-table__row--head{color:var(--text-primary);background:var(--bg-muted);font-weight:600}.specificity-table code,.specificity-table strong,.type-scale-preview code{font-family:var(--font-mono),monospace}.specificity-table code{overflow-wrap:anywhere;color:var(--text-primary)}.specificity-table strong{color:var(--accent-primary)}.type-scale-preview{border:1px solid var(--card-border);border-radius:var(--radius-xl);background:var(--bg-inset);gap:.65rem;padding:1rem;display:grid}.type-scale-preview__row{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--card-bg);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;padding:.75rem;display:grid}.type-scale-preview__row strong{display:block}.type-scale-preview__row code{color:var(--text-tertiary);font-size:.82rem}.media-audio-preview,.media-preview{border:1px solid var(--card-border);border-radius:var(--radius-lg);background:var(--bg-inset);width:100%;max-height:22rem}.media-preview{object-fit:contain}.media-audio-preview{padding:.75rem}.chat-transcript{border:1px solid var(--card-border);border-radius:var(--radius-xl);background:var(--bg-inset);align-content:start;gap:.75rem;max-height:38rem;padding:1rem;display:grid;overflow:auto}.chat-message{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--card-bg);gap:.35rem;max-width:88%;padding:.85rem;display:grid}.chat-message p{color:var(--text-secondary);white-space:pre-wrap;margin:0;line-height:1.6}.chat-message--user{background:var(--accent-primary-dim);border-color:#5eead433;justify-self:end}.chat-message--assistant{justify-self:start}.chat-message--system{justify-self:center;max-width:100%}.mono-output{overflow-wrap:anywhere;font-family:var(--font-mono),monospace;border-radius:var(--radius-md);background:var(--bg-inset);color:var(--text-secondary);border:1px solid var(--border-subtle);padding:.6rem .85rem;font-size:.88rem;line-height:1.6}.tool-result{animation:fadeSlideUp var(--duration-normal) var(--ease-out) both}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tool-toolbar button{transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.tool-toolbar,.tool-toolbar--grid{row-gap:.5rem}.tool-table{position:relative}.tool-table:after{content:"";background:linear-gradient(to right,transparent,var(--bg-inset));pointer-events:none;opacity:0;width:1.5rem;transition:opacity var(--duration-fast) var(--ease-out);position:absolute;top:0;bottom:0;right:0}.tool-table:not(:hover):after{opacity:1}@media (max-width:900px){.workspace--two-column{grid-template-columns:1fr}}.param-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:.55rem;display:grid}.param-row input{border:1px solid var(--input-border);border-radius:var(--radius-lg);background:var(--input-bg);width:100%;color:var(--text-primary);padding:.75rem 1rem}.diff-view{border:1px solid var(--card-border);border-radius:var(--radius-xl);background:var(--bg-inset);font-family:var(--font-mono),monospace;font-size:.84rem;display:grid;overflow:auto}.diff-line{border-bottom:1px solid var(--border-subtle);grid-template-columns:2rem minmax(0,1fr);gap:.35rem;padding:.35rem .7rem;display:grid}.diff-line span{color:var(--text-tertiary)}.diff-line code{overflow-wrap:anywhere;color:var(--text-secondary)}.diff-line--added{background:#34d39914}.diff-line--removed{background:#f43f5e14}.palette-grid{border-radius:var(--radius-xl);border:1px solid var(--card-border);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));display:grid;overflow:hidden}.palette-swatch{color:#081018;text-align:left;border:0;border-radius:0;justify-content:start;align-items:end;min-height:7rem;padding:.75rem;display:grid}.palette-swatch:hover{transform:none}.palette-swatch span,.palette-swatch strong{color:#081018d1;display:block}.palette-swatch span{font-size:.76rem}.palette-swatch strong{font-family:var(--font-mono),monospace;font-size:.82rem}.clamp-preview strong{line-height:1.1;display:block}.sandbox-frame{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-inset);width:100%;min-height:22rem}.color-preview{color:#081018}.color-preview p{color:#081018c7}.markdown-preview{align-content:start;min-height:14rem;line-height:1.7;overflow:auto}.markdown-preview blockquote,.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview p,.markdown-preview pre,.markdown-preview ul{margin:0}.markdown-preview h1{font-size:1.45rem}.markdown-preview h2{font-size:1.2rem}.markdown-preview h3{font-size:1.05rem}.markdown-preview a{color:var(--accent-primary)}.markdown-preview blockquote{border-left:2px solid var(--accent-primary);color:var(--text-secondary);padding-left:.85rem}.markdown-preview code{border-radius:var(--radius-sm);background:var(--bg-inset);color:var(--accent-primary);font-family:var(--font-mono),monospace;padding:.1rem .3rem;font-size:.86em}.markdown-preview pre{border-radius:var(--radius-lg);background:var(--bg-inset);padding:.85rem;overflow:auto}.markdown-preview pre code{color:var(--text-primary);background:0 0;padding:0;display:block}.asset-preview-grid,.font-scale-list{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:.85rem;display:grid}.contrast-preview,.easing-runner,.favicon-stage,.svg-preview,.theme-preview{place-items:center;padding:1.25rem;display:grid}.svg-preview img{max-width:min(100%,28rem);max-height:18rem}.svg-preview span{color:var(--text-tertiary)}.favicon-stage{text-align:center;gap:.85rem}.favicon-stage img{image-rendering:auto;width:9rem;height:9rem}.og-card,.serp-preview{border:1px solid var(--card-border);border-radius:var(--radius-xl);background:var(--bg-subtle);box-shadow:var(--card-shadow);overflow:hidden}.og-card__image{aspect-ratio:1200/630;background:var(--bg-inset);color:#fff;background-position:50%;background-size:cover;place-items:center;display:grid}.og-card__image strong{font-size:clamp(1.1rem,3vw,2rem)}.og-card__body{gap:.25rem;padding:.85rem;display:grid}.og-card__body small,.og-card__body span,.serp-preview cite{color:var(--text-tertiary);font-size:.78rem;font-style:normal}.og-card__body h3,.serp-preview h3{margin:0;font-size:1rem}.contrast-preview p,.easing-runner p,.og-card__body p,.serp-preview p,.theme-preview p{color:var(--text-secondary);margin:0;font-size:.86rem;line-height:1.5}.serp-preview{gap:.35rem;padding:1rem;display:grid}.serp-preview h3{color:#7aa7ff}[data-theme=light] .serp-preview h3{color:#1a0dab}.contrast-preview{border:1px solid var(--card-border);gap:.5rem;min-height:10rem}.contrast-preview,.theme-preview{border-radius:var(--radius-xl);justify-items:start}.theme-preview{border:1px solid var(--card-border);gap:.4rem;min-height:12rem}.theme-preview strong{font-size:clamp(1.4rem,3vw,2.4rem)}.easing-plot svg{width:100%;min-height:14rem;overflow:visible}.easing-plot line{stroke:var(--border-strong);stroke-width:1px}.easing-plot polyline{fill:none;stroke:var(--accent-primary);stroke-width:2.5px}.easing-plot circle{fill:var(--accent-secondary)}.easing-runner{align-content:center;justify-items:stretch;gap:1rem;min-height:12rem}.easing-runner__dot{border-radius:var(--radius-full);background:var(--accent-primary);width:3rem;height:3rem;box-shadow:0 0 30px var(--accent-primary-dim);animation-name:easingTravel;animation-fill-mode:both}@keyframes easingTravel{0%{transform:translate(0)}to{transform:translate(calc(100% - 3rem))}}.font-scale-list .detail-card{align-content:start}.font-scale-list strong{overflow-wrap:anywhere;display:block}.picker-layout{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;display:grid}.picker-canvas-area{gap:.75rem;display:grid}.picker-sv-container{aspect-ratio:1;border-radius:var(--radius-md);cursor:crosshair;width:100%;position:relative;overflow:hidden}.picker-sv-canvas{width:100%;height:100%;display:block}.picker-hue-slider{border-radius:var(--radius-full);cursor:pointer;width:100%;height:1.5rem;position:relative}.picker-hue-thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:1.25rem;height:1.25rem;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0000004d}.picker-controls{gap:.85rem;display:grid}.picker-preview{border-radius:var(--radius-lg);border:1px solid var(--card-border);align-items:end;min-height:5rem;padding:.85rem;display:flex}.picker-preview__hex{font-family:var(--font-mono),monospace;font-size:1.2rem;font-weight:700}.picker-sliders{gap:.4rem;display:grid}.picker-sliders input[type=range]{width:100%;accent-color:var(--accent-primary)}.picker-actions{flex-wrap:wrap;gap:.4rem;display:flex}.tool-panel{animation:scaleIn var(--duration-slow) var(--ease-out) both}.tool-panel>.tool-option-list,.tool-panel>.tool-toolbar{border-bottom:1px solid var(--divider-color);margin-bottom:.25rem;padding-bottom:.5rem}.tool-panel__header{flex-wrap:wrap}@media (max-width:720px){.tool-panel__header{gap:.5rem}.tool-panel__header h2{font-size:clamp(1.05rem,4vw,1.5rem)}}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-primary);opacity:.7;margin:0 0 .35rem;font-size:.72rem;font-weight:600}.empty-state{text-align:center;place-items:start;gap:.6rem;display:grid}.empty-state strong{font-size:1.1rem}.status-dot{background:var(--accent-success);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:.4rem;display:inline-block}.status-dot--idle{background:var(--text-tertiary)}.status-dot--running{background:var(--accent-primary);animation:pulse 2s ease-in-out infinite}.status-dot--error{background:var(--accent-danger)}.theme-toggle{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:.5rem .7rem;font-size:.82rem;display:flex}.theme-toggle:hover{background:var(--sidebar-link-hover);border-color:var(--border-default);color:var(--text-primary);box-shadow:none;transform:none}.locale-switcher{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;appearance:none;background:0 0;padding:.5rem .7rem;font-size:.82rem}.locale-switcher:focus,.locale-switcher:hover{background:var(--sidebar-link-hover);border-color:var(--border-default);color:var(--text-primary)}.locale-switcher option{background:var(--card-bg);color:var(--text-primary)}.theme-toggle__icons{align-items:center;gap:.5rem;display:flex}.theme-toggle__moon,.theme-toggle__sun{width:14px;height:14px;transition:opacity var(--duration-fast) var(--ease-out)}.site-footer{border-top:1px solid var(--border-subtle);flex-shrink:0;gap:1.25rem;margin-top:2rem;padding-top:1.5rem;display:grid}.site-footer h3,.site-footer p{margin:0}.site-footer__content{grid-template-columns:minmax(0,1fr) minmax(22rem,1fr);align-items:start;gap:1.5rem;display:grid}.site-footer__brand{gap:.55rem;max-width:40rem;display:grid}.site-footer__brand .pill{width:max-content}.site-footer__brand p{color:var(--text-secondary);font-size:.82rem;line-height:1.65}.site-footer__principles{flex-wrap:wrap;gap:.35rem;margin-top:.15rem;display:flex}.site-footer__nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.site-footer__group{align-content:start;gap:.35rem;display:grid}.site-footer__group h3{color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.1rem;font-size:.7rem;font-weight:650}.site-footer__group a{width:fit-content;max-width:100%;color:var(--text-secondary);overflow-wrap:anywhere;transition:color var(--duration-fast) var(--ease-out);font-size:.82rem;line-height:1.6;display:block}.site-footer__group a:hover{color:var(--accent-primary)}.site-footer__bottom{border-top:1px solid var(--border-subtle);color:var(--text-tertiary);justify-content:space-between;gap:1rem;padding-top:1rem;font-size:.74rem;line-height:1.5;display:flex}.mobile-topbar{min-height:var(--mobile-topbar-height);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);will-change:transform;display:none;transform:translateY(0)}.mobile-topbar--hidden{transform:translateY(calc(-100% - 1px))}.mobile-topbar--hidden:focus-within{transform:translateY(0)}.hamburger{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-subtle);width:2.25rem;height:2.25rem;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;padding:0;display:inline-flex}.hamburger:hover{background:var(--bg-muted);transform:none}.mobile-topbar__title{letter-spacing:.01em;font-size:.95rem;font-weight:600}.drawer-overlay{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--duration-fast) var(--ease-out) both;background:#00000080;position:fixed;inset:0}[data-theme=light] .drawer-overlay{background:#0003}.sidebar--drawer{display:none}.drawer-close{z-index:2;border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:.75rem;right:.75rem}.drawer-close:hover{background:var(--sidebar-link-hover);color:var(--text-primary);box-shadow:none;transform:none}@media (max-width:1080px){.app-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar--desktop{display:none}.mobile-topbar{z-index:80;border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);align-items:center;gap:.65rem;padding:.65rem 1rem;right:0}.mobile-topbar,.sidebar--drawer{background:var(--sidebar-bg);-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);display:flex;position:fixed;top:0;left:0}.sidebar--drawer{z-index:100;border-right:1px solid var(--border-subtle);visibility:hidden;pointer-events:none;width:17rem;height:100vh;transition:transform var(--duration-normal) var(--ease-out),visibility 0s linear var(--duration-normal);flex-direction:column;padding:1.25rem 1rem;overflow-y:auto;transform:translate(-100%)}.sidebar.sidebar--drawer-open{visibility:visible;pointer-events:auto;transition:transform var(--duration-normal) var(--ease-out),visibility 0s linear 0s;transform:translate(0)}.content-grid,.workspace--two-column{grid-template-columns:1fr}.main{padding-top:calc(var(--mobile-topbar-height) + 1.5rem)}.topbar{margin-bottom:1rem;padding:.85rem 1rem}.topbar__title h1{font-size:clamp(1.05rem,3.5vw,1.4rem)}}@media (max-width:720px){.main{padding:calc(var(--mobile-topbar-height) + .85rem) .85rem .85rem}.search-row,.section-header,.tool-page__headline,.tool-panel__header,.topbar{grid-template-columns:1fr;display:grid}.hero{padding:1.25rem}.hero__stats,.param-row,.tool-toolbar--grid,.type-scale-preview__row{grid-template-columns:1fr}.detail-grid,.detail-grid--meta{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-guide-grid{grid-template-columns:1fr}.tool-panel--info{padding:.85rem}.case-grid{grid-template-columns:1fr}.tool-field input[type=color]{height:2.5rem}.topbar__actions{justify-content:flex-start}.detail-card,.empty-state,.search-surface,.stat-card,.tool-card,.tool-panel{border-radius:var(--radius-lg);padding:1rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr))}.category-grid{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr))}.tool-table__row{grid-template-columns:minmax(6rem,1fr) minmax(0,1fr);gap:.5rem;padding:.55rem .7rem;font-size:.82rem}.specificity-table__row{grid-template-columns:minmax(10rem,1fr) repeat(4,minmax(3.5rem,.22fr));gap:.5rem;padding:.55rem .7rem;font-size:.8rem}.tool-field textarea{min-height:10rem;font-size:.82rem}.content-stack{gap:1rem;margin-top:.75rem}.section-header{flex-direction:column;align-items:start}.site-footer__content{grid-template-columns:1fr}.site-footer{gap:1rem;margin-top:1.5rem;padding-top:1.1rem}.site-footer__content{gap:1rem}.site-footer__brand{gap:.45rem}.site-footer__brand p{font-size:.78rem}.site-footer__nav{gap:1rem}.site-footer__group{gap:.3rem}.site-footer__bottom{flex-direction:column;gap:.15rem;padding-top:.75rem;font-size:.72rem}}@media (max-width:480px){.main{padding:calc(var(--mobile-topbar-height) + .6rem) .6rem .6rem}.hero__stats{gap:.5rem}.card-grid,.detail-grid,.hero__stats,.tool-card__actions{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}.topbar{border-radius:var(--radius-lg);padding:.7rem .85rem}.site-footer{margin-top:1rem}.site-footer__nav{grid-template-columns:1fr}.site-footer__principles .tag{max-width:100%}}@media (prefers-reduced-motion:reduce){.mobile-topbar{transition:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-sans:"Inter","Inter Fallback"}