:root{color-scheme:light;--bg: #f4f7f8;--surface: #ffffff;--surface-soft: #ebf3f1;--surface-strong: #18343a;--border: #cfe0de;--text: #163039;--muted: #587079;--accent: #0f9d8a;--accent-strong: #0c6b5f;--accent-warm: #f1ab4e;--accent-rose: #d85b44;--shadow: 0 14px 28px rgba(19, 33, 40, .08);--radius: 8px;--container: 1180px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f4f7f8,#fff 55%,#edf6f4);color:var(--text);line-height:1.6}img{display:block;width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.container{width:min(var(--container),calc(100% - 2rem));margin:0 auto}.band{padding:3rem 0}.band-soft{background:#f3efe8bd}.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(12px);background:#f4f7f8eb;border-bottom:1px solid rgba(207,224,222,.82)}.header-top,.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.header-shell{display:grid;gap:.8rem;padding:.75rem 0 .9rem}.header-top-actions{display:flex;align-items:center;gap:.85rem}.brand{display:inline-flex;align-items:center;gap:.85rem;min-width:0}.brand span{display:grid}.brand strong{font-size:1rem}.brand small,.site-footer small,.muted{color:var(--muted)}.header-note{margin:0;max-width:30ch;color:var(--muted);font-size:.9rem;text-align:right}.brand-mark{width:2rem;height:2rem;display:inline-grid;place-items:center;border-radius:var(--radius);background:var(--surface-strong);color:#fff;font-weight:700;font-size:.85rem}.tool-nav{display:flex;gap:.6rem;overflow-x:auto;padding-bottom:.1rem;scrollbar-width:none}.tool-nav::-webkit-scrollbar{display:none}.tool-nav a,.inline-link{color:var(--accent-strong);font-weight:600}.tool-nav-link{display:inline-flex;align-items:center;min-height:2.3rem;padding:.45rem .9rem;border:1px solid var(--border);border-radius:6px;background:#ffffffc7;color:var(--muted);font-size:.92rem;flex:0 0 auto}.tool-nav-link.is-active{border-color:var(--surface-strong);background:var(--surface-strong);color:#fff}.site-footer{border-top:1px solid rgba(207,224,222,.82)}.footer-inner{align-items:flex-start;padding:.95rem 0 1.2rem}.site-footer p,.header-note{margin:0}.eyebrow{margin:0 0 .5rem;color:var(--accent-rose);font-size:.86rem;font-weight:700;text-transform:uppercase}h1,h2,h3{margin:0;line-height:1.15}h1{font-size:2.5rem;max-width:12ch}h2{font-size:1.8rem}h3{font-size:1.2rem}p{margin:0}.lede{max-width:62ch;color:var(--muted);font-size:1.02rem}.action-row,.action-stack{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.action-stack{align-items:flex-start}.button{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.8rem 1rem;border-radius:var(--radius);border:1px solid transparent;background:var(--accent);color:#fff;font-weight:700;transition:transform .14s ease,background .14s ease,border-color .14s ease}.button-secondary{background:#ffffffe6;border-color:var(--border);color:var(--text)}.home-hero{display:grid;gap:1rem;justify-items:center;text-align:center;max-width:680px;margin:0 auto}.home-hero .lede{text-align:center}.header-top-actions .language-switcher{flex-shrink:0}.home-band{padding-top:2.5rem;padding-bottom:2rem}.home-band-soft{border-top:1px solid rgba(207,224,222,.72);border-bottom:1px solid rgba(207,224,222,.56);background:#ebf3f175}.section-heading{display:grid;gap:.5rem;margin-bottom:1.5rem}.section-heading p{color:var(--muted)}.finder-shell{display:grid;gap:1rem}.finder-input input,.tool-field input,.tool-field textarea,.tool-field select,.tool-select-inline select{width:100%;padding:.9rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:#fbfefe;color:var(--text)}.finder-input{display:block;margin-bottom:1.25rem}.tool-card-grid{display:grid;gap:1rem;grid-template-columns:1fr}.finder-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.finder-card{display:grid;gap:.8rem;align-content:start;padding:1rem;border:1px solid rgba(207,224,222,.9);border-radius:var(--radius);background:#ffffffe0;box-shadow:0 10px 20px #1321280d}.finder-thumb{width:100%;aspect-ratio:16 / 9;border-radius:6px;object-fit:cover}.finder-copy{display:grid;gap:.45rem}.finder-meta{color:var(--accent-strong);font-size:.8rem;font-weight:700;text-transform:uppercase}.finder-link{color:var(--accent-strong);font-weight:700}.language-switcher{display:inline-flex;gap:.4rem;padding:.25rem;border:1px solid var(--border);border-radius:var(--radius);background:#fffdf9}.language-pill{padding:.5rem .85rem;border-radius:6px;color:var(--muted)}.language-pill.is-active{background:var(--accent);color:#fff}.breadcrumbs{margin-bottom:1rem}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;color:var(--muted)}.breadcrumbs li+li:before{content:"/";margin-right:.5rem}.tool-stage{padding:0;position:relative;min-height:0}.tool-stage:before{display:none}.tool-stage-primary{background:transparent;border:none;box-shadow:none}.tool-band{padding-top:.55rem;padding-bottom:2.5rem}.tool-page-meta{display:flex;align-items:center;gap:.45rem;min-height:1.35rem}.tool-title-breadcrumb{display:flex;align-items:center;gap:.25rem;color:var(--muted);font-size:.8rem;min-width:0}.tool-title-breadcrumb a{color:var(--accent-strong);font-weight:600;white-space:nowrap}.tool-page-category{color:var(--muted);font-size:.78rem;font-weight:600}.tool-page-header{display:grid;gap:.35rem;grid-template-columns:1fr;align-items:start;margin-bottom:.35rem}.tool-page-shell,.tool-header-main,.tool-panel-copy,.tool-inline-group,.tool-select-inline{display:grid;gap:.65rem}.tool-header-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-width:0}.tool-page-title{max-width:none;font-size:clamp(1.18rem,2vw,1.45rem);line-height:1.1}.tool-share .action-row{margin-top:0;justify-content:flex-end;gap:.35rem}.tool-share .button{min-height:1.85rem;padding:.35rem .58rem;font-size:.8rem;font-weight:600}.tool-link-card{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem 0;border-top:1px solid rgba(207,224,222,.88)}.tool-link-card:last-child{border-bottom:1px solid rgba(207,224,222,.88)}.tool-thumb{width:72px;height:72px;border-radius:6px;object-fit:cover}.tool-link-copy{display:grid;gap:.35rem}.tool-link-copy p:last-of-type,.tool-panel-copy p{color:var(--muted)}.tool-panel h2{font-size:1.08rem}.tool-panel-copy p{font-size:.92rem;line-height:1.5}.tool-workbench{display:grid;gap:1rem}.tool-panel-grid,.tool-grid,.tool-form-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.tool-panel-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-panel-grid-aside{grid-template-columns:minmax(280px,320px) minmax(0,1fr)}.tool-panel{display:grid;align-content:start;gap:.85rem;padding:1rem;border:1px solid rgba(207,224,222,.95);border-radius:var(--radius);background:#ffffffeb;box-shadow:var(--shadow)}.tool-panel-aside{align-self:start;position:static}.tool-panel-compact{gap:.75rem}.tool-panel-header,.tool-actions{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem}.tool-panel-header-compact{align-items:center}.tool-toolbar,.tool-chip-row,.tool-stat-strip{display:flex;flex-wrap:wrap;gap:.55rem}.tool-panel-copy-tight{gap:.2rem}.tool-toolbar{justify-content:flex-start}.tool-toolbar-tight .button,.tool-toolbar-tight .tab-pill{min-height:2.45rem}.tool-status-strip{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.tool-stat-chip{display:inline-grid;gap:.1rem;min-width:72px;padding:.42rem .6rem;border:1px solid rgba(207,224,222,.94);border-radius:6px;background:var(--surface-soft)}.tool-stat-chip strong{font-size:.96rem}.tool-stat-chip small{color:var(--muted);font-size:.78rem}.tool-inline-label{font-weight:700}.tool-select-inline select{min-width:12rem}.tool-field{display:grid;gap:.55rem}.tool-field span{font-weight:700}.special-chars-row{display:flex;gap:.5rem}.special-chars-row input{flex:1;min-width:0}.tool-field-inline{grid-template-columns:auto 220px;align-items:center}.tool-form-grid-tight{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.tool-field textarea{min-height:min(24rem,60vh);resize:vertical}.tool-code-input{min-height:min(24rem,60vh);resize:vertical;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;line-height:1.6}.tool-code-input-markdown{min-height:min(24rem,60vh)}.status-note,.helper-note,.strength-note{margin:0}.helper-note,.strength-note{color:var(--muted)}.strength-entropy{margin-left:.5em;font-size:.82em;opacity:.75}.success-note{color:var(--accent-strong)}.error-note{color:var(--accent-rose)}.tool-empty-state,.password-output,.preview-shell{background:#fcffff;border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.tool-empty-state{min-height:min(24rem,60vh);display:grid;place-items:center;text-align:center;background:#ebf3f1b8;border-style:dashed;color:var(--muted)}.tool-empty-state code{white-space:normal;word-break:break-word;font-size:1rem}.password-output code{display:block;word-break:break-all;font-size:1.05rem}.password-output{display:grid;gap:.85rem}.password-config-row{gap:.35rem}.tool-stat-strip-compact .tool-stat-chip{min-width:64px}.password-config-panel .tool-field input,.password-config-panel .special-chars-row input{padding:.72rem .82rem}.password-config-panel .helper-note,.password-config-panel .status-note{font-size:.9rem}.password-results-panel{min-width:0}.password-output-featured{min-height:min(24rem,60vh);align-content:center}.password-featured-code{font-size:clamp(1.2rem,2.5vw,1.8rem);line-height:1.45}.password-output-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.password-output-list{display:grid;gap:.5rem}.password-result-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.6rem;padding:.55rem 0;border-bottom:1px solid rgba(207,224,222,.7)}.password-result-row:last-child{border-bottom:none}.password-result-index{color:var(--muted);font-weight:600;min-width:2ch;flex-shrink:0}.password-result-code{flex:1;min-width:0;word-break:break-all;font-size:.95rem}.password-result-strength{color:var(--muted);font-size:.85rem;white-space:nowrap;flex-shrink:0}.button-small{min-height:2rem;padding:.35rem .65rem;font-size:.85rem;flex-shrink:0}.tab-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tab-pill{min-height:2.5rem;padding:.65rem .9rem;border:1px solid var(--border);border-radius:6px;background:#ffffffdb;color:var(--muted)}.tab-pill.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.markdown-card-preview{min-height:22rem;overflow:auto}.preview-shell-stage{min-height:min(26rem,62vh)}.preview-shell-stage .markdown-card-preview:not(.prose-card){padding:1.25rem}.json-workbench{--json-surface-height: clamp(23rem, calc(100vh - 18rem) , 33rem);gap:.7rem}.json-command-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem .85rem;padding:.7rem .8rem;border:1px solid rgba(207,224,222,.95);border-radius:var(--radius);background:#ffffffe6;box-shadow:var(--shadow)}.json-command-main,.json-command-side,.json-command-group,.json-stat-line{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.json-command-side{margin-left:auto;justify-content:flex-end}.json-command-group-quiet .button,.json-command-group-result .button{min-height:2.15rem}.json-command-bar .button{min-height:2.15rem;padding:.48rem .72rem;font-size:.88rem}.json-status-note{margin:0;font-size:.85rem;max-width:28ch}.json-stat-line{gap:.35rem}.json-stat-pill{display:inline-flex;align-items:baseline;gap:.25rem;min-width:auto;padding:.24rem .45rem;border:1px solid rgba(207,224,222,.94);border-radius:6px;background:var(--surface-soft)}.json-stat-pill strong{font-size:.88rem}.json-stat-pill small{color:var(--muted);font-size:.75rem}.json-panel-grid{display:grid;gap:.8rem;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:start}.json-panel{gap:.55rem;padding:.85rem}.json-panel h2{font-size:.98rem}.json-code-input,.json-output-surface,.json-panel .tool-empty-state{height:var(--json-surface-height);min-height:var(--json-surface-height);max-height:var(--json-surface-height)}.json-code-input{resize:none;overflow:auto}.json-output-surface{overflow:auto}.json-output-surface .json-tree-root{min-height:0}@media(max-width:1120px){.finder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.json-command-side{margin-left:0;justify-content:flex-start}}.prose-card{padding:1.4rem;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,#fff,#f3fbf8)}.prose-card h1,.prose-card h2,.prose-card h3{margin-bottom:.8rem}.prose-card p,.prose-card ul,.prose-card ol,.prose-card blockquote,.prose-card pre{margin:0 0 1rem}.prose-card blockquote{padding-left:1rem;border-left:4px solid var(--accent);color:var(--muted)}.prose-card pre{padding:1rem;border-radius:var(--radius);background:var(--surface-strong);color:#f7fbfc;overflow:auto}.empty-note{padding:1rem 0;border-top:1px solid rgba(207,224,222,.88);color:var(--muted)}.json-tree-output{min-height:min(26rem,62vh);padding:1rem;background:#fcffff;border:1px solid var(--border);border-radius:var(--radius);overflow:auto;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.88rem;line-height:1.6;white-space:pre-wrap;word-break:break-all}.json-tree-root{min-height:min(22rem,55vh)}.json-tree-error{color:var(--accent-rose);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.88rem}.json-indent{padding-left:1.2rem}.json-line{min-height:1.6em}.json-collapsible{cursor:pointer;user-select:none}.json-collapsible:hover{background:#0f9d8a14;border-radius:2px}.json-toggle{display:inline-block;width:1em;font-size:.7rem;color:var(--muted);text-align:center;margin-right:.1em}.json-ellipsis{color:var(--muted);font-style:italic;margin:0 .3em}.json-key{color:#1f2933;font-weight:600}.json-string{color:#2e7d32}.json-number{color:#1565c0}.json-boolean,.json-null{color:#e65100}.json-comma{color:var(--muted)}.json-value{outline:none;border-radius:2px;padding:0 1px;transition:background .1s}.json-value:focus{background:#0f9d8a1f;box-shadow:0 0 0 1px var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:960px){.finder-grid,.tool-card-grid,.tool-panel-grid,.tool-panel-grid-wide,.tool-panel-grid-aside,.tool-grid,.tool-form-grid,.tool-form-grid-tight,.tool-page-header{grid-template-columns:1fr}.tool-header-row{flex-direction:column;align-items:flex-start}h1{font-size:2rem;max-width:none}.header-top,.footer-inner{align-items:flex-start;flex-direction:column}.header-top-actions{width:100%;justify-content:space-between}.tool-field-inline{grid-template-columns:1fr}.tool-header-actions{justify-items:start}.tool-header-note{max-width:none;text-align:left}.tool-share .action-row{justify-content:flex-start}.tool-panel-aside{position:static}.json-panel-grid{grid-template-columns:1fr}}@media(max-width:640px){.band{padding:2.35rem 0}.container{width:min(var(--container),calc(100% - 1.2rem))}.header-note{display:none}.tool-link-card{grid-template-columns:64px minmax(0,1fr)}.finder-grid{grid-template-columns:1fr}.tool-link-card .inline-link{grid-column:2;justify-self:start}.tool-thumb{width:64px;height:64px}.password-result-row{grid-template-columns:auto minmax(0,1fr);align-items:start}.password-result-strength,.password-result-row .button{grid-column:2}}