:root{font-family:Inter,Segoe UI,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;color-scheme:light;--page: #f5f7ff;--page-gradient: linear-gradient(125deg, #f0f6ff 0%, #f8f7ff 52%, #f2f9ff 100%);--surface: #ffffff;--surface-muted: #f0f3fc;--stage: #edf2fb;--text: #24304a;--muted: #626f88;--border: #dce4f3;--border-hover: #aebce8;--accent: #4f5bd5;--accent-light: #edf0ff;--button: #5564d7;--button-gradient: linear-gradient(115deg, #4f65d8 0%, #7652cf 100%);--button-text: #ffffff;--success-text: #16716a;--success-bg: #e5f5f1;--warning-text: #90601c;--warning-bg: #fff2da;--danger-text: #ac3e58;--danger-bg: #fff0f3;--panel-shadow: 0 5px 22px #4059a308;--card-shadow: 0 5px 18px #4059a30c, 0 1px 3px #4059a305;--hover-shadow: 0 14px 32px #4059a31a, 0 3px 8px #4059a30a;--icon-gradient: linear-gradient(145deg, #ffffff, #e8edff);--brand-gradient: linear-gradient(100deg, #3d62ba, #7750bb);color:var(--text);background:var(--page)}:root[data-theme=dark]{color-scheme:dark;--page: #111829;--page-gradient: linear-gradient(125deg, #101a2e 0%, #181b32 55%, #111f32 100%);--surface: #1b253a;--surface-muted: #25314b;--stage: #111b30;--text: #edf2ff;--muted: #a9b5cf;--border: #35425f;--border-hover: #788bc4;--accent: #aab8ff;--accent-light: #2c375b;--button: #596dd9;--button-gradient: linear-gradient(115deg, #5366cf, #7b53c7);--button-text: #ffffff;--success-text: #91d8ca;--success-bg: #203e43;--warning-text: #edca8f;--warning-bg: #40372b;--danger-text: #f2b0bf;--danger-bg: #412b40;--panel-shadow: 0 5px 22px #050c1b18;--card-shadow: 0 5px 18px #050c1b28;--hover-shadow: 0 14px 32px #050c1b40;--icon-gradient: linear-gradient(145deg, #354565, #2c3455);--brand-gradient: linear-gradient(100deg, #a7c6ff, #c8b4ff)}*{box-sizing:border-box}body{margin:0;min-width:360px;min-height:100vh;background:var(--page-gradient);background-attachment:fixed}button,input,select{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}.app-shell{min-height:100vh;max-width:1560px;margin:0 auto;padding:0 54px;color:var(--text)}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;letter-spacing:.6px}.brand img{width:38px;height:38px}.brand-sub{font-size:9px;font-weight:500;letter-spacing:2.2px;display:block;margin-top:1px;color:var(--muted)}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;min-width:34px;padding:7px;border-radius:50%}.icon-button:hover{background:var(--surface-muted)}.theme-button{border:1px solid var(--border);height:38px;width:38px}.workspace-nav{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:12px}.tool-tabs{display:flex;gap:6px;padding:4px;border:1px solid var(--border);border-radius:10px;background:var(--surface-muted)}.tool-tabs button{display:flex;align-items:center;gap:10px;padding:9px 14px;color:var(--muted);font-size:14px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:5px 0;font-size:11px;color:var(--muted)}.text-button:hover{color:var(--accent)}.help-button{font-size:12px}.help-panel{display:flex;align-items:flex-start;gap:20px;padding:13px 18px;background:var(--accent-light);margin-bottom:20px;border-radius:8px}.help-panel p{flex:1;margin:4px 0;font-size:12px;line-height:1.9}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}.canvas-section{min-width:0}.canvas-toolbar{min-height:47px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}.preview-tabs{display:inline-flex;background:var(--surface-muted);padding:4px;gap:3px;border-radius:8px}.preview-tabs button{font-size:12px;min-height:32px;padding:6px 9px;border-radius:5px;white-space:nowrap;color:var(--muted)}.preview-resolution{margin-left:auto;font-size:10px;color:var(--muted);letter-spacing:.5px;font-variant-numeric:tabular-nums}.canvas-stage{container-type:size;height:clamp(520px,44vw,690px);position:relative;display:flex;align-items:center;justify-content:center;padding:35px;border-radius:10px;background-color:var(--stage);background-image:radial-gradient(var(--border) .8px,transparent .8px);background-size:9px 9px;overflow:hidden}.canvas-stage.black-stage{background-color:#1b2336;background-image:radial-gradient(#33415b .8px,transparent .8px)}.artwork{position:relative;height:auto;width:min(100cqw,calc(100cqh * var(--image-ratio)));max-width:100%;box-shadow:0 8px 35px #161c1a20;overflow:hidden}.image-layer{width:100%;height:100%}.image-layer img{display:block;width:100%;height:100%;object-fit:contain}.light-layer{background:#fff}.dark-layer{background:#000}.split-view .image-layer{position:absolute;inset:0}.split-divider{position:absolute;top:0;bottom:0;width:1px;background:#ffffffb3;transform:translate(-50%);pointer-events:none}.split-divider span{display:flex;align-items:center;justify-content:center;height:32px;width:32px;border-radius:50%;background:#fff;color:#4f6086;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0003}.split-range{position:absolute;inset:0;opacity:0;height:100%;width:100%;cursor:ew-resize;margin:0}.split-view:focus-within{outline:3px solid var(--accent);outline-offset:3px}.view-tag{position:absolute;top:16px;pointer-events:none;font-size:9px;padding:5px 8px;border-radius:4px;letter-spacing:.4px;background:#ffffffc7;color:#344466}.view-tag.left{left:15px}.view-tag.right{right:15px;background:#1e2d4dc9;color:#fff}.canvas-caption{display:flex;justify-content:space-between;align-items:center;padding:13px 0 0;color:var(--muted);font-size:10px;gap:10px}.canvas-caption>span{display:flex;align-items:center;gap:7px}.status-dot{width:5px;height:5px;border-radius:50%;background:#588dba}.status-dot.pending{background:#8c84c4}.canvas-empty{text-align:center;color:var(--muted)}.empty-mark{margin:0 auto 24px;color:var(--accent)}.canvas-empty h2{font-size:18px;color:var(--text);font-weight:500}.canvas-empty p{font-size:12px;margin:12px 0 20px}.processing{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;padding:10px 14px;background:var(--surface);box-shadow:0 2px 20px #0002;border:1px solid var(--border);border-radius:7px;font-size:11px;white-space:nowrap;z-index:2}.processing button{color:var(--accent);border-left:1px solid var(--border);padding-left:10px;margin-left:6px}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.controls{background:var(--surface);padding:22px;border:1px solid var(--border);border-radius:10px}.section-heading,.section-heading>div{display:flex;align-items:center}.section-heading{justify-content:space-between;margin-bottom:19px;min-height:24px}.section-heading>div{gap:10px}.section-heading h2{font-size:13px;font-weight:600;margin:0}.step{color:var(--accent);font-size:10px;font-variant-numeric:tabular-nums}.source-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;position:relative}.source-item{min-width:0}.source-label{display:flex;flex-direction:column;gap:5px;margin-bottom:10px;font-size:12px}.source-label span:last-child{color:var(--muted);font-size:10px}.source-drop{display:block;width:100%;height:119px;position:relative;overflow:hidden;background:var(--surface-muted);border-radius:5px;border:1px solid var(--border);padding:0}.source-drop img{width:100%;height:100%;object-fit:cover;display:block}.source-drop.dragging{outline:2px solid var(--accent)}.source-change{opacity:0;transition:opacity .15s;position:absolute;bottom:0;left:0;right:0;background:#1b2b4de6;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:7px 8px;font-size:10px}.source-drop:hover .source-change,.source-drop:focus-visible .source-change{opacity:1}.source-meta{display:flex;flex-direction:column;gap:4px;margin-top:8px;font-size:10px;color:var(--muted)}.source-meta span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.source-meta span:last-child{font-size:9px;font-variant-numeric:tabular-nums}.source-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--muted);font-size:10px}.swap-button{position:absolute;left:50%;top:94px;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);border-radius:50%;width:28px;height:28px;z-index:1;display:flex;align-items:center;justify-content:center}.input-hint{margin:15px 0 0;font-size:9px;color:var(--muted)}.settings-section{border-top:1px solid var(--border);margin-top:22px;padding-top:21px}.settings-section .section-heading{margin-bottom:14px}.field-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:13px}.field-label span{color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.range-hints{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:9px}.field{display:flex;flex-direction:column;gap:9px;margin-top:22px}.field>label{font-size:11px}.field .n-base-selection{font-size:11px;background:transparent}.field-hint{font-size:10px;color:var(--muted);line-height:1.8;margin:9px 0 0}.advanced-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 0 0;font-size:11px;color:var(--muted)}.advanced-toggle svg{transition:transform .2s}.advanced-toggle svg.rotated{transform:rotate(180deg)}.advanced-fields{padding-top:20px}.spaced{margin-top:19px}.preset-tabs{display:flex;gap:6px}.preset-tabs button{flex:1;min-width:0;font-size:12px;padding:7px 4px;color:var(--muted)}.export-section{margin-top:22px;padding-top:22px;border-top:1px solid var(--border)}.export-section .section-heading{margin-bottom:14px}.export-section .field{margin-top:0}.format-label{font-size:9px;letter-spacing:1px;color:var(--muted)}.export-button{margin-top:19px;width:100%;padding:14px 13px;display:flex;align-items:center;gap:9px;border-radius:7px;color:var(--button-text);background:var(--button);font-size:12px;transition:filter .15s,transform .15s}.export-button:hover:not(:disabled){filter:brightness(1.13);transform:translateY(-1px)}.export-button>svg:last-child{margin-left:auto}.export-hint{color:var(--muted);font-size:9px;line-height:1.8;margin:10px 0 0;text-align:center}.retry-button{width:100%;margin-top:5px}.secondary-button{margin-top:8px;border:1px solid var(--border);width:100%;padding:10px;border-radius:6px;font-size:11px}.inspection-note{margin-top:10px;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--accent-light);border-radius:6px;font-size:11px;gap:10px}.inspection-note>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.feedback{display:flex;align-items:center;gap:9px;padding:13px 15px;background:var(--accent-light);color:var(--text);border-radius:7px;margin-top:16px;font-size:12px}.error-feedback{background:var(--danger-bg);color:var(--danger-text)}:root[data-theme=dark] .error-feedback{background:var(--danger-bg);color:var(--danger-text)}.error-feedback>span{flex:1}.workspace-footer{display:flex;align-items:center;justify-content:space-between;padding:28px 0 35px;margin-top:12px;font-size:10px;color:var(--muted)}.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(min-width:1500px){.workbench{grid-template-columns:minmax(0,1fr) 350px;gap:36px}.source-drop{height:134px}.swap-button{top:101px}}@media(max-width:1100px){.app-shell{padding:0 30px}.workbench{gap:20px;grid-template-columns:minmax(0,1fr) 300px}.controls{padding:18px}.canvas-stage{padding:24px;height:590px}}@media(max-width:800px){.app-shell{padding:0 22px}.site-header{height:76px}.workbench{grid-template-columns:1fr}.canvas-stage{container-type:size;height:560px}.controls{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;padding:24px}.controls>.section-heading,.source-pair,.input-hint{grid-column:1}.settings-section{grid-column:2;grid-row:1 / 5;border-top:0;border-left:1px solid var(--border);padding:0 0 0 25px;margin:0}.export-section{grid-column:1 / -1}.source-drop{height:130px}}@media(max-width:520px){body{min-width:320px}.app-shell{padding:0 18px}.brand{font-size:19px;gap:9px}.brand img{width:32px;height:32px}.brand-sub{font-size:8px;letter-spacing:1.4px}.tool-tabs{gap:4px}.tool-tabs button{gap:6px;font-size:12px;padding:8px}.help-button{font-size:10px;gap:4px}.workspace-nav{margin-bottom:12px}.canvas-toolbar{min-height:43px;margin-bottom:9px}.preview-tabs button{padding:6px 11px;font-size:10px}.preview-resolution{font-size:9px}.canvas-stage{container-type:size;height:430px;padding:22px}.view-tag{font-size:8px;padding:4px 6px;top:10px}.view-tag.left{left:10px}.view-tag.right{right:10px}.controls{display:block;padding:22px}.settings-section{border-left:0;border-top:1px solid var(--border);padding:21px 0 0;margin-top:22px}.source-drop{height:145px}.swap-button{top:108px}.source-meta{flex-direction:row;justify-content:space-between;gap:5px}.source-meta span:last-child{white-space:nowrap}.workspace-footer{font-size:9px;padding-top:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.source-label,.field>label,.field-label,.advanced-toggle,.preview-tabs button,.preset-tabs button,.text-button{font-size:12px}.source-label span:last-child,.source-meta,.source-meta span:last-child,.input-hint,.range-hints,.field-hint,.export-hint,.workspace-footer{font-size:11px}.field .n-base-selection{font-size:12px}.export-button{font-size:13px}@media(max-width:520px){.source-meta{flex-direction:column}.help-button{font-size:11px}.preview-tabs button{font-size:11px;padding-inline:9px}}@media(max-width:800px){.workbench{display:flex;flex-direction:column;gap:20px}.controls{display:contents}.source-section,.adjustments{width:100%;padding:22px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.source-section{order:1}.canvas-section{order:2;width:100%}.adjustments{order:3}.settings-section{border:0;padding:0;margin-top:0}.source-drop{height:145px}}.breadcrumbs{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.breadcrumbs a{display:inline-flex;align-items:center;gap:7px;padding:7px 0}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs [aria-current=page]{color:var(--text)}.directory-page{padding:32px 0 56px}.directory-heading{display:flex;align-items:center;gap:16px;margin-bottom:24px}.directory-heading h1{margin:0;font-size:26px;line-height:1.4;font-weight:650;letter-spacing:-.6px}.directory-heading>span{color:var(--muted);font-size:12px;padding:4px 9px;border-radius:5px;background:var(--surface-muted)}.directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(0,280px));gap:24px;align-items:start}.directory-card{display:flex;flex-direction:column;width:100%;max-width:280px;aspect-ratio:5 / 7;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.directory-card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:var(--hover-shadow)}.directory-card:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.card-visual{height:auto;aspect-ratio:5 / 3;flex-shrink:0;position:relative;overflow:hidden;background:var(--surface-muted)}.card-visual>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.directory-card:hover .card-visual>img{transform:scale(1.025)}.card-icon{position:absolute;right:12px;bottom:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--card-accent, var(--accent));border:1px solid #ffffffb3;border-radius:10px;background:var(--icon-gradient);box-shadow:0 4px 10px #4d64c016}.card-body{display:flex;flex-direction:column;flex:1;padding:18px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title h2{margin:0;font-size:20px;font-weight:600;letter-spacing:-.3px}.card-arrow{color:var(--muted);transition:transform .18s ease,color .18s ease}.directory-card:hover .card-arrow{transform:translate(2px,-2px);color:var(--accent)}.card-body>p{margin:10px 0 12px;min-height:3.3em;color:var(--muted);font-size:13px;line-height:1.65}.card-tags{display:flex;flex-wrap:wrap;gap:8px}.card-tags>span{font-size:11px;color:var(--text);background:var(--surface-muted);padding:5px 9px;border-radius:5px}.card-action{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--accent);margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}.directory-error{display:flex;align-items:center;gap:16px;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:9px;font-size:13px}.directory-loading{padding:24px 0;color:var(--muted);font-size:13px}.workbench-page{padding-top:14px}.tool-tabs button{transition:color .15s,background .15s}.export-button{background:var(--button-gradient)}:root[data-theme=dark] .export-button{background:var(--button-gradient)}:root[data-theme=dark] .directory-card:hover{border-color:var(--border-hover);box-shadow:var(--hover-shadow)}@media(max-width:800px){.site-header{height:auto;min-height:76px;gap:14px;padding:16px 0;flex-wrap:wrap}.brand{order:0}.theme-button{order:1;margin-left:auto}.breadcrumbs{order:2;flex-basis:100%;gap:8px;font-size:12px}.directory-page{padding-top:24px}.directory-heading h1{font-size:23px}.directory-grid{gap:18px}}@media(max-width:600px){.directory-grid{justify-content:center}.card-body>p{font-size:13px}.directory-heading{margin-bottom:20px}.directory-card:hover{transform:none}.workbench-page{padding-top:3px}}.password-page{padding:28px 0 56px}.utility-heading{display:flex;align-items:center;gap:12px;margin-bottom:24px}.utility-heading h1{margin:0;font-size:24px;font-weight:600;letter-spacing:-.5px}.utility-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(135deg,var(--surface),var(--accent-light));color:var(--accent)}.password-workbench{max-width:1150px;display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px}.password-result-panel,.password-settings{border:1px solid var(--border);border-radius:12px;background:var(--surface)}.password-result-panel{padding:28px;min-width:0}.password-result-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.password-result-heading h2{margin:0;font-size:13px;font-weight:500;color:var(--muted)}.password-strength{font-size:12px;padding:4px 12px;border-radius:20px;color:var(--text);background:var(--surface-muted)}.password-strength.strength-4,.password-strength.strength-3{color:var(--success-text);background:var(--success-bg)}.password-strength.strength-1,.password-strength.strength-2{color:var(--warning-text);background:var(--warning-bg)}.password-output{display:block;width:100%;min-width:0;resize:vertical;min-height:96px;max-height:380px;padding:22px 0 12px;margin:8px 0 6px;border:0;background:transparent;color:var(--text);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:26px;line-height:1.7;letter-spacing:1.1px;overflow-wrap:anywhere;word-break:break-all}.password-output::placeholder{font-family:inherit;font-size:16px;letter-spacing:0;color:var(--muted)}.password-output:focus-visible{outline-offset:5px;border-radius:3px}.password-result-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted)}.password-meter{display:flex;gap:4px}.password-meter i{display:block;height:4px;width:25px;border-radius:4px;background:var(--border)}.password-meter .filled{background:#4d9f99}.password-meter.strength-1 .filled,.password-meter.strength-2 .filled{background:#c69a53}.password-suggestion{margin:16px 0 0;color:var(--accent);font-size:12px}.password-actions{display:flex;gap:12px;margin-top:26px}.password-copy,.password-regenerate{min-height:45px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;font-size:13px;transition:filter .15s,transform .15s}.password-copy{flex:1;background:var(--button-gradient);color:var(--button-text)}.password-regenerate{border:1px solid var(--border);background:var(--surface-muted)}.password-copy:hover:not(:disabled),.password-regenerate:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.password-copy-message{min-height:20px;margin:10px 0 0;font-size:12px;color:var(--accent)}.password-error{padding:12px 14px;border-radius:6px;margin:16px 0 0;background:var(--danger-bg);color:var(--danger-text);font-size:12px;line-height:1.8}.password-local-note{border-top:1px solid var(--border);margin-top:12px;padding-top:15px;color:var(--muted);font-size:11px}.password-settings{padding:22px}.password-settings .section-heading h2{font-size:14px}.password-length-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.password-length-heading>label{font-size:13px}.password-length-input{width:112px}.password-length-presets{display:flex;gap:6px;margin:14px 0 23px}.password-length-presets button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:36px;font-size:12px;padding:7px 4px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--muted);white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s}.password-character-options{border:0;border-top:1px solid var(--border);margin:0;padding:18px 0 0}.password-character-options legend{padding:0 10px 0 0;font-size:12px}.password-option-row{width:100%;padding:10px 0;font-size:13px}.password-option-row .n-checkbox__label{display:flex;flex:1;align-items:center;justify-content:space-between}.password-option-row code{color:var(--muted);font-size:12px}.password-exclude{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border);margin-top:13px;padding-top:19px}.password-exclude label{font-size:12px}.password-exclude label span{display:block;font-size:11px;letter-spacing:.5px;color:var(--muted);margin-top:5px}.password-symbols{margin-top:16px}.password-symbols>label{display:block;font-size:12px;margin-bottom:9px}.password-symbols>p{margin:8px 0 0;font-size:11px;color:var(--muted);line-height:1.7}:root[data-theme=dark] .password-copy{background:var(--button-gradient);color:var(--button-text)}:root[data-theme=dark] .password-strength.strength-3,:root[data-theme=dark] .password-strength.strength-4{color:var(--success-text);background:var(--success-bg)}:root[data-theme=dark] .password-strength.strength-1,:root[data-theme=dark] .password-strength.strength-2{color:var(--warning-text);background:var(--warning-bg)}:root[data-theme=dark] .password-error{background:var(--danger-bg);color:var(--danger-text)}@media(max-width:1000px){.password-workbench{grid-template-columns:minmax(0,1fr) 310px;gap:20px}.password-result-panel{padding:23px}.password-output{font-size:23px}}@media(max-width:800px){.password-workbench{grid-template-columns:minmax(0,1fr);max-width:620px}.password-page{padding-top:22px}.utility-heading h1{font-size:22px}}@media(max-width:520px){.password-result-panel,.password-settings{padding:20px}.password-output{font-size:20px;min-height:96px;letter-spacing:.8px}.password-actions{gap:9px}.password-copy,.password-regenerate{padding:12px;font-size:12px}}.password-length-slider{display:block;width:100%;height:24px;margin:0;accent-color:var(--accent);cursor:pointer}.brand-name{display:inline-block;background:var(--brand-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.brand img{filter:drop-shadow(0 3px 5px #6570c91a)}.theme-button{background:var(--surface);color:var(--accent);box-shadow:0 2px 6px #4059a308}.directory-card{box-shadow:var(--card-shadow)}.controls,.password-result-panel,.password-settings{box-shadow:var(--panel-shadow)}.directory-heading>span{color:var(--accent);background:var(--accent-light)}.card-images,.card-mirage,.card-prism{--card-accent: #5e5fc7;--card-tint: #eef0ff}.card-web-kit,.card-password{--card-accent: #246f92;--card-tint: #eaf6fc}.card-tags>span{color:var(--card-accent, var(--accent));background:var(--card-tint, var(--accent-light))}.card-action{color:var(--card-accent, var(--accent))}.card-icon{border-color:#ffffffc9}.utility-icon{background:var(--icon-gradient);border-color:var(--border);box-shadow:0 2px 6px #4d64c008}.export-button,.password-copy{box-shadow:0 4px 12px #5666c821}.password-regenerate{background:var(--surface)}:root[data-theme=dark] .card-images,:root[data-theme=dark] .card-mirage,:root[data-theme=dark] .card-prism{--card-accent: #b4baff;--card-tint: #2b3457}:root[data-theme=dark] .card-web-kit,:root[data-theme=dark] .card-password{--card-accent: #96d5ed;--card-tint: #243e52}:root[data-theme=dark] .card-icon{border-color:#57648b}@media(max-width:800px){.source-section,.adjustments{box-shadow:var(--panel-shadow)}}.selection-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:36px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--muted);white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s}.selection-button:hover:not([aria-pressed=true]):not([aria-selected=true]):not(:disabled){background:var(--accent-light);border-color:var(--border-hover);color:var(--text)}.selection-button[aria-pressed=true],.selection-button[aria-selected=true]{color:var(--button-text);background:var(--button-gradient);border-color:var(--button);box-shadow:0 3px 8px #5267cb26;font-weight:650}.selection-button .selection-mark{opacity:0;flex-shrink:0}.selection-button[aria-pressed=true] .selection-mark,.selection-button[aria-selected=true] .selection-mark{opacity:1}