.tools-menu{position:relative}.tools-menu>summary{gap:8px;padding:0 10px;min-height:44px}.tools-menu[open]>summary{margin:0}.tools-dropdown{position:absolute;right:0;top:52px;width:270px;max-height:70vh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px;z-index:10;box-shadow:var(--shadow)}.tools-dropdown a{display:flex;align-items:center;min-height:44px;padding:6px 12px;text-decoration:none;font-size:.875rem;border-radius:6px}.tools-dropdown a:hover{background:var(--output)}.breadcrumbs{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;color:var(--muted);font-size:.8rem;min-height:60px}.breadcrumbs a{min-height:44px;display:flex;align-items:center}.tool-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:48px;align-items:start;padding:18px 0 48px}.tool-intro{padding-top:28px}.tool-intro h1{font-size:clamp(2rem,3.4vw,3rem);letter-spacing:-1.4px;line-height:1.12;margin:20px 0}.tool-intro>p{color:var(--muted);font-size:1rem;max-width:35ch}.tool-notice{border-left:3px solid #819943;padding-left:14px;font-size:.875rem!important;margin-top:28px}.subpage .generator{padding:24px}.subpage #result{font-size:1.4rem}.quick-presets{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 16px}.quick-presets button,.quick-presets a{min-width:44px;padding:8px 12px}.quick-presets a{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem}.quick-presets [aria-pressed=true]{background:var(--ink);color:var(--surface)}#settings{border-top:1px solid var(--line);scroll-margin-top:20px}.settings-body{padding:8px 0 16px}.check-field{display:flex;align-items:center;gap:10px;font-size:.875rem;min-height:44px;margin:4px 0 12px}.check-field input{margin:0}.settings-body .form-grid{gap:0 16px}.settings-body .field{margin-top:10px}.result-list{padding:0;list-style:none;max-height:460px;overflow:auto}.result-list:empty{display:none}.result-list li{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:10px 0}.result-list output{flex:1;min-width:0;overflow-wrap:anywhere;font-family:Consolas,monospace}.result-list button{flex-shrink:0;padding:6px 12px}.export-actions{display:flex;gap:10px;flex-wrap:wrap}.export-actions button{padding:8px 14px}.technical p{overflow-wrap:anywhere}.caution{padding:12px;border:1px solid #9b792f;border-radius:8px;color:var(--ink);background:var(--output);font-size:.875rem}.tool-explainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:30px 40px;border-top:1px solid var(--line);padding:40px 0}.tool-explainer h2{font-size:1.25rem;line-height:1.3;font-weight:550}.tool-explainer p{font-size:.95rem;color:var(--muted)}.related{padding:0 0 48px}.related h2{font-size:1.5rem;font-weight:500}.related-links,.home-tools{display:flex;flex-wrap:wrap;gap:12px}.related-links a,.home-tools a{display:flex;align-items:center;min-height:48px;border:1px solid var(--line);border-radius:8px;padding:10px 16px;text-decoration:none;font-size:.9rem;background:var(--surface)}.related>p{font-size:.875rem;color:var(--muted)}.home-tools{margin:-25px 0 40px}.home-tools a{background:transparent}.tool-footer{display:block}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.footer-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:4px 20px}.footer-index a{display:flex;align-items:center;min-height:44px;font-size:.875rem;text-decoration:none}.tool-footer details{margin-top:18px}.tool-footer details>summary{justify-content:flex-start}.long-article{max-width:790px;margin:18px auto 64px}.long-article h1{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-1.5px;line-height:1.12;margin:22px 0}.article-meta{font-size:.8rem;color:var(--muted)}.article-lead{font-size:1.2rem;line-height:1.65;margin:28px 0}.long-article section{margin:40px 0}.long-article h2{font-size:1.55rem;line-height:1.3;letter-spacing:-.3px;font-weight:550}.long-article section p{font-size:1rem;line-height:1.8;color:var(--muted)}.contents{border-block:1px solid var(--line);padding:6px 0}.contents nav{display:grid;gap:4px;padding-bottom:12px}.contents a{display:flex;align-items:center;min-height:44px;font-size:.875rem}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:8px}.table-scroll table{border-collapse:collapse;min-width:620px;width:100%;font-size:.875rem}.table-scroll caption{text-align:left;padding:16px;color:var(--muted)}th,td{text-align:left;vertical-align:top;padding:15px;border-top:1px solid var(--line)}th{background:var(--output)}code{font-size:.9em;overflow-wrap:anywhere}.article-cta{padding:24px;background:var(--output);border-radius:12px}.article-cta h2{margin-top:0}.subpage .privacy{text-align:center}
@media(max-width:900px){.tool-layout{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:0}.tool-intro{padding-top:0}.tool-intro h1{margin:12px 0}.tool-intro>p{max-width:none;margin:0}.tool-notice{margin-top:14px!important}.subpage .generator{padding:20px}.tool-intro .eyebrow{font-size:.65rem}.home-tools{margin-top:0}.subpage .breadcrumbs{min-height:50px}}
@media(max-width:650px){.site-header nav{gap:4px}.site-header nav>a[href="#how-it-works"]{display:none}.tools-menu>summary{padding:0 7px}.tools-dropdown{right:-46px;width:min(280px,calc(100vw - 36px))}.tool-intro h1{font-size:1.95rem}.tool-intro>p{font-size:.875rem}.tool-intro .tool-notice{font-size:.8rem!important}.tool-layout{gap:18px;padding-bottom:28px}.subpage .generator{padding:17px}.subpage #result{font-size:1.22rem}.subpage .output-row{min-height:66px}.subpage .output-box{padding:13px}.subpage .card-heading{margin-bottom:13px}.tool-explainer{padding:24px 0;gap:12px}.tool-explainer p{font-size:.9rem}.related-links a,.home-tools a{flex:1 1 100%}.breadcrumbs{font-size:.72rem;gap:8px}.long-article{margin-top:10px}.long-article h1{font-size:2rem}.article-lead{font-size:1.05rem}.long-article section{margin:30px 0}.long-article h2{font-size:1.35rem}.article-meta{font-size:.75rem}.footer-top{flex-wrap:wrap}.article-cta{padding:18px}}
@media(min-width:700px) and (max-height:500px){.tool-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px}.tool-intro h1{font-size:1.65rem}.tool-intro .tool-notice{font-size:.75rem!important}.subpage .breadcrumbs{min-height:44px}.tool-intro{padding:0}}
.password-sheet{border:1px solid var(--line);border-radius:12px;margin:0 0 32px;background:var(--surface)}.password-sheet>summary{padding:20px 24px}.password-sheet[open]>summary{margin-bottom:0}.sheet-title{display:block;font-size:1.15rem;font-weight:600;margin-top:5px}.sheet-body{padding:0 24px 22px}.sheet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:10px;margin:18px 0}.sheet-item{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:62px;padding:12px;text-align:left;background:var(--output)}.sheet-value{font:1rem/1.5 Consolas,'Courier New',monospace;overflow-wrap:anywhere;min-width:0}.sheet-copy-label{font-size:.75rem;color:var(--muted);flex-shrink:0}.sheet-item.was-copied{outline:2px solid #668334;outline-offset:0}.sheet-item.was-copied .sheet-copy-label{font-weight:700;color:var(--ink)}#sheet-error{color:var(--error)}#sheet-status{font-size:.875rem;min-height:24px;color:var(--muted)}#sheet-manual{min-height:100px}.password-sheet>summary:focus-visible,.sheet-item:focus-visible{outline:3px solid #527229;outline-offset:4px}@media(max-width:650px){.password-sheet>summary{padding:16px}.sheet-body{padding:0 16px 16px}.password-sheet .eyebrow{font-size:.6rem}.sheet-grid{grid-template-columns:minmax(0,1fr)}}
.site-header{flex-wrap:wrap;column-gap:12px}.site-header nav{max-width:100%;flex-wrap:wrap}.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0}