@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/montserrat/montserrat-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/montserrat/montserrat-latin-500-normal.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/montserrat/montserrat-latin-700-normal.woff2) format("woff2")}@font-face{font-family:Zen Kaku Gothic New;font-style:normal;font-display:optional;font-weight:400;src:url(/fonts/zen-kaku-gothic-new/ZenKakuGothicNew-Regular.woff2) format("woff2")}@font-face{font-family:Zen Kaku Gothic New;font-style:normal;font-display:optional;font-weight:700;src:url(/fonts/zen-kaku-gothic-new/ZenKakuGothicNew-Bold.woff2) format("woff2")}:root{color-scheme:light dark;--bg: #f5f2ee;--surface: rgba(255, 255, 255, .64);--surface-strong: rgba(255, 255, 255, .9);--border: rgba(31, 24, 18, .1);--border-strong: rgba(31, 24, 18, .18);--text: #161211;--muted: rgba(22, 18, 17, .64);--faint: rgba(22, 18, 17, .42);--accent: #5f74c8;--accent-strong: #4158b4;--shadow: 0 28px 80px rgba(42, 28, 18, .12);--bg-glow-primary: rgba(255, 255, 255, .82);--bg-glow-accent: color-mix(in srgb, var(--accent) 18%, transparent);--bg-gradient: linear-gradient(180deg, #f7f5f1 0%, #ece7e1 100%);--chrome-scrim: color-mix(in srgb, var(--bg) 10%, transparent);font-family:Montserrat,Zen Kaku Gothic New,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{--bg: #111315;--surface: rgba(20, 24, 28, .66);--surface-strong: rgba(24, 28, 34, .9);--border: rgba(234, 239, 245, .12);--border-strong: rgba(234, 239, 245, .22);--text: #eef2f6;--muted: rgba(238, 242, 246, .68);--faint: rgba(238, 242, 246, .46);--accent: #8ea2ff;--accent-strong: #b4c1ff;--shadow: 0 28px 80px rgba(0, 0, 0, .34);--bg-glow-primary: rgba(92, 108, 132, .18);--bg-glow-accent: color-mix(in srgb, var(--accent) 16%, transparent);--bg-gradient: linear-gradient(180deg, #15181c 0%, #0d0f12 100%);--chrome-scrim: color-mix(in srgb, var(--bg) 16%, transparent)}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 16% 18%,var(--bg-glow-primary),transparent 22%),radial-gradient(circle at 84% 12%,var(--bg-glow-accent),transparent 24%),var(--bg-gradient);color:var(--text)}button,a,input,textarea,select,output{font:inherit;-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.app-frame{--rail-width: 224px;min-height:100dvh}.app-frame.is-rail-collapsed{--rail-width: 64px}.site-header{position:fixed;top:0;right:0;left:var(--rail-width);z-index:30;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:50px;padding:8px 18px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 78%,transparent);transition:left .18s ease}@supports (backdrop-filter: blur(1px)){.site-header{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}}.brand-button,.sidebar-brand,.icon-button,.sidebar-link,.command-trigger,.command-palette__close,.command-palette__item,.tool-card,.primary-button,.ghost-button{border:0;background:transparent}.icon-button{display:inline-grid;width:40px;height:40px;place-items:center;border-radius:8px;color:var(--text)}.icon-button span{display:block;width:18px;height:2px;margin:2px 0;border-radius:999px;background:currentColor}.icon-button:hover,.sidebar-link:hover,.sidebar-link.is-active{background:color-mix(in srgb,var(--accent) 10%,transparent)}.brand-button{display:inline-flex;align-items:center;min-width:0;gap:12px;padding:0;text-align:left}.sidebar-brand{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:48px;padding:6px 10px;border-radius:8px;color:var(--text);text-align:left}.sidebar-brand:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.brand-mark{display:inline-block;flex:0 0 auto;color:var(--accent-strong);font-size:.88rem;font-weight:800;letter-spacing:.08em;text-transform:lowercase}.nav-mark{display:inline-grid;place-items:center;width:20px;height:20px;color:var(--accent-strong)}.sidebar-icon{width:18px;height:18px;stroke-width:1.9}.brand-name,.brand-domain,.header-kicker,.eyebrow{display:block}.brand-name{font-size:.86rem;font-weight:800;letter-spacing:.02em;text-transform:none}.brand-domain{margin-top:1px;color:var(--muted);font-size:.66rem}.header-context{display:grid;justify-items:start;gap:2px;min-width:0}.header-context strong{font-size:.88rem}.header-controls{display:inline-flex;align-items:center;justify-self:end;gap:12px;min-width:0}.command-trigger{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface-strong) 66%,transparent);color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:border-color .18s ease,color .18s ease,transform .18s ease}.command-trigger:hover{border-color:var(--border-strong);color:var(--text);transform:translateY(-1px)}.command-trigger svg{width:15px;height:15px;stroke-width:2.1}.locale-switch{display:inline-flex;align-items:center;gap:4px;min-inline-size:0;margin:0;padding:0;border:0}.locale-switch__button,.app-contact{min-height:34px;border:0;background:transparent;color:var(--faint);font-size:.72rem;font-weight:700;letter-spacing:.22em;text-decoration:none;text-transform:uppercase;transition:color .18s ease,opacity .18s ease,transform .18s ease}.locale-switch__button{padding:0 6px}.app-contact{display:inline-flex;align-items:center;justify-self:end}.locale-switch__button:hover,.app-contact:hover{color:var(--text);transform:translateY(-2px)}.locale-switch__button--active{color:var(--text)}.header-kicker,.eyebrow{color:var(--faint);font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:40;display:flex;width:var(--rail-width);flex-direction:column;gap:6px;overflow:hidden auto;padding:10px 8px 16px;border-right:1px solid var(--border);background:color-mix(in srgb,var(--bg) 90%,var(--surface-strong));transition:width .18s ease}.sidebar-section{display:grid;gap:4px;padding-top:6px;border-top:1px solid var(--border)}.sidebar-section-title{padding:2px 12px 4px;color:var(--faint);font-size:.64rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.sidebar-link{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:44px;padding:6px 10px;border-radius:999px;color:var(--muted);text-align:left}.sidebar-link.is-active{color:var(--accent-strong)}.sidebar-link span:not(.nav-mark){overflow:hidden;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.sidebar-link small{color:var(--faint);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}.is-rail-collapsed .sidebar-link{grid-template-columns:30px;justify-content:center;padding-inline:8px}.is-rail-collapsed .sidebar-brand{grid-template-columns:34px;justify-content:center;padding-inline:7px}.is-rail-collapsed .sidebar-brand__text,.is-rail-collapsed .sidebar-link span:not(.nav-mark),.is-rail-collapsed .sidebar-link small,.is-rail-collapsed .sidebar-section-title{display:none}.command-palette{position:fixed;inset:0;z-index:80;display:grid;align-items:start;justify-items:center;padding:72px 18px 18px;background:color-mix(in srgb,var(--bg) 44%,transparent)}@supports (backdrop-filter: blur(1px)){.command-palette{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}}.command-palette__panel{width:min(640px,100%);overflow:hidden;border:1px solid var(--border-strong);border-radius:8px;background:color-mix(in srgb,var(--surface-strong) 94%,var(--bg));box-shadow:var(--shadow)}.command-palette__header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:8px 10px 8px 16px;border-bottom:1px solid var(--border)}.command-palette__search-icon{width:18px;height:18px;color:var(--faint);stroke-width:2.1}.command-palette__header input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:1rem;font-weight:700}.command-palette__header input::placeholder{color:var(--faint)}.command-palette__close{display:inline-grid;width:36px;height:36px;place-items:center;border-radius:8px;color:var(--muted)}.command-palette__close:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--text)}.command-palette__close svg{width:18px;height:18px}.command-palette__list{display:grid;max-height:min(520px,calc(100dvh - 170px));overflow:auto;padding:8px}.command-palette__item{display:grid;grid-template-columns:38px minmax(0,1fr) auto 18px;align-items:center;gap:10px;width:100%;min-height:62px;padding:8px 10px;border-radius:8px;color:var(--muted);text-align:left}.command-palette__item:hover,.command-palette__item.is-selected{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--text)}.command-palette__item-icon{display:inline-grid;width:34px;height:34px;place-items:center;border:1px solid var(--border);border-radius:8px;color:var(--accent-strong)}.command-palette__item.is-current .command-palette__item-icon{border-color:color-mix(in srgb,var(--accent-strong) 36%,var(--border));background:color-mix(in srgb,var(--accent) 8%,transparent)}.command-palette__item-icon svg{width:18px;height:18px;stroke-width:1.9}.command-palette__item-body{display:grid;gap:2px;min-width:0}.command-palette__item-body strong,.command-palette__item-body span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-palette__item-body strong{color:var(--text);font-size:.84rem}.command-palette__item-body span{color:var(--muted);font-size:.72rem}.command-palette__item small{color:var(--faint);font-size:.6rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.command-palette__chevron{width:18px;height:18px;color:var(--faint)}.command-palette__empty{margin:0;padding:28px 12px 30px;color:var(--muted);font-size:.82rem;font-weight:700;text-align:center}.app-main{min-height:100dvh;margin-left:var(--rail-width);padding:66px 22px 0;transition:margin-left .18s ease}.main-inner{display:flex;width:min(100%,1120px);min-height:calc(100dvh - 66px);flex-direction:column;margin:0 auto}.tool-section{display:grid;gap:14px;flex:1;align-content:start}.section-heading{display:grid;gap:8px;padding-top:8px}.section-heading h1{margin:0;font-size:clamp(1.5rem,2.6vw,2.25rem);line-height:1.08;letter-spacing:0}.section-heading p{max-width:720px;margin:0;color:var(--muted);font-size:.9rem;line-height:1.65}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.overview-list-stack{display:grid;gap:18px}.overview-list{display:grid;gap:8px}.overview-list h2{margin:0;color:var(--faint);font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.overview-list__items{display:grid;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface),transparent 12%)}.overview-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto 20px;align-items:center;gap:12px;min-height:68px;padding:10px 12px;border:0;border-top:1px solid var(--border);background:transparent;color:var(--text);text-align:left}.overview-row:first-child{border-top:0}.overview-row:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.overview-row__icon{display:inline-grid;width:38px;height:38px;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface-strong);color:var(--accent-strong)}.overview-row__svg{width:18px;height:18px;stroke-width:1.9}.overview-row__body{display:grid;gap:3px;min-width:0}.overview-row__body strong{overflow:hidden;font-size:.98rem;text-overflow:ellipsis;white-space:nowrap}.overview-row__body span{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:.84rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.overview-row__status{min-width:72px;padding:5px 8px;border:1px solid var(--border);border-radius:999px;color:var(--faint);font-size:.62rem;font-weight:800;letter-spacing:.12em;text-align:center;text-transform:uppercase}.overview-row__chevron{width:18px;height:18px;color:var(--faint);stroke-width:1.9}.tool-card{display:grid;min-height:118px;align-content:start;gap:8px;padding:13px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface),transparent 10%);color:var(--text);text-align:left}.tool-card:hover{border-color:var(--border-strong);background:var(--surface-strong)}.tool-card strong{font-size:1.05rem}.tool-card span:last-child{color:var(--muted);font-size:.88rem;line-height:1.6}.tool-card-status{justify-self:start;color:var(--accent-strong);font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.random-panel,.tool-panel-stack,.empty-panel{display:grid;gap:12px}.random-panel,.tool-panel,.empty-panel{padding:14px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface),transparent 8%)}.random-panel,.tool-panel-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.input-panel-stack{grid-template-columns:minmax(0,1fr)}.tool-panel-stack>.tool-panel:last-child:nth-child(odd){grid-column:1 / -1}.random-tool-block{display:grid;justify-items:stretch;gap:12px;padding:clamp(14px,2.4vw,20px);border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface-strong),transparent 18%);text-align:left}.tool-panel{display:grid;align-content:start;gap:12px}.tool-block-heading{display:grid;gap:4px;justify-items:start}.tool-block-heading strong{font-size:1rem}.tool-block-heading span{color:var(--muted);font-size:.84rem}.tool-field{display:grid;gap:6px;min-width:0}.tool-field__label,.tool-field__note{color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tool-field__note{color:var(--faint);font-size:.66rem;text-transform:none}input,textarea{width:100%;min-width:0;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface-strong);color:var(--text)}input{min-height:42px;padding:9px 12px}textarea{resize:vertical;padding:12px;line-height:1.6}.code-display{width:100%;padding:clamp(14px,3vw,22px);border:1px solid var(--border-strong);border-radius:8px;background:#161211;color:#f8f6f2;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(2.3rem,5vw,4.4rem);font-variant-numeric:tabular-nums;font-weight:800;line-height:1;text-align:center}.password-display{width:100%;overflow-wrap:anywhere;padding:12px clamp(12px,3vw,18px);border:1px solid var(--border-strong);border-radius:8px;background:var(--surface-strong);color:var(--text);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(1rem,2.8vw,1.45rem);font-weight:800;line-height:1.35;text-align:center}.result-list{display:grid;gap:8px}.result-row{display:grid;grid-template-columns:132px minmax(0,1fr);gap:12px;align-items:start;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface-strong),transparent 24%)}.result-row span{color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.result-row output{min-width:0;overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem;line-height:1.45}.inline-fields{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.color-picker-layout{display:grid;grid-template-columns:140px minmax(0,1fr);gap:14px;align-items:stretch}.color-input{min-height:82px;padding:8px}.color-preview{min-height:82px;border:1px solid var(--border-strong);border-radius:8px}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px}.swatch-button{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-height:48px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-strong);color:var(--text);text-align:left}.swatch-button span{width:30px;height:30px;border:1px solid var(--border-strong);border-radius:8px}.swatch-button strong{overflow:hidden;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.keyboard-capture,.event-capture,.pointer-pad{display:grid;border:1px dashed var(--border-strong);border-radius:8px;background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--muted);font-weight:800;text-align:center}.keyboard-capture{min-height:328px;overflow-x:auto;padding:12px;place-items:center start}.event-capture:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}.keyboard-capture:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}.pointer-pad{min-height:260px;place-items:center;gap:10px;padding:14px;-webkit-user-select:none;user-select:none;touch-action:none}.segmented-control{display:inline-flex;width:fit-content;max-width:100%;min-inline-size:0;margin:0;padding:3px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface-strong),transparent 22%)}.segmented-control button{min-width:58px;min-height:32px;padding:6px 10px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:.76rem;font-weight:900}.segmented-control button.is-active{background:var(--text);color:var(--bg)}.switch-control{display:grid;width:min(100%,520px);grid-template-columns:46px minmax(0,auto) minmax(0,1fr);gap:4px 10px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface-strong),transparent 18%);cursor:pointer}.switch-control input{position:absolute;width:1px;min-height:1px;height:1px;overflow:hidden;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.switch-control span{position:relative;width:42px;height:24px;grid-row:1 / span 2;border:1px solid var(--border-strong);border-radius:999px;background:color-mix(in srgb,var(--surface),var(--text) 10%);transition:background-color .14s ease}.switch-control span:after{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:999px;background:var(--surface-strong);box-shadow:0 1px 4px color-mix(in srgb,var(--text) 22%,transparent);content:"";transition:transform .14s ease}.switch-control input:checked+span{background:var(--accent-strong)}.switch-control input:checked+span:after{transform:translate(18px)}.switch-control input:focus-visible+span{outline:2px solid var(--accent-strong);outline-offset:3px}.switch-control strong{font-size:.86rem}.switch-control small{grid-column:2 / -1;color:var(--muted);font-size:.72rem;font-weight:700;line-height:1.45}.keyboard-diagram{--key-size: 34px;--key-gap: 5px;display:grid;width:max-content;min-width:100%;grid-template-columns:auto auto auto;gap:12px;align-items:end}.keyboard-section{display:grid;gap:var(--key-gap);align-content:end}.keyboard-section:first-child{grid-column:1 / -1}.keyboard-row{display:flex;gap:var(--key-gap)}.keyboard-key{position:relative;display:grid;width:calc((var(--key-size) * var(--key-units)) + (var(--key-gap) * (var(--key-units) - 1)));min-width:calc((var(--key-size) * var(--key-units)) + (var(--key-gap) * (var(--key-units) - 1)));height:var(--key-size);place-items:center;border:1px solid var(--border-strong);border-bottom-width:3px;border-radius:6px;background:var(--surface-strong);color:var(--text);font-size:.58rem;font-weight:900;line-height:1;transition:background-color 80ms ease,border-color 80ms ease,color 80ms ease,transform 80ms ease;white-space:nowrap}.keyboard-key.is-active{transform:translateY(2px);border-color:color-mix(in srgb,var(--accent-strong) 62%,var(--text));border-bottom-width:1px;background:var(--accent-strong);color:var(--bg)}.keyboard-key.is-jis-label{font-size:.5rem}.keyboard-key.is-jis-enter{z-index:1;height:calc((var(--key-size) * 2) + var(--key-gap));margin-bottom:calc((var(--key-size) + var(--key-gap)) * -1);padding:10px 10px 0 0;border:0;background:inherit;clip-path:polygon(38% 0,100% 0,100% 100%,0 100%,0 52%,38% 52%);justify-items:end;align-items:start;box-shadow:inset 0 0 0 1px var(--border-strong),inset 0 -3px 0 var(--border-strong)}.keyboard-key.is-jis-enter.is-active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-strong) 62%,var(--text))}.keyboard-key.is-spacer{visibility:hidden}.mouse-diagram{position:relative;display:grid;width:min(180px,52vw);aspect-ratio:.66;grid-template-columns:1fr 28px 1fr;grid-template-rows:78px 1fr;overflow:hidden;border:2px solid var(--border-strong);border-radius:46% 46% 42% 42%/28% 28% 54% 54%;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong),var(--text) 4%),color-mix(in srgb,var(--surface-strong),var(--text) 12%));box-shadow:inset 0 -16px 26px color-mix(in srgb,var(--text) 8%,transparent)}.mouse-button,.mouse-wheel,.mouse-palm,.mouse-side-button{border-color:var(--border-strong);transition:background-color 80ms ease,box-shadow 80ms ease}.mouse-button{border-bottom:1px solid var(--border-strong);background:color-mix(in srgb,var(--surface-strong),var(--text) 2%)}.mouse-button.is-left{border-right:1px solid var(--border);border-top-left-radius:78px}.mouse-button.is-right{border-left:1px solid var(--border);border-top-right-radius:78px}.mouse-wheel{z-index:1;align-self:start;justify-self:center;width:16px;height:42px;margin-top:20px;border:1px solid var(--border-strong);border-radius:999px;background:#2a2d31}.mouse-palm{grid-column:1 / -1;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface-strong),var(--text) 7%)}.mouse-side-button{position:absolute;left:16px;width:34px;height:13px;border:1px solid var(--border-strong);border-radius:999px;background:color-mix(in srgb,var(--surface-strong),var(--text) 10%)}.mouse-side-button.is-back{top:94px}.mouse-side-button.is-forward{top:114px}.mouse-button.is-active,.mouse-wheel.is-active,.mouse-side-button.is-active{background:var(--accent-strong);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.action-row{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px}.primary-button,.ghost-button{min-width:112px;min-height:38px;padding:8px 14px;border-radius:8px;font-weight:800}.primary-button{background:var(--text);color:var(--bg)}.ghost-button{border:1px solid var(--border-strong);background:var(--surface-strong)}.timestamp,.tool-note,.copy-state,.empty-panel span{color:var(--muted)}.timestamp{font-size:.86rem}.tool-note{max-width:100%;margin:0;font-size:.86rem;line-height:1.65}.copy-state{min-height:1.2em;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.empty-panel{align-content:start;min-height:220px}.empty-panel strong{font-size:1.1rem}.site-footer{display:grid;gap:16px;margin-top:auto;padding:26px 0 20px;border-top:1px solid var(--border)}.site-footer__legal{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;color:var(--text);opacity:.92}.site-footer__link{display:inline-flex;align-items:center;min-height:34px;color:inherit;font-size:.72rem;font-weight:700;letter-spacing:.22em;text-decoration:underline;text-decoration-color:transparent;text-transform:uppercase;text-underline-offset:.22em;transition:opacity .18s ease,text-decoration-color .18s ease}.site-footer__link:hover{opacity:.7;text-decoration-color:currentColor}.site-footer__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px}.site-footer__fineprint,.site-footer__updated{color:var(--muted);font-size:.72rem;letter-spacing:.22em;text-transform:none}.site-footer__fineprint{display:flex;flex-wrap:wrap;gap:12px 24px}.site-footer__updated{justify-self:end}@media(max-width:820px){.app-frame,.app-frame.is-rail-collapsed{--rail-width: 0px}.site-header{left:0;grid-template-columns:minmax(0,1fr) auto;min-height:50px;padding:7px 14px}.icon-button{display:none}.brand-mark{width:34px;height:34px}.header-context{justify-items:start}.header-controls{gap:10px}.command-trigger span{display:none}.command-trigger{width:34px;min-height:34px;justify-content:center;padding:0}.sidebar{top:auto;right:0;bottom:0;width:100%;height:64px;flex-direction:row;align-items:center;gap:4px;overflow-x:auto;overflow-y:hidden;padding:6px 8px;border-top:1px solid var(--border);border-right:0}.sidebar-brand{display:none}.sidebar-section{display:contents}.sidebar-section-title{display:none}.sidebar-link{grid-template-columns:minmax(0,auto);justify-items:center;min-width:72px;min-height:52px;flex:1 0 auto;gap:3px;padding:7px 8px;border-radius:8px}.nav-mark,.sidebar-link small{display:none}.sidebar-link span:not(.nav-mark){font-size:.72rem}.app-main{margin-left:0;padding:62px 14px 72px}.main-inner{min-height:calc(100dvh - 134px)}.tool-grid{grid-template-columns:minmax(0,1fr)}.overview-row{grid-template-columns:36px minmax(0,1fr) 18px;gap:10px;min-height:72px;padding:10px}.overview-row__icon{width:36px;height:36px}.overview-row__status{grid-column:2;justify-self:start;min-width:0;padding:0;border:0;color:var(--accent-strong);font-size:.6rem;text-align:left}.overview-row__chevron{grid-column:3;grid-row:1 / span 2}.random-panel,.tool-panel-stack,.color-picker-layout,.inline-fields{grid-template-columns:minmax(0,1fr)}.result-row{grid-template-columns:minmax(0,1fr);gap:4px}.site-footer{gap:12px;padding:24px 0 18px}.site-footer__row{gap:10px;align-items:center}.site-footer__updated{white-space:nowrap}}@media(max-width:520px){.brand-name{font-size:.8rem}.brand-domain{font-size:.66rem}.header-kicker{display:none}.locale-switch__button,.app-contact{min-height:30px;font-size:.62rem;letter-spacing:.12em}.section-heading h1{font-size:1.9rem}.code-display{font-size:clamp(2.4rem,15vw,4.3rem)}.primary-button,.ghost-button{width:100%}.site-footer{gap:10px;padding:18px 0 14px}.site-footer__legal{gap:10px 14px}.site-footer__link,.site-footer__fineprint,.site-footer__updated{font-size:.58rem;letter-spacing:.08em}.site-footer__row{gap:8px}.command-palette{padding:58px 10px 10px}.command-palette__item{grid-template-columns:34px minmax(0,1fr) 18px;gap:8px}.command-palette__item small{display:none}}