.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--hue: 190;--primary: oklch(.7 .14 var(--hue));--primary-strong: oklch(.58 .12 var(--hue));--page-bg: oklch(.95 .01 var(--hue));--card-bg: white;--card-bg-transparent: rgb(255 255 255 / .72);--btn-content: oklch(.55 .12 var(--hue));--btn-regular-bg: oklch(.95 .025 var(--hue));--btn-regular-bg-hover: oklch(.9 .05 var(--hue));--btn-regular-bg-active: oklch(.85 .08 var(--hue));--btn-plain-bg-hover: oklch(.95 .025 var(--hue));--btn-plain-bg-active: oklch(.98 .01 var(--hue));--btn-card-bg-hover: oklch(.98 .005 var(--hue));--btn-card-bg-active: oklch(.9 .03 var(--hue));--deep-text: oklch(.25 .02 var(--hue));--title-active: oklch(.6 .1 var(--hue));--line-divider: rgba(0, 0, 0, .08);--line-color: rgba(0, 0, 0, .1);--meta-divider: rgba(0, 0, 0, .2);--content-meta: rgba(0, 0, 0, .7);--muted: oklch(.93 .015 var(--hue));--selection-bg: oklch(.9 .05 var(--hue));--codeblock-bg: oklch(.17 .015 var(--hue));--float-panel-bg: white;--input-bg: oklch(.985 .004 var(--hue));--field-bg: oklch(.975 .006 var(--hue));--sidebar-bg: oklch(.985 .005 var(--hue));--success: oklch(.65 .14 150);--lottery-gold: oklch(.72 .13 82);--lottery-gold-strong: oklch(.58 .12 78);--lottery-gold-bg: color-mix(in oklch, var(--lottery-gold) 15%, transparent);--lottery-gold-border: color-mix(in oklch, var(--lottery-gold) 55%, transparent);--warning: oklch(.72 .14 75);--font-sans: "Zen Maru Gothic", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.25rem;--spacing-2xl: 1.5rem;--spacing-3xl: 2rem;--spacing-4xl: 2.5rem;--spacing-5xl: 3rem;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-xl: 0;--radius-2xl: 0;--radius-3xl: 0;--radius-full: 0;--radius-large: 0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--shadow-navbar: 0 4px 16px rgba(0, 0, 0, .1);--shadow-navbar-dark: 0 4px 16px rgba(0, 0, 0, .2);--ease-standard: cubic-bezier(.4, 0, .2, 1);--duration-fast: .1s;--duration-normal: .15s;--duration-medium: .2s;--duration-slow: .25s;--page-width: 95rem;--sidebar-width: 19rem;--z-navbar: 20;--z-modal-backdrop: 1040;--z-popover: 1060;--z-toast: 1080;color-scheme:light}:root.dark{--lottery-gold: oklch(.83 .13 86);--lottery-gold-strong: oklch(.9 .11 90);--lottery-gold-bg: color-mix(in oklch, var(--lottery-gold) 18%, transparent);--lottery-gold-border: color-mix(in oklch, var(--lottery-gold) 60%, transparent);--primary: oklch(.75 .14 var(--hue));--primary-strong: oklch(.82 .11 var(--hue));--page-bg: oklch(.16 .014 var(--hue));--card-bg: oklch(.23 .015 var(--hue));--card-bg-transparent: rgb(23 23 23 / .72);--btn-content: oklch(.75 .1 var(--hue));--btn-regular-bg: oklch(.33 .035 var(--hue));--btn-regular-bg-hover: oklch(.38 .04 var(--hue));--btn-regular-bg-active: oklch(.43 .045 var(--hue));--btn-plain-bg-hover: oklch(.3 .035 var(--hue));--btn-plain-bg-active: oklch(.27 .025 var(--hue));--btn-card-bg-hover: oklch(.3 .03 var(--hue));--btn-card-bg-active: oklch(.35 .035 var(--hue));--deep-text: oklch(.95 .01 var(--hue));--title-active: oklch(.78 .09 var(--hue));--line-divider: rgba(255, 255, 255, .08);--line-color: rgba(255, 255, 255, .1);--meta-divider: rgba(255, 255, 255, .2);--content-meta: rgba(255, 255, 255, .6);--muted: oklch(.25 .015 var(--hue));--selection-bg: oklch(.4 .08 var(--hue));--codeblock-bg: oklch(.17 .015 var(--hue));--float-panel-bg: oklch(.19 .015 var(--hue));--input-bg: oklch(.2 .012 var(--hue));--field-bg: oklch(.18 .01 var(--hue));--sidebar-bg: oklch(.18 .012 var(--hue));--shadow-navbar: var(--shadow-navbar-dark);color-scheme:dark}[hidden]{display:none!important}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth;background:linear-gradient(90deg,color-mix(in oklch,var(--line-divider) 40%,transparent) 1px,transparent 1px) 0 0 / 48px 48px fixed,linear-gradient(color-mix(in oklch,var(--line-divider) 35%,transparent) 1px,transparent 1px) 0 0 / 48px 48px fixed,var(--page-bg)}body{margin:0;min-height:100vh;color:var(--deep-text);font-family:var(--font-sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,[role=tab]{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}svg{flex:none}:where(svg:not([width])){width:1em;height:1em}svg[data-icon="lucide:binary"]{transform:scale(1.4)}::selection{color:var(--deep-text);background:var(--selection-bg)}:where(a[href],button,input,select,textarea,summary,[contenteditable=true],[tabindex]:not([tabindex="-1"])):focus-visible{outline:2px solid var(--primary);outline-offset:2px}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.card-base{overflow:hidden;background:var(--card-bg);transition:background-color var(--duration-normal),border-color var(--duration-normal),box-shadow var(--duration-normal)}.enable-card-border .card-base,.enable-card-border .tool-item{border:1px solid var(--line-divider)}.enable-card-border .card-base{box-shadow:var(--shadow-sm)}.topbar{position:fixed;inset:0 0 auto;z-index:var(--z-navbar);height:4rem;border-bottom:1px solid var(--line-divider);background:var(--card-bg-transparent);box-shadow:var(--shadow-navbar);backdrop-filter:blur(18px) saturate(140%)}.nav-inner{display:flex;align-items:center;width:min(100%,var(--page-width));height:100%;margin:0 auto;padding:0 var(--spacing-2xl)}.brand{display:inline-flex;align-items:center;gap:var(--spacing-sm);min-width:19.5rem;padding-right:var(--spacing-xl);font-weight:700}.brand-mark{display:grid;width:2.25rem;height:2.25rem;color:#fff;background:var(--primary);border-radius:var(--radius-md);box-shadow:0 5px 16px color-mix(in oklch,var(--primary) 28%,transparent);place-items:center}.brand-name{font-size:1.25rem;letter-spacing:.12em}.main-nav{display:flex;align-self:stretch;gap:var(--spacing-2xl)}.main-nav a{position:relative;display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--content-meta);font-size:.9rem;font-weight:500;transition:color var(--duration-normal),background-color var(--duration-normal)}.main-nav a:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;content:"";background:var(--primary);opacity:0;transition:opacity var(--duration-normal)}.main-nav a:hover,.main-nav a.active{color:var(--primary-strong)}.main-nav a.active:after{opacity:1}.nav-actions{display:flex;align-items:center;gap:var(--spacing-md);margin-left:auto}.status-pill,.privacy-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--content-meta);font-size:.78rem;font-weight:500;white-space:nowrap}.status-pill svg,.privacy-badge svg{flex:0 0 auto}.status-pill{padding:.4rem .7rem;border:1px solid var(--line-divider);border-radius:var(--radius-full);background:var(--card-bg)}.status-pill i{width:.45rem;height:.45rem;background:var(--success);border-radius:var(--radius-full);box-shadow:0 0 0 3px color-mix(in oklch,var(--success) 14%,transparent)}.icon-button{display:inline-grid;width:2.25rem;height:2.25rem;padding:0;cursor:pointer;background:transparent;border:0;border-radius:var(--radius-md);transition:color var(--duration-normal),background-color var(--duration-normal);place-items:center}.icon-button:hover{color:var(--primary);background:var(--btn-plain-bg-hover)}.theme-icon-dark{display:none}:root.dark .theme-icon-light{display:none}:root.dark .theme-icon-dark{display:inline-flex}.mobile-menu{display:none;margin-right:var(--spacing-sm);font-size:1.2rem}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);width:min(100%,var(--page-width));min-height:100vh;margin:0 auto;padding-top:4rem}.sidebar{position:sticky;top:4rem;display:flex;flex-direction:column;align-self:start;height:calc(100vh - 4rem);padding:var(--spacing-2xl);border-right:1px solid var(--line-divider);background:var(--sidebar-bg)}.sidebar-mobile-head{display:none}.tool-search{display:flex;align-items:center;height:2.6rem;margin-bottom:var(--spacing-2xl);padding:0 var(--spacing-md);color:var(--content-meta);background:var(--input-bg);border:1px solid var(--line-color);border-radius:var(--radius-md);transition:border-color var(--duration-normal),box-shadow var(--duration-normal)}.tool-search:hover{border-color:color-mix(in oklch,var(--primary) 45%,var(--line-color))}.tool-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--primary) 14%,transparent)}.tool-search input{min-width:0;flex:1;margin-left:var(--spacing-sm);color:var(--deep-text);background:transparent;border:0;outline:0}.tool-search input::placeholder{color:color-mix(in oklch,var(--content-meta) 65%,transparent)}kbd{display:inline-grid;min-width:1.5rem;height:1.35rem;padding:0 .3rem;color:var(--content-meta);background:var(--card-bg);border:1px solid var(--line-color);border-bottom-width:2px;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.68rem;place-items:center}.tool-center-link{display:flex;align-items:center;gap:var(--spacing-sm);min-height:2.6rem;margin-bottom:var(--spacing-lg);padding:0 var(--spacing-md);color:var(--content-meta);border:1px solid transparent;font-size:.8rem;transition:color var(--duration-normal),background-color var(--duration-normal),border-color var(--duration-normal)}.tool-center-link:hover,.tool-center-link.active{color:var(--primary-strong);background:var(--btn-regular-bg);border-color:var(--line-divider)}.sidebar-scroll{min-height:0;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line-color) transparent}.tool-group{margin-bottom:var(--spacing-3xl)}.group-title{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);padding:0 var(--spacing-md);color:color-mix(in oklch,var(--content-meta) 72%,transparent);font-size:.7rem;font-weight:700;letter-spacing:.15em}.group-title span:last-child{font-family:var(--font-mono);font-weight:400}.tool-item{position:relative;display:flex;align-items:center;width:100%;min-height:3.6rem;margin:.2rem 0;padding:var(--spacing-sm) var(--spacing-md);text-align:left;background:transparent;border:0;border-radius:var(--radius-md);transition:color var(--duration-normal),background-color var(--duration-normal),border-color var(--duration-normal)}.tool-item:before{position:absolute;top:.65rem;bottom:.65rem;left:-1px;width:3px;content:"";background:var(--primary);border-radius:var(--radius-full);opacity:0;transition:opacity var(--duration-normal)}.tool-item:hover{background:var(--btn-plain-bg-hover)}.tool-item.active{color:var(--primary-strong);background:var(--btn-regular-bg);border-color:transparent}.tool-item.active:before{opacity:1}.tool-icon{display:grid;width:2.15rem;height:2.15rem;flex:none;margin-right:var(--spacing-md);color:var(--content-meta);background:var(--card-bg);border:1px solid var(--line-divider);border-radius:var(--radius-md);place-items:center;transition:color var(--duration-normal),background-color var(--duration-normal),border-color var(--duration-normal)}.tool-item.active .tool-icon{color:#fff;background:var(--primary);border-color:var(--primary)}.tool-item>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column}.tool-item strong{font-size:.9rem;font-weight:600}.tool-item small{overflow:hidden;color:var(--content-meta);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.tool-item em{margin-left:auto;padding:.12rem .4rem;color:var(--content-meta);background:var(--muted);border-radius:var(--radius-sm);font-size:.6rem;font-style:normal}.tool-item.disabled{cursor:not-allowed;opacity:.62}.empty-search{padding:var(--spacing-3xl) var(--spacing-md);color:var(--content-meta);text-align:center;font-size:.85rem}.sidebar-footer{display:flex;align-items:center;gap:var(--spacing-md);margin:auto calc(-1 * var(--spacing-2xl)) calc(-1 * var(--spacing-2xl)) calc(-1 * var(--spacing-2xl));padding:var(--spacing-lg) var(--spacing-2xl);border-top:1px solid var(--line-divider)}.sidebar-footer .avatar{display:grid;width:2.25rem;height:2.25rem;color:var(--primary-strong);background:var(--btn-regular-bg);border:1px solid var(--line-divider);border-radius:var(--radius-md);font-weight:700;place-items:center}.sidebar-footer>span:last-child{display:flex;flex-direction:column}.sidebar-footer strong{font-size:.78rem}.sidebar-footer small{color:var(--content-meta);font-size:.67rem}.main-content{display:flex;min-width:0;flex-direction:column;padding:var(--spacing-3xl) clamp(var(--spacing-2xl),4vw,var(--spacing-5xl)) 0 clamp(var(--spacing-2xl),4vw,var(--spacing-5xl))}.tool-workspace{width:100%;max-width:68rem;margin:0 auto}.workspace-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--spacing-3xl)}.workspace-header>:first-child{min-width:0}.breadcrumb{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);color:var(--content-meta);font-size:.72rem}.breadcrumb b{color:var(--meta-divider);font-weight:400}.breadcrumb strong{color:var(--primary-strong);font-weight:600}.title-line{display:flex;align-items:center;gap:var(--spacing-lg)}.title-icon{display:grid;width:3.15rem;height:3.15rem;flex:none;color:#fff;background:var(--primary);border-radius:var(--radius-lg);box-shadow:0 8px 24px color-mix(in oklch,var(--primary) 25%,transparent);place-items:center}.title-line h1{margin:0;font-size:clamp(1.65rem,2.4vw,2.1rem);font-weight:700;letter-spacing:-.03em;line-height:1.25}.title-line p{margin:.3rem 0 0;color:var(--content-meta);font-size:.9rem}.privacy-badge{flex:0 0 auto;padding:.45rem .75rem;color:var(--primary-strong);background:var(--btn-regular-bg);border:1px solid var(--line-divider);border-radius:var(--radius-full)}.tool-card,.result-card{padding:clamp(var(--spacing-lg),3vw,var(--spacing-2xl))}.tool-card{border-bottom:0}.input-mode{display:inline-grid;grid-auto-flow:column;grid-auto-columns:minmax(7rem,1fr);gap:var(--spacing-xs);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xs);background:var(--field-bg);border:1px solid var(--line-divider);border-radius:var(--radius-md)}.mode-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-width:0;min-height:2.3rem;padding:0 var(--spacing-lg);color:var(--content-meta);cursor:pointer;background:transparent;border:0;border-radius:var(--radius-sm);font-size:.82rem;white-space:nowrap;transition:color var(--duration-normal),background-color var(--duration-normal),box-shadow var(--duration-normal)}.mode-button svg{flex:none}.mode-button:hover{color:var(--primary)}.mode-button.active{color:var(--primary-strong);background:var(--card-bg);box-shadow:var(--shadow-sm);font-weight:600}.mode-panel{display:none}.mode-panel.active{display:block}.field-heading{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.field-heading label{font-size:.82rem;font-weight:600}.field-heading span{color:var(--content-meta);font-size:.72rem}.field-heading b{color:var(--deep-text);font-weight:600}.field-heading-actions{display:flex;align-items:center;gap:var(--spacing-lg)}.field-heading .ui-checkbox{font-size:.72rem;font-weight:500}.ui-checkbox{position:relative;display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--content-meta);cursor:pointer;font-size:.72rem;font-weight:500;user-select:none}.ui-checkbox input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ui-checkbox-box{display:grid;width:1rem;height:1rem;color:transparent;background:var(--input-bg);border:1px solid var(--meta-divider);place-items:center;transition:color var(--duration-normal),background-color var(--duration-normal),border-color var(--duration-normal)}.ui-checkbox:hover .ui-checkbox-box{border-color:var(--primary)}.ui-checkbox-box svg{opacity:0}.ui-checkbox input:checked+.ui-checkbox-box{color:var(--card-bg);background:var(--primary);border-color:var(--primary)}.ui-checkbox input:checked+.ui-checkbox-box svg{opacity:1}.ui-checkbox input:focus-visible+.ui-checkbox-box{outline:2px solid var(--primary);outline-offset:2px}.ui-checkbox input:disabled+.ui-checkbox-box,.ui-checkbox:has(input:disabled){cursor:not-allowed;opacity:.5}.ui-checkbox-label{color:var(--content-meta);font-size:.72rem}.textarea-wrap{position:relative}textarea{display:block;width:100%;min-height:12rem;padding:var(--spacing-lg);resize:vertical;color:var(--deep-text);background:var(--input-bg);border:1px solid var(--line-color);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.9rem;line-height:1.8;transition:border-color var(--duration-normal),box-shadow var(--duration-normal),background-color var(--duration-normal)}textarea:hover{border-color:color-mix(in oklch,var(--primary) 45%,var(--line-color))}textarea:focus{border-color:var(--primary);outline:0;box-shadow:0 0 0 3px color-mix(in oklch,var(--primary) 13%,transparent)}textarea::placeholder{color:color-mix(in oklch,var(--content-meta) 55%,transparent)}input:where(:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([type=search])){display:block;width:100%;min-height:2.6rem;padding:0 var(--spacing-lg);color:var(--deep-text);background:var(--input-bg);border:1px solid var(--line-color);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.85rem;transition:border-color var(--duration-normal),box-shadow var(--duration-normal),background-color var(--duration-normal)}input:where(:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([type=search])):hover{border-color:color-mix(in oklch,var(--primary) 45%,var(--line-color))}input:where(:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([type=search])):focus{border-color:var(--primary);outline:0;box-shadow:0 0 0 3px color-mix(in oklch,var(--primary) 13%,transparent)}input:where(:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([type=search]))::placeholder{color:color-mix(in oklch,var(--content-meta) 55%,transparent)}input:where(:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([type=search])):disabled{color:var(--content-meta);cursor:not-allowed;background:var(--field-bg);border-color:var(--line-divider)}input:where(:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([type=search])):-webkit-autofill{-webkit-text-fill-color:var(--deep-text);caret-color:var(--deep-text);box-shadow:0 0 0 1000px var(--input-bg) inset}input:where(:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([type=search])):-webkit-autofill:focus{box-shadow:0 0 0 1000px var(--input-bg) inset,0 0 0 3px color-mix(in oklch,var(--primary) 13%,transparent)}input[type=number]{max-width:9rem;text-align:center;-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:0;pointer-events:none;transition:opacity var(--duration-normal)}input[type=number]:hover::-webkit-inner-spin-button,input[type=number]:hover::-webkit-outer-spin-button,input[type=number]:focus::-webkit-inner-spin-button,input[type=number]:focus::-webkit-outer-spin-button{opacity:1;pointer-events:auto}.drop-zone{display:flex;min-height:12rem;padding:var(--spacing-2xl);cursor:pointer;background:var(--input-bg);border:1px dashed color-mix(in oklch,var(--primary) 45%,var(--line-color));border-radius:var(--radius-md);flex-direction:column;align-items:center;justify-content:center;transition:background-color var(--duration-normal),border-color var(--duration-normal)}.drop-zone:hover,.drop-zone.is-dragging,.drop-zone.has-file{background:color-mix(in oklch,var(--btn-regular-bg) 42%,var(--card-bg));border-color:var(--primary)}.drop-zone.is-dragging{border-color:var(--primary)}.drop-icon{display:grid;width:3.4rem;height:3.4rem;margin-bottom:var(--spacing-md);color:var(--primary);background:var(--btn-regular-bg);border:1px solid var(--line-divider);border-radius:var(--radius-full);place-items:center}.drop-zone strong{max-width:80%;overflow:hidden;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.drop-zone small{margin-top:var(--spacing-xs);color:var(--content-meta);font-size:.72rem}.file-progress{display:block;width:100%;min-height:4.5rem;margin-top:var(--spacing-lg)}.file-progress-heading{display:flex;justify-content:space-between;color:var(--content-meta);font-size:.72rem}.file-progress-heading b{color:var(--primary-strong);font-family:var(--font-mono);font-size:.72rem;font-weight:600}.file-progress-track{display:block;width:100%;height:.4rem;margin-top:var(--spacing-sm);overflow:hidden;background:var(--muted)}.file-progress-track i{display:block;width:0;height:100%;background:var(--primary);transition:width var(--duration-fast)}.file-progress>small{display:block;margin-top:var(--spacing-xs);color:var(--content-meta);font-family:var(--font-mono);font-size:.65rem}.is-calculating .drop-zone,.is-calculating .ui-checkbox,.is-calculating .ui-select-field,.is-calculating .textarea-wrap,.is-calculating #clear{pointer-events:none;opacity:.65}.is-calculating .drop-zone{cursor:progress}.action-row{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.7rem;padding:0 var(--spacing-xl);cursor:pointer;border-radius:var(--radius-md);font-size:.84rem;font-weight:600;transition:color var(--duration-normal),background-color var(--duration-normal),border-color var(--duration-normal)}.primary-button{gap:var(--spacing-sm);color:#fff;background:var(--primary-strong);border:1px solid var(--primary-strong);box-shadow:0 5px 15px color-mix(in oklch,var(--primary) 24%,transparent)}.primary-button:hover{background:color-mix(in oklch,var(--primary-strong) 88%,black)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.55}.secondary-button{gap:var(--spacing-sm);color:var(--content-meta);background:var(--card-bg);border:1px solid var(--line-color)}.secondary-button:hover{color:var(--primary);background:var(--btn-plain-bg-hover);border-color:var(--primary)}.shortcut-hint{margin-left:auto;color:color-mix(in oklch,var(--content-meta) 70%,transparent);font-size:.67rem}.result-card{position:relative;z-index:1;padding-top:var(--spacing-lg);border-top:1px solid var(--line-divider)}.result-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.result-heading>div{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.82rem}.result-heading>span{color:var(--content-meta);font-size:.7rem}.status-dot{width:.5rem;height:.5rem;background:var(--meta-divider);border-radius:var(--radius-full);transition:background-color var(--duration-normal),box-shadow var(--duration-normal)}.hash-output:not([data-empty=true])+.result-meta{color:var(--content-meta)}.hash-output:not([data-empty=true])~* .status-dot,.result-card:has(.hash-output:not([data-empty=true])) .status-dot,.result-card:has(.password-output:not([data-empty=true])) .status-dot{background:var(--success);box-shadow:0 0 0 3px color-mix(in oklch,var(--success) 12%,transparent)}.hash-output{display:flex;align-items:center;min-height:4.4rem;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) var(--spacing-lg);background:var(--codeblock-bg);border:1px solid color-mix(in oklch,var(--primary) 18%,transparent);border-radius:var(--radius-md)}.hash-output code{min-width:0;flex:1;overflow-x:auto;color:oklch(.82 .11 var(--hue));font-family:var(--font-mono);font-size:clamp(.95rem,2vw,1.3rem);font-weight:700;letter-spacing:.08em;line-height:1.5;scrollbar-width:none;white-space:nowrap}.hash-output[data-empty=true] code{color:color-mix(in oklch,white 25%,transparent);letter-spacing:.12em}.hash-output button{display:inline-flex;align-items:center;gap:var(--spacing-xs);min-height:2rem;margin-left:var(--spacing-lg);padding:0 var(--spacing-md);color:oklch(.78 .1 var(--hue));cursor:pointer;background:oklch(.27 .03 var(--hue));border:1px solid oklch(.35 .04 var(--hue));border-radius:var(--radius-sm);font-size:.72rem;transition:background-color var(--duration-normal),border-color var(--duration-normal)}.hash-output button:hover:not(:disabled){background:oklch(.32 .04 var(--hue));border-color:var(--primary)}.hash-output button:disabled{cursor:not-allowed;opacity:.4}.ui-select-field{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--content-meta);font-family:var(--font-sans);font-size:.68rem}.ui-select-field>label{color:var(--deep-text);font-size:.82rem;font-weight:600}.ui-select-wrap{position:relative;display:inline-flex;align-items:center}.ui-select-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);min-width:4.8rem;min-height:2.6rem;padding:.35rem var(--spacing-lg);color:var(--primary-strong);cursor:pointer;background:var(--input-bg);border:1px solid var(--line-color);border-radius:0;font-family:var(--font-sans);font-size:.8rem;transition:color var(--duration-normal),background-color var(--duration-normal),border-color var(--duration-normal)}.ui-select-trigger:hover,.ui-select-trigger[aria-expanded=true]{color:var(--primary-strong);background:var(--btn-regular-bg-hover);border-color:var(--primary)}.ui-select-trigger>svg{color:var(--content-meta);pointer-events:none}.ui-select-menu{position:absolute;top:calc(100% + var(--spacing-xs));right:0;z-index:var(--z-popover);display:grid;min-width:100%;padding:var(--spacing-xs);background:var(--card-bg);border:1px solid var(--line-color);box-shadow:var(--shadow-md)}.ui-popover-layer{position:fixed;inset:0;z-index:var(--z-popover);pointer-events:none}.ui-popover-layer .ui-select-menu{position:fixed;top:0;right:auto;left:0;min-width:0;max-height:18rem;overflow-y:auto;overscroll-behavior:contain;pointer-events:auto}.ui-select-menu[hidden]{display:none}.ui-select-menu button{padding:.45rem .6rem;color:var(--content-meta);cursor:pointer;text-align:left;background:transparent;border:0;font-family:var(--font-sans);font-size:.72rem;transition:color var(--duration-normal),background-color var(--duration-normal)}.ui-select-menu button:hover,.ui-select-menu button:focus-visible{color:var(--primary-strong);background:var(--btn-regular-bg-hover);outline:0}.ui-select-menu button.selected,.ui-select-menu button.selected:hover{color:var(--card-bg);background:var(--primary)}.result-meta{display:flex;justify-content:space-between;margin-top:var(--spacing-sm);color:color-mix(in oklch,var(--content-meta) 72%,transparent);font-family:var(--font-mono);font-size:.63rem}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:var(--spacing-2xl);border:1px solid var(--line-divider);border-radius:var(--radius-large);background:var(--card-bg)}.info-card{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border:0;background:transparent}.info-card+.info-card{border-left:1px solid var(--line-divider)}.info-number{color:var(--primary);font-family:var(--font-mono);font-size:.68rem;font-weight:700}.info-card strong{font-size:.78rem;font-weight:600}.info-card p{margin:.35rem 0 0;color:var(--content-meta);font-size:.7rem;line-height:1.7}.page-footer{display:flex;justify-content:space-between;width:100%;max-width:68rem;margin:auto auto 0;padding:var(--spacing-3xl) 0 var(--spacing-xl);color:color-mix(in oklch,var(--content-meta) 70%,transparent);font-size:.68rem}.page-footer span:last-child{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.tool-catalog{width:100%;max-width:68rem;margin:0 auto}.catalog-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--spacing-3xl)}.catalog-heading h1{margin:var(--spacing-sm) 0 0;font-size:clamp(1.65rem,2.4vw,2.1rem);letter-spacing:-.03em;line-height:1.25}.catalog-heading p{margin:var(--spacing-sm) 0 0;color:var(--content-meta);font-size:.9rem}.catalog-count{color:var(--content-meta);font-family:var(--font-mono);font-size:.68rem}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.catalog-search{display:flex;align-items:center;width:min(100%,20rem);height:2.6rem;padding:0 var(--spacing-md);color:var(--content-meta);background:var(--input-bg);border:1px solid var(--line-color);transition:border-color var(--duration-normal),box-shadow var(--duration-normal)}.catalog-search:hover{border-color:color-mix(in oklch,var(--primary) 45%,var(--line-color))}.catalog-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--primary) 14%,transparent)}.catalog-search input{min-width:0;flex:1;margin-left:var(--spacing-sm);color:var(--deep-text);background:transparent;border:0;outline:0}.catalog-search input::placeholder{color:color-mix(in oklch,var(--content-meta) 65%,transparent)}.catalog-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.catalog-filter{padding:.5rem .75rem;color:var(--content-meta);cursor:pointer;background:var(--card-bg);border:1px solid var(--line-color);font-size:.75rem;transition:color var(--duration-normal),background-color var(--duration-normal),border-color var(--duration-normal)}.catalog-filter:hover,.catalog-filter.active{color:var(--primary-strong);background:var(--btn-regular-bg);border-color:var(--primary)}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-lg)}.catalog-tool{position:relative;min-width:0}.catalog-tool-link{display:flex;align-items:center;gap:var(--spacing-md);min-height:8.5rem;padding:var(--spacing-lg)}.catalog-tool:hover{background:var(--btn-card-bg-hover)}.catalog-tool-icon{display:grid;width:2.6rem;height:2.6rem;flex:none;color:var(--primary-strong);background:var(--btn-regular-bg);border:1px solid var(--line-divider);place-items:center}.catalog-tool-info{display:flex;min-width:0;flex:1;flex-direction:column}.catalog-tool-info strong{font-size:.9rem}.catalog-tool-info small,.catalog-tool-info em{overflow:hidden;color:var(--content-meta);font-size:.7rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.catalog-tool-info em{margin-top:var(--spacing-sm);color:var(--primary-strong);font-family:var(--font-mono);font-size:.62rem}.catalog-tool-link>svg{color:var(--content-meta)}.catalog-favorite{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:grid;width:2rem;height:2rem;padding:0;color:var(--content-meta);cursor:pointer;background:var(--card-bg);border:1px solid var(--line-divider);place-items:center;transition:color var(--duration-normal),background-color var(--duration-normal),border-color var(--duration-normal)}.catalog-favorite:hover{color:var(--primary);background:var(--btn-plain-bg-hover);border-color:var(--primary)}.catalog-favorite[aria-pressed=true]{color:var(--primary);background:var(--card-bg);border-color:var(--line-divider)}.favorite-icon-empty,.favorite-icon-filled{display:inline-flex}.favorite-icon-filled,.catalog-favorite[aria-pressed=true] .favorite-icon-empty{display:none}.catalog-favorite[aria-pressed=true] .favorite-icon-filled{display:inline-flex}.catalog-tool.planned{opacity:.68}.catalog-planned-label{color:var(--content-meta);font-size:.65rem;white-space:nowrap}.catalog-empty{display:flex;min-height:16rem;align-items:center;justify-content:center;gap:var(--spacing-sm);color:var(--content-meta);flex-direction:column}.catalog-empty[hidden]{display:none}.catalog-empty strong{color:var(--deep-text);font-size:.9rem}.catalog-empty span{font-size:.75rem}.dashboard-workspace{width:100%;max-width:68rem;margin:0 auto}.dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--spacing-3xl)}.dashboard-heading h1{margin:var(--spacing-sm) 0 0;font-size:clamp(1.65rem,2.4vw,2.1rem);letter-spacing:-.03em;line-height:1.25}.dashboard-heading p{max-width:34rem;margin:var(--spacing-sm) 0 0;color:var(--content-meta);font-size:.9rem}.dashboard-heading>.primary-button{flex:none;margin-bottom:.2rem}.dashboard-grid,.dashboard-lower-grid{display:grid;gap:var(--spacing-lg)}.dashboard-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);margin-bottom:var(--spacing-lg)}.dashboard-lower-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.fortune-card,.usage-card,.quick-tools,.activity-card{padding:clamp(var(--spacing-lg),3vw,var(--spacing-2xl))}.dashboard-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md)}.dashboard-card-heading h2{margin:var(--spacing-xs) 0 0;font-size:1.05rem;line-height:1.3}.random-label,.local-label,.activity-count{color:var(--content-meta);font-family:var(--font-mono);font-size:.63rem;letter-spacing:.08em;white-space:nowrap}.local-label{display:inline-flex;align-items:center;gap:var(--spacing-xs);letter-spacing:0}.local-label i{width:.4rem;height:.4rem;background:var(--success)}.fortune-score-row{display:flex;align-items:baseline;gap:var(--spacing-sm);margin-top:var(--spacing-3xl)}.fortune-score-row strong{color:var(--primary-strong);font-family:var(--font-mono);font-size:clamp(2.8rem,7vw,4.5rem);line-height:1}.fortune-score-row>span{color:var(--content-meta);font-family:var(--font-mono);font-size:.8rem}.fortune-meter{min-width:0;flex:1;height:.35rem;margin-left:var(--spacing-md);background:var(--muted)}.fortune-meter i{display:block;width:0;height:100%;background:var(--primary);transition:width var(--duration-medium)}.fortune-copy{min-height:5.4rem;margin:var(--spacing-2xl) 0 var(--spacing-lg)}.fortune-copy span{color:var(--primary-strong);font-size:.82rem;font-weight:600}.fortune-copy p{margin:var(--spacing-sm) 0 0;color:var(--content-meta);font-size:.9rem;line-height:1.8}.usage-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:var(--spacing-2xl);border-top:1px solid var(--line-divider);border-bottom:1px solid var(--line-divider)}.usage-metrics>div{display:flex;min-height:6.4rem;padding:var(--spacing-md) var(--spacing-lg);flex-direction:column;justify-content:center}.usage-metrics>div+div{border-left:1px solid var(--line-divider)}.usage-metrics span{color:var(--content-meta);font-size:.7rem}.usage-metrics strong{margin-top:var(--spacing-xs);overflow:hidden;color:var(--deep-text);font-family:var(--font-mono);font-size:1.5rem;text-overflow:ellipsis;white-space:nowrap}.usage-metrics small{color:var(--content-meta);font-size:.65rem}.usage-bars{display:flex;margin-top:var(--spacing-lg);flex-direction:column;gap:var(--spacing-md)}.usage-empty{display:flex;align-items:center;justify-content:center;min-height:9rem;gap:var(--spacing-md);margin-top:var(--spacing-lg);color:var(--content-meta);font-size:.78rem;text-align:left}.usage-empty svg{color:var(--primary)}.usage-empty small{font-size:.68rem}.usage-bar-row>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs);font-size:.72rem}.usage-bar-row>div span{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.usage-bar-row>div b{color:var(--content-meta);font-family:var(--font-mono);font-size:.68rem;font-weight:400}.usage-bar-row>i{display:block;height:.3rem;background:var(--muted)}.usage-bar-row>i span{display:block;width:0;height:100%;background:var(--primary);transition:width var(--duration-medium)}.dashboard-card-heading>a{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--primary-strong);font-size:.72rem}.quick-tool-list{margin-top:var(--spacing-2xl)}.quick-tool{display:flex;align-items:center;gap:var(--spacing-md);min-height:3.8rem;padding:var(--spacing-sm) 0;border-top:1px solid var(--line-divider)}.quick-tool:last-child{border-bottom:1px solid var(--line-divider)}.quick-tool>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column}.quick-tool strong{font-size:.82rem}.quick-tool small{color:var(--content-meta);font-size:.68rem}.quick-tool>svg{color:var(--content-meta)}.quick-tool:hover>svg,.quick-tool:hover .quick-tool-icon{color:var(--primary)}.quick-tool-icon{display:grid;width:2.2rem;height:2.2rem;flex:none;color:var(--primary-strong);background:var(--btn-regular-bg);border:1px solid var(--line-divider);place-items:center}.quick-tool em{color:var(--content-meta);font-size:.65rem;font-style:normal}.quick-tool.coming{cursor:not-allowed;opacity:.6}.activity-card{min-width:0}.activity-empty{display:flex;align-items:center;justify-content:center;min-height:12rem;gap:var(--spacing-md);margin-top:var(--spacing-xl);color:var(--content-meta);font-size:.78rem;text-align:left}.activity-empty svg{color:var(--primary)}.activity-empty small{font-size:.68rem}.activity-list{display:flex;margin:var(--spacing-xl) 0 0;padding:0;list-style:none;flex-direction:column}.activity-list li{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-top:1px solid var(--line-divider)}.activity-icon{display:grid;width:2rem;height:2rem;color:var(--primary-strong);background:var(--btn-regular-bg);place-items:center}.activity-list li>span:last-child{display:flex;flex-direction:column}.activity-list strong{font-size:.78rem}.activity-list small{color:var(--content-meta);font-size:.65rem}.simple-page{width:100%;max-width:42rem;margin:8vh auto 0;padding:clamp(var(--spacing-2xl),6vw,var(--spacing-5xl));text-align:center}.eyebrow{color:var(--primary);font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.18em}.simple-page-icon{display:grid;width:4.5rem;height:4.5rem;margin:var(--spacing-2xl) auto;color:var(--primary);background:var(--btn-regular-bg);border:1px solid var(--line-divider);border-radius:var(--radius-lg);place-items:center}.simple-page h1,.not-found h1{margin:0 0 var(--spacing-md);font-size:2rem}.simple-page p{max-width:32rem;margin:0 auto var(--spacing-2xl);color:var(--content-meta)}.simple-page .primary-button{margin:0 auto}.not-found{padding:8rem 0;text-align:center}.not-found a{color:var(--primary)}.toast{position:fixed;right:var(--spacing-2xl);bottom:var(--spacing-2xl);z-index:var(--z-toast);display:flex;align-items:center;gap:var(--spacing-md);min-width:13rem;padding:var(--spacing-md) var(--spacing-lg);color:var(--deep-text);pointer-events:none;background:var(--float-panel-bg);border:1px solid var(--line-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);font-size:.82rem;opacity:0;transition:opacity var(--duration-medium)}.toast.is-visible{opacity:1}.toast-icon{display:grid;width:1.6rem;height:1.6rem;color:#fff;background:var(--success);border-radius:var(--radius-full);place-items:center}.mobile-backdrop{display:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-color);border:2px solid transparent;border-radius:var(--radius-full);background-clip:padding-box}.tool-search:focus-within,textarea:focus{box-shadow:none}.main-nav a:after{opacity:0;transform:none;transition:opacity var(--duration-normal)}.main-nav a.active:after{opacity:1;transform:none}.tool-item:before{transform:none;transition:opacity var(--duration-normal)}.drop-zone.is-dragging{transform:none}.primary-button,.secondary-button{transition:color var(--duration-normal),background-color var(--duration-normal),border-color var(--duration-normal)}.primary-button,.primary-button:hover,.primary-button:active,.primary-button:disabled{box-shadow:none;transform:none}.toast{transform:none;transition:opacity var(--duration-medium)}.toast.is-visible{transform:none}::view-transition-old(root),::view-transition-new(root){animation-duration:.5s;animation-timing-function:var(--ease-standard);mix-blend-mode:normal}.security-notice{display:flex;align-items:center;gap:var(--spacing-sm);margin:calc(var(--spacing-3xl) * -.55) 0 var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);color:var(--content-meta);background:var(--btn-regular-bg);border:1px solid var(--line-divider);font-size:.72rem}.security-notice svg{color:var(--primary)}.security-notice a{color:var(--primary-strong);text-decoration:underline;text-underline-offset:2px}.security-notice a:hover{color:var(--primary)}.security-field-row,.security-form-grid{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.security-field-row{align-items:flex-end}.security-form-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(12rem,.7fr)}.security-field{min-width:0}.security-field>label,.security-label,.security-field>.field-heading>label{display:block;margin-bottom:var(--spacing-sm);font-size:.82rem;font-weight:600}.security-field-row>.ui-select-field{margin-top:0}.security-field-hint{align-self:center;color:var(--content-meta);font-size:.7rem}.security-message-field{margin-top:var(--spacing-xl)}.security-message-field textarea{min-height:10rem}.security-error{margin-top:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);color:#c74b47;background:color-mix(in oklch,.65 .18 25 10%,var(--card-bg));border:1px solid color-mix(in oklch,.65 .18 25 25%,var(--line-color));font-size:.75rem}.security-result-card{position:relative;z-index:1}.algorithm-section{margin-bottom:var(--spacing-xl)}.algorithm-section .security-option-grid{margin-top:var(--spacing-sm)}.security-label-note{margin-left:var(--spacing-sm);color:var(--content-meta);font-size:.68rem;font-weight:500}.hash-key-field{margin-bottom:var(--spacing-xl)}.hash-result-list{display:grid;gap:var(--spacing-sm)}.hash-result-item{display:grid;grid-template-columns:minmax(5.5rem,auto) minmax(0,1fr) auto;gap:var(--spacing-md);align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--codeblock-bg);border:1px solid var(--line-divider);border-radius:var(--radius-sm)}.hash-result-algo{color:var(--primary);font-family:var(--font-mono);font-size:.72rem;font-weight:700;white-space:nowrap}.hash-result-value{min-width:0;overflow-x:auto;color:oklch(.82 .11 var(--hue));font-family:var(--font-mono);font-size:.82rem;letter-spacing:.05em;line-height:1.6;scrollbar-width:none;white-space:nowrap}.hash-result-item.is-pending .hash-result-value{color:color-mix(in oklch,white 25%,transparent);letter-spacing:.12em}.hash-result-copy{display:inline-flex;align-items:center;justify-content:center;min-height:1.9rem;padding:0 var(--spacing-md);color:oklch(.78 .1 var(--hue));cursor:pointer;background:oklch(.27 .03 var(--hue));border:1px solid oklch(.35 .04 var(--hue));border-radius:var(--radius-sm);font-size:.7rem;transition:background-color var(--duration-normal),border-color var(--duration-normal)}.hash-result-copy:hover{background:oklch(.32 .04 var(--hue));border-color:var(--primary)}.hash-result-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-top:var(--spacing-md)}.hash-result-actions .ui-button{min-height:2rem;padding:0 var(--spacing-md);font-size:.72rem}.jwt-state{margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);color:var(--content-meta);background:var(--input-bg);border-left:3px solid var(--meta-divider);font-size:.82rem;font-weight:600}.jwt-state[data-level=valid],.jwt-state[data-level=encrypted]{color:var(--success);border-color:var(--success)}.jwt-state[data-level=expired],.jwt-state[data-level=not-yet-valid]{color:#ce514d;border-color:#ce514d}.jwt-claim-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:var(--spacing-xl);border:1px solid var(--line-divider)}.jwt-claim{display:flex;min-width:0;padding:var(--spacing-md);flex-direction:column;gap:var(--spacing-xs)}.jwt-claim+.jwt-claim{border-left:1px solid var(--line-divider)}.jwt-claim span{color:var(--content-meta);font-size:.68rem}.jwt-claim code{overflow:hidden;color:var(--deep-text);font-family:var(--font-mono);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.jwt-json-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-lg)}.jwt-json-panel{min-width:0}.result-subheading{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm);font-size:.78rem}.inline-copy{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:.25rem .45rem;color:var(--primary-strong);cursor:pointer;background:transparent;border:1px solid var(--line-divider);font-size:.68rem}.inline-copy:hover:not(:disabled){background:var(--btn-regular-bg);border-color:var(--primary)}.inline-copy:disabled{cursor:not-allowed;opacity:.45}.security-code{min-height:10rem;max-height:20rem;margin:0;padding:var(--spacing-lg);overflow:auto;color:oklch(.82 .11 var(--hue));background:var(--codeblock-bg);border:1px solid color-mix(in oklch,var(--primary) 18%,transparent);font-family:var(--font-mono);font-size:.72rem;line-height:1.65;white-space:pre-wrap;word-break:break-word}.security-warnings{display:grid;margin:var(--spacing-lg) 0 0;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-md) 2rem;color:var(--content-meta);background:var(--input-bg);border:1px solid var(--line-divider);font-size:.72rem;gap:var(--spacing-xs)}.security-empty{margin:0;color:var(--content-meta);font-size:.72rem;list-style:none}.password-output{display:flex;align-items:center;min-height:5.2rem;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) var(--spacing-lg);background:var(--codeblock-bg);border:1px solid color-mix(in oklch,var(--primary) 18%,transparent)}.password-output code{min-width:0;flex:1;overflow-x:auto;color:oklch(.82 .11 var(--hue));font-family:var(--font-mono);font-size:clamp(.95rem,2vw,1.25rem);font-weight:700;letter-spacing:.08em;line-height:1.6;scrollbar-width:none;white-space:nowrap}.password-output[data-empty=true] code{color:color-mix(in oklch,white 25%,transparent);font-size:.9rem;letter-spacing:.02em}.password-output button{display:inline-flex;align-items:center;gap:var(--spacing-xs);min-height:2rem;margin-left:var(--spacing-lg);padding:0 var(--spacing-md);color:oklch(.78 .1 var(--hue));cursor:pointer;background:oklch(.27 .03 var(--hue));border:1px solid oklch(.35 .04 var(--hue));font-size:.72rem}.password-output button:hover:not(:disabled){background:oklch(.32 .04 var(--hue));border-color:var(--primary)}.password-output button:disabled{cursor:not-allowed;opacity:.4}.password-length-control{display:flex;align-items:center;gap:var(--spacing-lg)}.password-length-control input[type=range]{min-width:0;flex:1;accent-color:var(--primary)}.security-number-input{width:5.5rem;min-height:2.4rem;padding-inline:var(--spacing-md);text-align:center}.password-options-field{margin-top:var(--spacing-xl)}.security-option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--input-bg);border:1px solid var(--line-divider)}.password-strength-summary{margin-top:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg);background:var(--input-bg);border:1px solid var(--line-divider)}.strength-heading,.strength-result,.strength-result-copy{display:flex;align-items:center}.strength-heading{justify-content:space-between;font-size:.75rem}.strength-heading strong[data-level=weak]{color:#ce514d}.strength-heading strong[data-level=fair]{color:var(--warning)}.strength-heading strong[data-level=strong],.strength-heading strong[data-level=excellent]{color:var(--success)}.strength-track{height:.4rem;margin-top:var(--spacing-sm);overflow:hidden;background:var(--muted)}.strength-track i{display:block;width:0;height:100%;background:var(--meta-divider);transition:width var(--duration-medium),background-color var(--duration-medium)}.strength-track i[data-level=weak]{background:#ce514d}.strength-track i[data-level=fair]{background:var(--warning)}.strength-track i[data-level=strong],.strength-track i[data-level=excellent]{background:var(--success)}.password-strength-summary>small,.strength-result-copy small{display:block;margin-top:var(--spacing-sm);color:var(--content-meta);font-size:.68rem}.strength-result{gap:var(--spacing-xl);padding:var(--spacing-lg);background:var(--input-bg);border:1px solid var(--line-divider)}.strength-score{display:flex;min-width:5.5rem;align-items:baseline;gap:.2rem;color:var(--content-meta);font-family:var(--font-mono)}.strength-score strong{color:var(--deep-text);font-size:2.2rem;line-height:1}.strength-result-copy{min-width:0;flex:1;align-items:stretch;flex-direction:column}.strength-result-copy>strong{font-size:.9rem}.strength-result[data-level=weak] .strength-score strong{color:#ce514d}.strength-result[data-level=fair] .strength-score strong{color:var(--warning)}.strength-result[data-level=strong] .strength-score strong,.strength-result[data-level=excellent] .strength-score strong{color:var(--success)}.strength-metrics{display:flex;gap:var(--spacing-xl);margin-top:var(--spacing-md);color:var(--content-meta);font-size:.7rem}.strength-metrics b{margin-left:var(--spacing-xs);color:var(--deep-text);font-family:var(--font-mono)}.strength-feedback{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--spacing-sm) var(--spacing-lg);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--line-divider);color:var(--content-meta);font-size:.72rem}.strength-feedback ul{margin:0;padding-left:1.1rem}.strength-feedback li{margin:var(--spacing-xs) 0}.is-calculating .security-input,.is-calculating .security-number-input,.is-calculating .password-length-control,.is-calculating .security-option-grid,.is-calculating #hmac-clear{pointer-events:none;opacity:.65}.json-options{display:grid;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg);background:var(--input-bg);border:1px solid var(--line-divider)}.json-options-selects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-lg)}.json-options .ui-select-field{min-width:0}.json-option-section{display:grid;gap:var(--spacing-sm)}.json-option-heading{color:var(--content-meta);font-size:.68rem;font-weight:600}.json-option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-md) var(--spacing-lg)}.json-option-grid .ui-checkbox{min-height:2rem}.json-option-grid .ui-checkbox-label{color:var(--deep-text)}.json-repairs{margin:0 0 var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--content-meta);background:var(--input-bg);border-left:2px solid var(--primary);font-size:.7rem;line-height:1.6}.json-output-heading{margin-bottom:var(--spacing-sm)}.json-output-heading>span{color:var(--content-meta);font-size:.68rem;font-weight:400}.json-output{min-height:18rem;max-height:32rem;margin:0;padding:var(--spacing-lg);resize:vertical;color:oklch(.82 .11 var(--hue));background:var(--codeblock-bg);border:1px solid color-mix(in oklch,var(--primary) 18%,transparent);font-size:.82rem;line-height:1.7}.json-output:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--primary) 13%,transparent)}.json-output[data-empty=true]{color:color-mix(in oklch,white 25%,transparent)}.json-result-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.json-result-actions .ui-button{min-height:2.2rem;padding-inline:var(--spacing-md);font-size:.72rem}.json-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;margin-top:var(--spacing-xl);background:var(--line-divider);border:1px solid var(--line-divider)}.json-stats>div{display:flex;min-width:0;padding:var(--spacing-md);background:var(--input-bg);flex-direction:column;gap:var(--spacing-xs)}.json-stats span{color:var(--content-meta);font-size:.68rem}.json-stats strong{overflow:hidden;color:var(--deep-text);font-family:var(--font-mono);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.result-card:has(.json-output:not([data-empty=true])) .status-dot{background:var(--success);box-shadow:0 0 0 3px color-mix(in oklch,var(--success) 12%,transparent)}.encoding-options{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg);color:var(--content-meta);background:var(--input-bg);border:1px solid var(--line-divider);font-size:.7rem}.encoding-options .ui-checkbox{color:var(--deep-text);font-size:.75rem}.base-encoding-options .ui-select-field{min-width:15rem}.encoding-output{min-height:16rem;max-height:30rem;margin:0;padding:var(--spacing-lg);resize:vertical;color:oklch(.82 .11 var(--hue));background:var(--codeblock-bg);border:1px solid color-mix(in oklch,var(--primary) 18%,transparent);font-size:.82rem;line-height:1.7;word-break:break-all}.encoding-output:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--primary) 13%,transparent)}.encoding-output[data-empty=true]{color:color-mix(in oklch,white 25%,transparent)}.encoding-result-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.encoding-result-actions .ui-button{min-height:2.2rem;padding-inline:var(--spacing-md);font-size:.72rem}.encoding-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:var(--spacing-xl);background:var(--line-divider);border:1px solid var(--line-divider)}.encoding-stats>div{display:flex;min-width:0;padding:var(--spacing-md);background:var(--input-bg);flex-direction:column;gap:var(--spacing-xs)}.encoding-stats span{color:var(--content-meta);font-size:.68rem}.encoding-stats strong{overflow:hidden;color:var(--deep-text);font-family:var(--font-mono);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.result-card:has(.encoding-output:not([data-empty=true])) .status-dot{background:var(--success);box-shadow:0 0 0 3px color-mix(in oklch,var(--success) 12%,transparent)}.tool-options{display:grid;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg);background:var(--input-bg);border:1px solid var(--line-divider)}.action-row-hint{color:var(--content-meta);font-size:.72rem}.action-row+.tool-options{margin-top:var(--spacing-xl)}.tool-options-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-lg)}.tool-options-row>.ui-select-field{min-width:13rem}.tool-options-row>span{color:var(--content-meta);font-size:.7rem;line-height:1.6}.tool-option-section{display:grid;gap:var(--spacing-sm)}.tool-option-heading{color:var(--content-meta);font-size:.68rem;font-weight:600}.tool-option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-md) var(--spacing-lg)}.tool-option-grid .ui-checkbox{min-height:2rem}.tool-option-grid .ui-checkbox-label{color:var(--deep-text)}.shortcut-button{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--card-bg);border:1px solid var(--line-divider);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.shortcut-button strong{color:var(--deep-text);font-size:.72rem;font-weight:600}.shortcut-button code{overflow:hidden;color:var(--content-meta);font-family:var(--font-mono);font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}.shortcut-button:hover{color:var(--btn-content);background:var(--btn-regular-bg);border-color:var(--primary)}.shortcut-button:hover code{color:var(--btn-content)}.tool-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.tool-field-grid>.ui-select-field,.tool-options-row>.ui-select-field{align-self:start;align-items:start;flex-direction:column}.tool-field{display:grid;min-width:0;gap:var(--spacing-sm)}.tool-field>label{font-size:.82rem;font-weight:600}.tool-pane-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.tool-pane{display:grid;min-width:0;gap:var(--spacing-sm)}.tool-pane>label{font-size:.82rem;font-weight:600}.tool-output{min-height:16rem;max-height:30rem;margin:0;padding:var(--spacing-lg);resize:vertical;color:oklch(.82 .11 var(--hue));background:var(--codeblock-bg);border:1px solid color-mix(in oklch,var(--primary) 18%,transparent);font-size:.82rem;line-height:1.7;white-space:pre-wrap;word-break:break-word}.tool-output:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--primary) 13%,transparent)}.textarea-compact{min-height:6rem}.tool-output[data-empty=true]{color:color-mix(in oklch,white 25%,transparent)}.tool-result-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-md)}.tool-result-actions .ui-button{min-height:2.2rem;padding-inline:var(--spacing-md);font-size:.72rem}.tool-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:var(--spacing-xl);background:var(--line-divider);border:1px solid var(--line-divider)}.tool-stats[data-columns="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}.tool-stats>div{display:flex;min-width:0;padding:var(--spacing-md);background:var(--input-bg);flex-direction:column;gap:var(--spacing-xs)}.tool-stats span{color:var(--content-meta);font-size:.68rem}.tool-stats strong{overflow:hidden;color:var(--deep-text);font-family:var(--font-mono);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.tool-rows{display:grid;gap:1px;margin-top:var(--spacing-lg);background:var(--line-divider);border:1px solid var(--line-divider)}.tool-row{display:grid;grid-template-columns:minmax(6rem,.6fr) minmax(0,1.4fr);gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--card-bg);font-family:var(--font-mono);font-size:.75rem}.tool-row>span:first-child{overflow:hidden;color:var(--primary-strong);text-overflow:ellipsis;white-space:nowrap}.tool-row>span:last-child{overflow-wrap:anywhere;color:var(--deep-text)}.tool-rows[data-columns="4"] .tool-row{grid-template-columns:minmax(2.5rem,auto) minmax(5rem,.7fr) minmax(5rem,.7fr) minmax(0,1.2fr)}.tool-subsection{margin-top:var(--spacing-xl)}.query-table{margin-top:var(--spacing-lg);overflow:hidden;border:1px solid var(--line-divider);border-radius:var(--radius-md)}.query-row{display:grid;grid-template-columns:2.25rem minmax(6rem,.8fr) minmax(0,1.4fr) auto;gap:var(--spacing-sm);align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--card-bg);border-top:1px solid var(--line-divider)}.query-row:first-child{border-top:0}.query-row-head{background:var(--input-bg);border-top:0;color:var(--content-meta);font-size:.72rem;font-weight:600;letter-spacing:.04em}.query-row-head-actions{padding-left:var(--spacing-sm);text-align:right}.query-row-index{color:var(--content-meta);font-family:var(--font-mono);font-size:.72rem;text-align:right}.query-cell{min-height:2.1rem;padding:0 var(--spacing-md);font-size:.8rem}.query-cell-key{color:var(--primary-strong)}.query-row[data-empty=true] .query-cell-value{color:var(--content-meta);border-style:dashed}.query-row-actions{display:flex;gap:var(--spacing-xs);align-items:center;justify-content:flex-end}.query-value-toggle{width:2.25rem;height:2.25rem;padding:0;color:var(--content-meta);font-family:var(--font-mono);font-size:.9rem;font-weight:700;cursor:pointer;background:transparent;border:1px solid var(--line-color);border-radius:var(--radius-md);transition:color var(--duration-normal),background-color var(--duration-normal),border-color var(--duration-normal)}.query-value-toggle:hover{color:var(--primary);border-color:color-mix(in oklch,var(--primary) 45%,var(--line-color))}.query-value-toggle[aria-pressed=true]{color:var(--primary-strong);background:color-mix(in oklch,var(--primary) 12%,transparent);border-color:color-mix(in oklch,var(--primary) 40%,transparent)}.query-value-toggle:focus-visible{border-color:var(--primary);outline:0;box-shadow:0 0 0 3px color-mix(in oklch,var(--primary) 13%,transparent)}.tool-empty-note{margin:0;padding:var(--spacing-xl) var(--spacing-md);color:var(--content-meta);background:var(--card-bg);font-size:.82rem;text-align:center}.query-warning{margin-top:var(--spacing-lg)}.query-source{display:flex;gap:var(--spacing-md);align-items:baseline;margin-top:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg);background:var(--input-bg);border:1px solid var(--line-divider);border-radius:var(--radius-md)}.query-source-label{flex:none;color:var(--content-meta);font-size:.7rem}.query-source code{overflow-wrap:anywhere;color:var(--deep-text);font-family:var(--font-mono);font-size:.75rem}.query-output-row{display:flex;gap:var(--spacing-md);align-items:center;margin-top:var(--spacing-md)}.query-output{flex:1;min-width:0;min-height:2.4rem;cursor:pointer;font-family:var(--font-mono);font-size:.8rem;transition:border-color var(--duration-normal),box-shadow var(--duration-normal)}.query-output:hover{border-color:color-mix(in oklch,var(--primary) 45%,var(--line-color))}.query-output:focus{border-color:var(--primary);outline:0;box-shadow:0 0 0 3px color-mix(in oklch,var(--primary) 13%,transparent)}.query-output-row .ui-button{flex:none;white-space:nowrap}.tool-filter-bar{gap:var(--spacing-lg)}.tool-filter-bar .field-heading-actions{flex:1;min-width:0;gap:var(--spacing-md)}.tool-filter-bar input{flex:1 1 9rem;width:auto;min-width:0;min-height:2.2rem;font-family:var(--font-sans);font-size:.8rem}.tool-filter-bar .ui-button{flex:none;white-space:nowrap}.tool-row[data-empty=true]>span:last-child{color:var(--content-meta)}.tool-row-copy{width:100%;color:inherit;cursor:pointer;text-align:left;border:0;transition:background-color var(--duration-fast) var(--ease-standard)}.tool-row-copy:hover{background:var(--btn-plain-bg-hover)}.uuid-parse-items{display:grid;gap:1px;margin-top:var(--spacing-lg);background:var(--line-divider);border:1px solid var(--line-divider)}.uuid-parse-item{background:var(--card-bg)}.uuid-parse-item-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs) var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;list-style:none;font-family:var(--font-mono);font-size:.75rem}.uuid-parse-item-head::-webkit-details-marker{display:none}.uuid-parse-item-head:hover{background:var(--btn-plain-bg-hover)}.uuid-parse-item-index{min-width:1.6rem;flex:none;color:var(--content-meta);text-align:right}.uuid-parse-item-value{min-width:0;flex:1 1 16rem;overflow:hidden;color:var(--deep-text);text-overflow:ellipsis;white-space:nowrap}.uuid-parse-item-meta{flex:none;color:var(--primary-strong)}.uuid-parse-item-state{min-width:0;overflow:hidden;color:var(--content-meta);text-overflow:ellipsis;white-space:nowrap}.uuid-parse-item-chevron{flex:none;margin-left:auto;color:var(--content-meta);transition:transform var(--duration-normal) var(--ease-standard)}.uuid-parse-item[open] .uuid-parse-item-chevron{transform:rotate(180deg)}.uuid-parse-item[data-invalid=true] .uuid-parse-item-value{color:var(--content-meta);text-decoration:line-through}.uuid-parse-item-body{display:grid;gap:1px;background:var(--line-divider);border-top:1px solid var(--line-divider)}.uuid-parse-item-fields{display:grid;gap:1px;background:var(--line-divider)}.uuid-parse-item-actions{display:flex;justify-content:flex-end;padding:var(--spacing-sm) var(--spacing-md);background:var(--card-bg)}.uuid-parse-item-note,.uuid-parse-item-notice{margin:0;padding:var(--spacing-sm) var(--spacing-md);color:var(--content-meta);background:var(--card-bg);font-size:.72rem}.result-card:has(.tool-output:not([data-empty=true])) .status-dot,.result-card:has(.query-output:not(:placeholder-shown)) .status-dot,.result-card:has(#timestamp-rows .tool-row) .status-dot,.result-card:has(.uuid-parse-items:not([data-empty=true])) .status-dot{background:var(--success);box-shadow:0 0 0 3px color-mix(in oklch,var(--success) 12%,transparent)}@media(max-width:1100px){.brand{min-width:auto}.status-pill{display:none}.main-nav{gap:var(--spacing-lg)}.main-content{padding-inline:var(--spacing-2xl)}}@media(max-width:1023px){.mobile-menu{display:inline-grid}.app-shell{display:block}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:calc(var(--z-modal-backdrop) + 1);width:min(20rem,88vw);height:100vh;padding:var(--spacing-lg);border-right-color:var(--line-color);box-shadow:none;transform:translate(-102%);transition:transform var(--duration-slow) var(--ease-standard),box-shadow var(--duration-normal)}.sidebar.is-open{box-shadow:var(--shadow-2xl);transform:translate(0)}.sidebar-footer{margin:0 calc(-1 * var(--spacing-lg)) calc(-1 * var(--spacing-lg));padding:var(--spacing-lg)}.sidebar-mobile-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);font-size:.9rem}.tool-search{margin-bottom:var(--spacing-lg)}.mobile-backdrop{position:fixed;inset:0;z-index:var(--z-modal-backdrop);display:block;pointer-events:none;background:color-mix(in oklch,var(--codeblock-bg) 45%,transparent);opacity:0;transition:opacity var(--duration-medium)}.mobile-backdrop.is-visible{pointer-events:auto;opacity:1}.main-content{min-height:calc(100vh - 4rem)}}@media(max-width:760px){.nav-inner{padding:0 var(--spacing-md)}.brand{margin-right:auto}.brand-mark{width:2rem;height:2rem}.brand-name{font-size:1.05rem}.main-nav{display:none}.main-content{padding:var(--spacing-2xl) var(--spacing-lg) 0}.dashboard-heading{align-items:flex-start;margin-bottom:var(--spacing-2xl);flex-direction:column}.dashboard-heading>.primary-button{margin-top:var(--spacing-lg)}.dashboard-grid,.dashboard-lower-grid{grid-template-columns:1fr}.usage-metrics>div{padding-inline:var(--spacing-md)}.catalog-heading,.catalog-toolbar{align-items:flex-start;flex-direction:column}.catalog-heading{margin-bottom:var(--spacing-2xl)}.catalog-search{width:100%}.catalog-grid{grid-template-columns:1fr}.workspace-header{align-items:flex-start;margin-bottom:var(--spacing-2xl)}.title-icon{width:2.75rem;height:2.75rem}.title-line h1{font-size:1.55rem}.title-line p{font-size:.78rem}.privacy-badge{padding:.35rem .55rem;font-size:.68rem}.tool-card,.result-card{padding:var(--spacing-lg)}.input-mode{display:grid;width:100%}.json-options-selects,.json-option-grid{grid-template-columns:1fr}.json-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.encoding-options{align-items:flex-start;flex-direction:column}.base-encoding-options .ui-select-field{width:100%;min-width:0}.base-encoding-options .ui-select-wrap{flex:1}.encoding-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-options-row{align-items:stretch;flex-direction:column}.tool-options-row>.ui-select-field{width:100%;min-width:0}.tool-options-row>.ui-select-wrap{flex:1}.tool-option-grid,.tool-field-grid,.tool-pane-grid{grid-template-columns:1fr}.tool-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.security-field-row,.security-form-grid,.jwt-json-grid{grid-template-columns:1fr;flex-direction:column}.security-field-hint{align-self:auto}.security-field-row{align-items:stretch}.jwt-claim-grid,.security-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.password-output{align-items:stretch;flex-direction:column}.password-output button{align-self:flex-end;margin:var(--spacing-sm) 0 0}textarea,.drop-zone{min-height:10.5rem}.shortcut-hint{display:none}.hash-output{align-items:stretch;padding:var(--spacing-lg);flex-direction:column}.hash-output code{padding-block:var(--spacing-sm);letter-spacing:.04em}.hash-output button{align-self:flex-end;margin:var(--spacing-sm) 0 0}.hash-result-item{grid-template-columns:1fr;gap:var(--spacing-sm)}.hash-result-value{padding-block:var(--spacing-xs);letter-spacing:.04em}.hash-result-copy{justify-self:flex-end}.hash-result-actions{align-items:flex-start;flex-direction:column}.result-meta{gap:var(--spacing-md);flex-direction:column}.info-grid{grid-template-columns:1fr}.info-card+.info-card{border-top:1px solid var(--line-divider);border-left:0}.page-footer{gap:var(--spacing-sm);flex-direction:column}}@media(max-width:460px){.privacy-badge{display:none}.title-line{gap:var(--spacing-md)}.action-row{align-items:stretch;flex-direction:column}.action-row .primary-button,.action-row .secondary-button{width:100%}.input-mode{grid-auto-columns:minmax(0,1fr)}.mode-button{gap:var(--spacing-xs);padding:0 var(--spacing-sm);font-size:.75rem}.json-result-actions{flex-direction:column}.json-result-actions .ui-button{width:100%}.json-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.encoding-result-actions{flex-direction:column}.encoding-result-actions .ui-button{width:100%}.tool-result-actions{flex-direction:column}.tool-result-actions .ui-button{width:100%}.tool-row{grid-template-columns:1fr}.query-row{grid-template-columns:1fr auto}.query-row-index,.query-row-head{display:none}.query-cell-key,.query-cell-value{grid-column:1}.query-row-actions{grid-row:1 / span 2;grid-column:2;align-self:center}.jwt-claim-grid{grid-template-columns:1fr}.jwt-claim+.jwt-claim{border-top:1px solid var(--line-divider);border-left:0}.security-option-grid{grid-template-columns:1fr}.strength-result{align-items:flex-start;flex-direction:column}.strength-result-copy{width:100%}.strength-metrics{gap:var(--spacing-md);flex-wrap:wrap}.strength-feedback{grid-template-columns:1fr}.toast{right:var(--spacing-lg);bottom:var(--spacing-lg);left:var(--spacing-lg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.topbar,.sidebar,.page-footer,.toast,.tool-card,.info-grid{display:none!important}.app-shell,.main-content{display:block;padding:0}}.locale-switcher{position:relative}.locale-trigger{display:inline-flex;align-items:center;width:auto;padding:0 .6rem;gap:.35rem}.locale-current{font-size:.78rem;color:var(--content-meta);white-space:nowrap}.locale-menu{position:absolute;top:calc(100% + .5rem);right:0;z-index:60;min-width:10.5rem;padding:.35rem;display:flex;flex-direction:column;gap:.1rem;border:1px solid var(--line-divider);border-radius:var(--radius-md);background:var(--card-bg);box-shadow:var(--shadow-lg)}.locale-menu[hidden]{display:none}.locale-menu-title{padding:.35rem .55rem .45rem;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--content-meta)}.locale-option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem .55rem;border-radius:var(--radius-sm);font-size:.85rem;color:var(--deep-text);cursor:pointer}.locale-option:hover,.locale-option:focus-visible{background:var(--btn-regular-bg)}.locale-option.active{color:var(--primary);font-weight:600}.bip39-mnemonic{font-family:var(--font-mono);letter-spacing:.02em;word-break:break-word}.bip39-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.bip39-meta>div{display:flex;flex-direction:column;gap:.15rem;padding:var(--spacing-sm) var(--spacing-md);background:var(--input-bg);border:1px solid var(--line-divider);border-radius:var(--radius-md)}.bip39-meta span{color:var(--content-meta);font-size:.68rem}.bip39-meta strong{font-size:.85rem;word-break:break-all}.bip39-entropy-row{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center;margin-top:var(--spacing-sm)}.bip39-entropy-label{color:var(--content-meta);font-size:.72rem}.bip39-entropy-row code{flex:1 1 12rem;min-width:0;font-size:.72rem;word-break:break-all}.bip39-converted{display:block;min-height:3rem;padding:var(--spacing-sm) var(--spacing-md);overflow-wrap:anywhere;background:var(--input-bg);border:1px solid var(--line-divider);font-size:.75rem;line-height:1.7}.bip39-advanced{margin-top:var(--spacing-lg);padding:var(--spacing-md);border:1px solid var(--line-divider);border-radius:var(--radius-md)}.bip39-advanced>summary{color:var(--primary);cursor:pointer;font-size:.8rem;font-weight:600}.bip39-advanced-hint{margin:var(--spacing-sm) 0 0;color:var(--content-meta);font-size:.72rem;line-height:1.7}.bip39-path-grid{display:grid;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.bip39-path-grid input{font-family:var(--font-mono);font-size:.75rem}.bip39-chain{padding:var(--spacing-md);background:var(--card-bg);border:1px solid var(--line-divider);border-radius:var(--radius-md)}.bip39-chain+.bip39-chain{margin-top:var(--spacing-sm)}.bip39-chain-head{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:baseline;justify-content:space-between;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--line-divider)}.bip39-chain-title{display:flex;gap:var(--spacing-sm);align-items:baseline}.bip39-chain-symbol{font-size:.95rem}.bip39-chain-name,.bip39-chain-path{color:var(--content-meta);font-size:.72rem}.bip39-chain-path{font-family:var(--font-mono)}.bip39-address-list{display:grid;gap:var(--spacing-xs);padding:var(--spacing-sm) 0}.bip39-address{display:grid;grid-template-columns:minmax(7rem,.8fr) minmax(0,2fr) auto;gap:var(--spacing-sm);align-items:center}.bip39-address-label,.bip39-key-label{color:var(--content-meta);font-size:.72rem}.bip39-address-value{font-size:.72rem;overflow-wrap:anywhere}.bip39-copy{padding:.1rem .35rem;color:var(--content-meta);background:transparent;border:1px solid transparent;cursor:pointer;font-size:.7rem}.bip39-copy:hover{color:var(--primary);border-color:var(--line-divider)}.bip39-key-grid{display:grid;gap:var(--spacing-xs);padding-top:var(--spacing-sm);border-top:1px solid var(--line-divider)}.bip39-key{display:grid;grid-template-columns:minmax(7rem,.8fr) minmax(0,2fr);gap:var(--spacing-sm);align-items:center}.bip39-key-value{font-size:.72rem;overflow-wrap:anywhere}.bip39-key-masked{color:var(--content-meta);background:var(--input-bg);letter-spacing:.12em;user-select:none}@media(max-width:760px){.bip39-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.bip39-address,.bip39-key{grid-template-columns:minmax(0,1fr);gap:.15rem}.bip39-copy{justify-self:start}}@media(max-width:900px){.locale-current{display:none}.locale-trigger{padding:0;width:2.4rem}}.lottery-source{width:100%;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.04em}.lottery-odds{display:grid;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.lottery-odds-row{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:baseline;padding:var(--spacing-sm) var(--spacing-md);background:var(--input-bg);border:1px solid var(--line-divider);border-radius:var(--radius-md)}.lottery-odds-row>span{flex:0 0 100%;color:var(--content-meta);font-size:.7rem}.lottery-odds-row code{font-size:.74rem;overflow-wrap:anywhere}.lottery-odds-decimal{padding:var(--spacing-sm) var(--spacing-md);background:var(--input-bg);border:1px solid var(--line-divider);border-radius:var(--radius-md)}.lottery-odds-decimal>span{display:block;margin-bottom:.15rem;color:var(--content-meta);font-size:.7rem}.lottery-odds-decimal code{display:block;font-size:.7rem;line-height:1.7;overflow-wrap:anywhere}.lottery-history{display:grid;gap:var(--spacing-xs)}.lottery-history-empty{margin:0;color:var(--content-meta);font-size:.72rem}.lottery-history-row{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--input-bg);border:1px solid var(--line-divider);border-radius:var(--radius-md);font-size:.7rem}.lottery-history-source{font-size:.72rem}.lottery-history-time{flex:1 1 auto;color:var(--content-meta)}.lottery-entry{padding:var(--spacing-md);background:var(--card-bg);border:1px solid var(--line-divider);border-radius:var(--radius-md)}.lottery-entry+.lottery-entry{margin-top:var(--spacing-sm)}.lottery-entry-head{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:baseline}.lottery-entry-index{color:var(--primary);font-size:.8rem;font-weight:600}.lottery-entry-hex{color:var(--content-meta);font-size:.7rem;overflow-wrap:anywhere}.lottery-entry-address{display:flex;gap:var(--spacing-sm);align-items:center;margin-top:var(--spacing-sm)}.lottery-address{flex:1 1 auto;min-width:0;font-size:.78rem;overflow-wrap:anywhere}.lottery-entry-secret{display:grid;grid-template-columns:minmax(5rem,auto) minmax(0,1fr);gap:var(--spacing-sm);align-items:center;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--line-divider)}.lottery-secret-label{color:var(--content-meta);font-size:.72rem}.lottery-mnemonic{font-size:.72rem;line-height:1.7;overflow-wrap:anywhere}.lottery-entry-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.lottery-check{padding:.3rem .7rem;color:var(--primary-strong);background:var(--btn-regular-bg);border:1px solid var(--line-divider);cursor:pointer;font-size:.72rem}.lottery-check:hover{border-color:var(--primary)}.lottery-badge-winner{padding:.05rem .4rem;color:var(--success);border:1px solid currentcolor;border-radius:var(--radius-full);font-size:.65rem;font-weight:600}@media(max-width:760px){.lottery-entry-secret{grid-template-columns:minmax(0,1fr);gap:.15rem}}.lottery-history-row.is-winner,.lottery-entry.is-winner{background:var(--lottery-gold-bg);border-color:var(--lottery-gold-border)}.lottery-history-row.is-winner,.lottery-entry.is-winner{box-shadow:inset 3px 0 0 var(--lottery-gold)}.lottery-win-amount{padding:.05rem .45rem;color:var(--lottery-gold-strong);background:var(--lottery-gold-bg);border:1px solid var(--lottery-gold-border);border-radius:var(--radius-full);font-size:.65rem;font-weight:600}.lottery-badge-winner{color:var(--lottery-gold-strong);background:var(--lottery-gold-bg)}.lottery-dialog{width:min(30rem,calc(100vw - 2rem));padding:0;color:var(--deep-text);background:var(--card-bg);border:1px solid var(--line-divider);border-radius:var(--radius-lg);box-shadow:0 18px 48px #00000047}.lottery-dialog::backdrop{background:#00000073}.lottery-dialog-form{display:grid;gap:var(--spacing-sm);padding:var(--spacing-lg)}.lottery-dialog h2{font-size:1.05rem}.lottery-dialog-body{margin:0;color:var(--content-meta);font-size:.75rem;line-height:1.7;overflow-wrap:anywhere}.lottery-dialog-step{display:grid;gap:var(--spacing-sm)}.lottery-dialog-step[hidden]{display:none}.lottery-dialog-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.lottery-dialog-label{font-size:.75rem;font-weight:600}.lottery-dialog-input{width:100%;padding:.5rem .65rem;color:var(--deep-text);background:var(--input-bg);border:1px solid var(--line-divider);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.8rem}.lottery-dialog-hint{margin:0;color:var(--content-meta);font-size:.68rem;line-height:1.7}.zen-bar,html.zen-mode .topbar,html.zen-mode .sidebar,html.zen-mode .mobile-backdrop,html.zen-mode .mobile-menu{display:none}html.zen-mode .app-shell{grid-template-columns:minmax(0,1fr);padding-top:0}html.zen-mode .zen-bar{display:flex;gap:var(--spacing-sm);align-items:center;justify-content:flex-end;padding:var(--spacing-md) var(--spacing-2xl) 0}.zen-exit,.zen-badge{display:flex;gap:var(--spacing-xs);align-items:center;height:2rem;padding:0 var(--spacing-sm);border:1px solid var(--line-divider);border-radius:var(--radius-md);font-size:.75rem;line-height:1;white-space:nowrap}.zen-exit{max-width:60vw;color:var(--content-meta);text-decoration:none;transition:color var(--duration-normal),border-color var(--duration-normal)}.zen-exit:hover,.zen-exit:focus-visible{color:var(--primary);border-color:var(--primary)}.zen-exit .brand-mark{width:1.4rem;height:1.4rem;flex:0 0 auto;box-shadow:none}.zen-exit-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zen-badge{color:var(--primary);background:color-mix(in oklch,var(--primary) 10%,transparent);border-color:color-mix(in oklch,var(--primary) 30%,transparent);font-weight:600}.zen-badge svg,.zen-info>summary svg{flex:0 0 auto}.zen-info{position:relative}.zen-info>summary{display:grid;width:1.5rem;height:1.5rem;color:var(--content-meta);border:1px solid var(--line-divider);border-radius:50%;list-style:none;cursor:pointer;place-items:center;transition:color var(--duration-normal),border-color var(--duration-normal)}.zen-info>summary::-webkit-details-marker{display:none}.zen-info>summary:hover,.zen-info>summary:focus-visible,.zen-info[open]>summary{color:var(--primary);border-color:var(--primary)}.zen-info-panel{position:absolute;top:calc(100% + var(--spacing-xs));right:0;z-index:var(--z-navbar);width:max-content;max-width:min(20rem,calc(100vw - 2 * var(--spacing-2xl)));padding:var(--spacing-md);color:var(--content-meta);background:var(--card-bg);border:1px solid var(--line-divider);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:.75rem;line-height:1.7;text-align:start}.zen-info-panel strong{display:block;margin-bottom:var(--spacing-xs);color:var(--deep-text);font-size:.8rem}.zen-info-panel p{margin:0}.zen-info-panel ul{display:grid;gap:var(--spacing-xs);margin:var(--spacing-sm) 0 0;padding:0;list-style:none}.about-zen{margin-top:var(--spacing-lg)}.about-zen-list{display:grid;gap:var(--spacing-xs);margin:var(--spacing-md) 0;padding:0;list-style:none;color:var(--content-meta);font-size:.78rem;line-height:1.8}.about-zen-list li{display:flex;gap:var(--spacing-xs);align-items:flex-start}.about-zen-list svg{flex:0 0 auto;margin-top:.3rem;color:var(--primary)}