/* ROBERIN The New — password generator workspace. Shared partials own the page shell. */
.tn-pwg-page{--pwg-paper:#faf6ee;--pwg-surface:#fffaf0;--pwg-wash:#f5efdf;--pwg-ink:#1a1208;--pwg-muted:#5a4a30;--pwg-line:#b8a888;--pwg-soft:#ddd4be;--pwg-accent:#c44a00;--pwg-primary:#1a1208;--pwg-primary-hover:#6a3b1f;--pwg-primary-text:#f7ead1;--pwg-button:#ede6d4;--pwg-button-hover:#dfd4bb;--pwg-field:#fffaf0;--pwg-sans:-apple-system,BlinkMacSystemFont,"Pretendard","Segoe UI",system-ui,sans-serif;--pwg-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;width:100%;min-width:0;max-width:1180px;margin-inline:auto}
body:is([data-scheme=dark],[data-scheme=inverse],[data-scheme=auto][data-l=dark],[data-scheme=auto][data-d=dark]) .tn-pwg-page,
html[data-scheme=dark] body:not([data-scheme=light]) .tn-pwg-page{--pwg-paper:#241d12;--pwg-surface:#322a1a;--pwg-wash:#2c2517;--pwg-ink:#efe6d2;--pwg-muted:#c3b492;--pwg-line:#826744;--pwg-soft:#574a37;--pwg-accent:#e8823f;--pwg-primary:#6a3b1f;--pwg-primary-hover:#824826;--pwg-primary-text:#f7ead1;--pwg-button:#2f2115;--pwg-button-hover:#3a2a1b;--pwg-field:#21170f;color-scheme:dark}
@media(prefers-color-scheme:dark){body[data-scheme=auto]:not([data-l=light]):not([data-d=light]) .tn-pwg-page{--pwg-paper:#241d12;--pwg-surface:#322a1a;--pwg-wash:#2c2517;--pwg-ink:#efe6d2;--pwg-muted:#c3b492;--pwg-line:#826744;--pwg-soft:#574a37;--pwg-accent:#e8823f;--pwg-primary:#6a3b1f;--pwg-primary-hover:#824826;--pwg-primary-text:#f7ead1;--pwg-button:#2f2115;--pwg-button-hover:#3a2a1b;--pwg-field:#21170f;color-scheme:dark}}
.tn-pwg-page .tn-pwg-ad{min-height:90px}
.tn-pwg-page .tn-pwg-ad--top{margin:54px auto 20px}
.tn-pwg-page .tn-pwg-ad--bottom{margin:24px auto 28px}
.tn-pwg-page .tn-pwg-tool,.tn-pwg-page .tn-pwg-tool *{box-sizing:border-box}
.tn-pwg-page .tn-pwg-tool{display:grid;width:100%;max-width:1000px;min-width:0;margin:0 auto;border:1px solid var(--pwg-line);border-top:2px solid var(--pwg-ink);border-radius:0;background:var(--pwg-paper);color:var(--pwg-ink);-webkit-text-fill-color:var(--pwg-ink);font:400 14px/1.5 var(--pwg-sans);text-align:left}
.tn-pwg-tool :where(p,ul,ol,li,dl,dt,dd,fieldset,legend){margin:0;padding:0}
.tn-pwg-tool :where(ul,ol,li){list-style:none}
.tn-pwg-tool :where(fieldset){border:0;min-width:0}
.tn-pwg-tool :where(code,pre,kbd,samp){padding:0;border:0;background:transparent;color:inherit}
.tn-pwg-tool :where(p,span,strong,b,small){overflow-wrap:anywhere}
.tn-pwg-tool [hidden]{display:none!important}
.tn-pwg-tool .tn-pwg-result{display:grid;gap:18px;min-width:0;padding:30px 32px 28px;border-bottom:1px solid var(--pwg-line);background:var(--pwg-wash)}
.tn-pwg-tool .tn-pwg-result-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.tn-pwg-tool .tn-pwg-result-head .tn-pwg-label{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;line-height:1.35;letter-spacing:.02em;color:var(--pwg-muted);-webkit-text-fill-color:var(--pwg-muted)}
.tn-pwg-tool .tn-pwg-result-head .tn-pwg-label::before{content:"";display:block;width:18px;height:1px;background:var(--pwg-accent)}
.tn-pwg-tool .tn-pwg-result-note{font-size:11px;color:var(--pwg-muted);-webkit-text-fill-color:var(--pwg-muted);text-align:right}
.tn-pwg-tool .tn-pwg-output{display:flex;align-items:stretch;min-width:0;padding:5px;border:1px solid var(--pwg-line);background:var(--pwg-surface);box-shadow:2px 2px 0 var(--pwg-soft)}
.tn-pwg-page .tn-pwg-tool #pwgValue{display:block;flex:1 1 auto;width:0;min-width:0;height:60px;min-height:60px;margin:0;padding:0 16px;border:0!important;border-radius:0;outline:0!important;background:transparent!important;color:var(--pwg-ink)!important;-webkit-text-fill-color:var(--pwg-ink)!important;font:700 clamp(17px,2.25vw,27px)/1 var(--pwg-mono)!important;letter-spacing:.025em!important;text-align:left;box-shadow:none;overflow-x:auto}
.tn-pwg-page .tn-pwg-tool #pwgValue::selection{background:var(--pwg-accent);color:var(--pwg-paper);-webkit-text-fill-color:var(--pwg-paper)}
.tn-pwg-page .tn-pwg-tool #pwgReveal{flex:0 0 auto;min-width:58px;height:60px;min-height:60px;padding:0 12px;border:0!important;border-left:1px solid var(--pwg-soft)!important;background:transparent!important;color:var(--pwg-muted)!important;-webkit-text-fill-color:var(--pwg-muted)!important;font:800 12px/1 var(--pwg-sans)!important}
.tn-pwg-page .tn-pwg-tool #pwgReveal:hover:not(:disabled){background:var(--pwg-button)!important;color:var(--pwg-ink)!important;-webkit-text-fill-color:var(--pwg-ink)!important}
.tn-pwg-tool #pwgSummary{min-height:20px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--pwg-muted);-webkit-text-fill-color:var(--pwg-muted)}
.tn-pwg-tool .tn-pwg-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.tn-pwg-tool .tn-pwg-privacy{padding-top:12px;border-top:1px solid var(--pwg-soft);font-size:12px;color:var(--pwg-muted);-webkit-text-fill-color:var(--pwg-muted)}
.tn-pwg-page .tn-pwg-tool :is(.tn-pwg-btn,.tn-pwg-presets button){display:inline-grid;place-items:center;width:auto;min-width:0;min-height:42px;height:42px;margin:0;padding:0 16px;border:1px solid var(--pwg-line)!important;border-radius:0;background:var(--pwg-button)!important;color:var(--pwg-ink)!important;-webkit-text-fill-color:var(--pwg-ink)!important;font:800 12px/1 var(--pwg-sans)!important;letter-spacing:0!important;text-transform:none;white-space:nowrap;text-align:center;box-shadow:none;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}
.tn-pwg-page .tn-pwg-tool :is(.tn-pwg-btn,.tn-pwg-presets button):hover:not(:disabled){background:var(--pwg-button-hover)!important;border-color:var(--pwg-accent)!important}
.tn-pwg-page .tn-pwg-tool :is(.tn-pwg-btn,.tn-pwg-presets button):active:not(:disabled){transform:scale(.96)}
.tn-pwg-page .tn-pwg-tool :is(button,input):focus-visible{outline:2px solid var(--pwg-accent)!important;outline-offset:2px}
.tn-pwg-page .tn-pwg-tool button:disabled{opacity:.5;cursor:default}
.tn-pwg-page .tn-pwg-tool .tn-pwg-btn--primary,.tn-pwg-page .tn-pwg-tool #pwgCopy{min-width:112px;border-color:var(--pwg-primary)!important;background:var(--pwg-primary)!important;color:var(--pwg-primary-text)!important;-webkit-text-fill-color:var(--pwg-primary-text)!important}
.tn-pwg-page .tn-pwg-tool .tn-pwg-btn--primary:hover:not(:disabled),.tn-pwg-page .tn-pwg-tool #pwgCopy:hover:not(:disabled){border-color:var(--pwg-primary-hover)!important;background:var(--pwg-primary-hover)!important}
.tn-pwg-page .tn-pwg-tool #pwgStatus{min-height:19px;font-size:12px;line-height:1.5;color:var(--pwg-muted)!important;-webkit-text-fill-color:var(--pwg-muted)!important}
.tn-pwg-page .tn-pwg-tool #pwgStatus[data-state=error]{color:var(--pwg-accent)!important;-webkit-text-fill-color:var(--pwg-accent)!important}
.tn-pwg-tool .tn-pwg-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;min-width:0}
.tn-pwg-tool .tn-pwg-length,.tn-pwg-tool .tn-pwg-options{display:grid;align-content:start;gap:16px;min-width:0;padding:28px 32px 30px}
.tn-pwg-tool .tn-pwg-length{border-right:1px solid var(--pwg-soft)}
.tn-pwg-tool .tn-pwg-length-head .tn-pwg-label,.tn-pwg-tool .tn-pwg-options legend{font-size:15px;font-weight:800;line-height:1.3;color:var(--pwg-ink);-webkit-text-fill-color:var(--pwg-ink)}
.tn-pwg-tool .tn-pwg-length-head small,.tn-pwg-tool .tn-pwg-options small,.tn-pwg-tool .tn-pwg-hint{font-size:12px;font-weight:400;line-height:1.45;color:var(--pwg-muted);-webkit-text-fill-color:var(--pwg-muted)}
.tn-pwg-tool .tn-pwg-length-head{display:grid;grid-template-columns:minmax(0,1fr) 86px;align-items:center;gap:16px;min-width:0}
.tn-pwg-tool .tn-pwg-number-wrap{display:flex;align-items:center;width:86px;border:1px solid var(--pwg-line);background:var(--pwg-field)}
.tn-pwg-tool .tn-pwg-number-wrap>span{padding-right:10px;font-size:12px;color:var(--pwg-muted);-webkit-text-fill-color:var(--pwg-muted)}
.tn-pwg-page .tn-pwg-tool #pwgLengthRange{display:block;width:100%;height:28px;min-height:28px;margin:0;padding:0;border:0;background:transparent;accent-color:var(--pwg-accent);cursor:pointer}
.tn-pwg-page .tn-pwg-tool #pwgLengthNumber{display:block;flex:1 1 auto;width:58px;min-width:0;height:42px;min-height:42px;margin:0;padding:0 4px;border:0!important;border-radius:0;background:transparent!important;color:var(--pwg-ink)!important;-webkit-text-fill-color:var(--pwg-ink)!important;font:700 17px/1 var(--pwg-sans)!important;font-variant-numeric:lining-nums tabular-nums;text-align:center;box-shadow:none}
.tn-pwg-tool .tn-pwg-number-wrap:has(#pwgLengthNumber[aria-invalid=true]){border-color:var(--pwg-accent)}
.tn-pwg-tool .tn-pwg-range-labels{display:flex;justify-content:space-between;margin-top:-14px;font:700 11px/1 var(--pwg-sans);font-variant-numeric:tabular-nums;color:var(--pwg-muted);-webkit-text-fill-color:var(--pwg-muted)}
.tn-pwg-tool .tn-pwg-presets{display:flex;flex-wrap:wrap;gap:7px}
.tn-pwg-page .tn-pwg-tool .tn-pwg-presets button{min-width:52px;min-height:36px;height:36px;padding:0 10px;border-color:var(--pwg-soft)!important;background:var(--pwg-surface)!important;font-variant-numeric:tabular-nums}
.tn-pwg-page .tn-pwg-tool .tn-pwg-presets button[aria-pressed=true]{border-color:var(--pwg-accent)!important;background:var(--pwg-wash)!important;color:var(--pwg-accent)!important;-webkit-text-fill-color:var(--pwg-accent)!important}
.tn-pwg-tool .tn-pwg-options legend{display:block;width:auto;margin-bottom:14px}
.tn-pwg-tool .tn-pwg-types>.tn-pwg-hint{display:block;margin-top:10px}
.tn-pwg-tool .tn-pwg-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:9px}
.tn-pwg-tool .tn-pwg-check{display:flex;align-items:center;gap:10px;min-width:0;min-height:44px;margin:0;padding:9px 12px;border:1px solid var(--pwg-soft);background:var(--pwg-surface);color:var(--pwg-ink);-webkit-text-fill-color:var(--pwg-ink);font-size:13px;font-weight:700;cursor:pointer;transition:border-color .18s ease,background-color .18s ease}
.tn-pwg-tool .tn-pwg-check:hover{border-color:var(--pwg-accent);background:var(--pwg-wash)}
.tn-pwg-page .tn-pwg-tool .tn-pwg-check input{flex:0 0 17px;width:17px;height:17px;min-height:17px;margin:0;padding:0;accent-color:var(--pwg-accent);cursor:pointer}
.tn-pwg-tool .tn-pwg-ambiguous{display:flex;align-items:center;gap:10px;margin-top:13px;padding:13px 0 0;border:0;border-top:1px solid var(--pwg-soft);background:transparent}
.tn-pwg-tool.is-generated #pwgValue{animation:pwg-result-in .24s ease-out}
@keyframes pwg-result-in{from{opacity:.62;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.tn-pwg-tool .tn-pwg-result{padding:24px}.tn-pwg-tool .tn-pwg-length,.tn-pwg-tool .tn-pwg-options{padding:24px}.tn-pwg-tool .tn-pwg-settings{grid-template-columns:minmax(0,1fr)}.tn-pwg-tool .tn-pwg-length{border-right:0;border-bottom:1px solid var(--pwg-soft)}}
@media(max-width:560px){.tn-pwg-page .tn-pwg-ad--top{margin-top:48px}.tn-pwg-tool .tn-pwg-result{gap:14px;padding:18px 16px 20px}.tn-pwg-tool .tn-pwg-result-head{align-items:flex-start}.tn-pwg-tool .tn-pwg-result-note{max-width:130px}.tn-pwg-page .tn-pwg-tool #pwgValue{height:50px;min-height:50px;padding-inline:10px;font-size:18px!important}.tn-pwg-page .tn-pwg-tool #pwgReveal{height:50px;min-height:50px}.tn-pwg-tool .tn-pwg-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.tn-pwg-page .tn-pwg-tool :is(#pwgCopy,#pwgRegenerate){width:100%;height:44px;min-height:44px}.tn-pwg-tool .tn-pwg-length,.tn-pwg-tool .tn-pwg-options{gap:14px;padding:18px 16px 20px}}
@media(prefers-reduced-motion:reduce){.tn-pwg-page .tn-pwg-tool :is(.tn-pwg-btn,.tn-pwg-presets button,.tn-pwg-check){transition:none}.tn-pwg-tool.is-generated #pwgValue{animation:none}}