:root{--bg:#09090b;--card-bg:#18181b;--border:#27272a;--text:#fafafa;--text-muted:#a1a1aa;--primary:#3b82f6;--primary-hover:#2563eb;--primary-soft:#3b82f614;--success:#22c55e;--warning:#eab308;--danger:#ef4444;--card-shadow:0 20px 50px -15px #0009;--accent-glow:0 0 20px #3b82f61a;--radius-xl:24px;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--font-base:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Courier New", monospace;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--scrollbar-size:5px;--scrollbar-track:transparent;--scrollbar-thumb:color-mix(in srgb, var(--text-muted) 35%, var(--border));--scrollbar-thumb-hover:color-mix(in srgb, var(--primary) 45%, var(--text-muted))}[data-theme=light][data-color-theme=carbon]{--bg:#f4f4f5;--card-bg:#fff;--border:#e4e4e7;--text:#09090b;--text-muted:#71717a;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-soft:#2563eb0f;--success:#16a34a;--warning:#ca8a04;--danger:#dc2626;--card-shadow:0 20px 40px -15px #0000000f;--accent-glow:0 0 20px #2563eb14}[data-color-theme=nordic]{--bg:#2e3440;--card-bg:#3b4252;--border:#4c566a;--text:#eceff4;--text-muted:#d8dee9;--primary:#88c0d0;--primary-hover:#8fbcbb;--primary-soft:#88c0d01a;--success:#a3be8c;--warning:#ebcb8b;--danger:#bf616a;--card-shadow:0 20px 40px -15px #0006;--accent-glow:0 0 20px #88c0d026}[data-theme=light][data-color-theme=nordic]{--bg:#e5e9f0;--card-bg:#eceff4;--border:#d8dee9;--text:#2e3440;--text-muted:#4c566a;--primary:#5e81ac;--primary-hover:#81a1c1;--primary-soft:#5e81ac14;--success:#8fbcbb;--warning:#ebcb8b;--danger:#bf616a;--card-shadow:0 20px 40px -15px #5e81ac0f;--accent-glow:0 0 20px #5e81ac14}[data-color-theme=cyber]{--bg:#0a0110;--card-bg:#150324;--border:#3a0b5c;--text:#00f0ff;--text-muted:#d946ef;--primary:#ff007f;--primary-hover:#f39;--primary-soft:#ff007f1f;--success:#10b981;--warning:#fbbf24;--danger:#f43f5e;--card-shadow:0 0 35px #ff007f26;--accent-glow:0 0 25px #ff007f59}[data-theme=light][data-color-theme=cyber]{--bg:#fdf2f8;--card-bg:#fbcfe8;--border:#f472b6;--text:#701a75;--text-muted:#db2777;--primary:#c026d3;--primary-hover:#a21caf;--primary-soft:#c026d31a;--success:#059669;--warning:#d97706;--danger:#e11d48;--card-shadow:0 20px 40px -15px #c026d326;--accent-glow:0 0 20px #c026d326}[data-color-theme=forest]{--bg:#081611;--card-bg:#0e241c;--border:#163d2e;--text:#e6f4ee;--text-muted:#a3b899;--primary:#d4af37;--primary-hover:#f3e5ab;--primary-soft:#d4af371f;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--card-shadow:0 20px 40px -15px #00000080;--accent-glow:0 0 20px #d4af3733}[data-theme=light][data-color-theme=forest]{--bg:#f0fdf4;--card-bg:#dcfce7;--border:#bbf7d0;--text:#14532d;--text-muted:#166534;--primary:#b45309;--primary-hover:#d97706;--primary-soft:#b4530914;--success:#15803d;--warning:#b45309;--danger:#b91c1c;--card-shadow:0 20px 40px -15px #14532d14;--accent-glow:0 0 20px #b4530914}[data-color-theme=warm]{--bg:#191210;--card-bg:#261b18;--border:#3b2a26;--text:#fdf6e2;--text-muted:#bdae93;--primary:#d97706;--primary-hover:#f59e0b;--primary-soft:#d977061f;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--card-shadow:0 20px 40px -15px #00000080;--accent-glow:0 0 20px #d9770626}[data-theme=light][data-color-theme=warm]{--bg:#fdf6e2;--card-bg:#f5ebc6;--border:#e6d8a4;--text:#3c2a21;--text-muted:#5c4033;--primary:#b45309;--primary-hover:#92400e;--primary-soft:#b4530914;--success:#166534;--warning:#b45309;--danger:#991b1b;--card-shadow:0 20px 40px -15px #3c2a2114;--accent-glow:0 0 20px #b4530914}*{box-sizing:border-box;margin:0;padding:0}.custom-scroll,.history-list,.generated-list,.result-input-wrap,.colored-password{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.custom-scroll::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.history-list::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.generated-list::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.result-input-wrap::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.colored-password::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.custom-scroll::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:99px}.history-list::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:99px}.generated-list::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:99px}.result-input-wrap::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:99px}.colored-password::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:99px}.custom-scroll::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:1px solid #0000;border-radius:99px;transition:background .2s}.history-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:1px solid #0000;border-radius:99px;transition:background .2s}.generated-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:1px solid #0000;border-radius:99px;transition:background .2s}.result-input-wrap::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:1px solid #0000;border-radius:99px;transition:background .2s}.colored-password::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:1px solid #0000;border-radius:99px;transition:background .2s}.custom-scroll::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.history-list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.generated-list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.result-input-wrap::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.colored-password::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.custom-scroll::-webkit-scrollbar-corner{background:0 0}.history-list::-webkit-scrollbar-corner{background:0 0}.generated-list::-webkit-scrollbar-corner{background:0 0}.result-input-wrap::-webkit-scrollbar-corner{background:0 0}.custom-scroll::-webkit-scrollbar-button{width:0;height:0;display:none}.history-list::-webkit-scrollbar-button{width:0;height:0;display:none}.generated-list::-webkit-scrollbar-button{width:0;height:0;display:none}.result-input-wrap::-webkit-scrollbar-button{width:0;height:0;display:none}body{font-family:var(--font-base);background-color:var(--bg);color:var(--text);min-height:100vh;padding:24px 16px 48px;transition:background-color .3s,color .3s;overflow-x:hidden}#root{width:100%;max-width:1200px;margin:0 auto}.app-header{justify-content:space-between;align-items:center;padding:0 8px;display:flex}.logo{align-items:center;gap:12px;display:flex}.logo-icon{width:28px;height:28px;color:var(--primary);filter:drop-shadow(0 0 4px var(--primary-soft))}.logo-text{letter-spacing:-.03em;background:linear-gradient(135deg, var(--text), var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.45rem;font-weight:800}.header-controls{align-items:center;gap:12px;display:flex}.theme-button{background:var(--card-bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;transition:var(--transition);justify-content:center;align-items:center;display:flex}.theme-button:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.lang-selector{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px;display:flex}.lang-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:6px;padding:5px 9px;font-size:.75rem;font-weight:700}.lang-btn.active{background:var(--primary-soft);color:var(--primary);font-weight:800}.theme-bar{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:8px;padding:6px 12px;display:flex;overflow-x:auto}.theme-bar::-webkit-scrollbar{height:0}.theme-label{text-transform:uppercase;color:var(--text-muted);margin-right:4px;font-size:.75rem;font-weight:700}.theme-dot{cursor:pointer;width:24px;height:24px;transition:var(--transition);border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.theme-dot:hover{transform:scale(1.15)}.theme-dot.active{border-color:var(--primary);box-shadow:0 0 10px var(--primary-soft);transform:scale(1.1)}.theme-dot:after{content:"";border-radius:50%;width:12px;height:12px}.theme-dot[data-theme-name=carbon]:after{background:#3f3f46}.theme-dot[data-theme-name=nordic]:after{background:#88c0d0}.theme-dot[data-theme-name=cyber]:after{background:#ff007f}.theme-dot[data-theme-name=forest]:after{background:#d4af37}.theme-dot[data-theme-name=warm]:after{background:#d97706}.main-card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--card-shadow);flex-direction:column;gap:28px;padding:32px;transition:background-color .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.tabs-bar{border-bottom:1px solid var(--border);gap:16px;margin-bottom:-4px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:10px 14px;font-size:.95rem;font-weight:600;display:flex}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-btn i,.tab-btn svg{width:16px;height:16px}.result-section{flex-direction:column;gap:14px;display:flex;position:relative}.result-display{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);align-items:center;padding:8px;display:flex;box-shadow:inset 0 2px 4px #0000000d}.result-display:focus-within{border-color:var(--primary);box-shadow:var(--accent-glow), inset 0 2px 4px #0000000d}.result-input{color:var(--text);font-family:var(--font-mono);letter-spacing:.03em;text-overflow:ellipsis;background:0 0;border:none;outline:none;flex:1;width:100%;padding:12px 16px;font-size:1.45rem;font-weight:700}.result-input::placeholder{color:var(--text-muted);letter-spacing:0;font-size:1.2rem}.result-actions{gap:6px;display:flex}.action-btn{background:var(--card-bg);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;width:44px;height:44px;transition:var(--transition);justify-content:center;align-items:center;display:flex}.action-btn:hover{border-color:var(--text);color:var(--text);transform:translateY(-1px)}.action-btn.primary{background:var(--primary);color:#fff;border:none;gap:8px;width:auto;padding:0 18px;font-size:.9rem;font-weight:700}.action-btn.primary:hover{background:var(--primary-hover);box-shadow:var(--accent-glow)}.strength-container{flex-direction:column;gap:8px;display:flex}.strength-header{justify-content:space-between;align-items:center;font-size:.85rem;font-weight:700;display:flex}.strength-text{text-transform:uppercase;letter-spacing:.05em;transition:color .2s}.char-count{color:var(--text-muted)}.strength-bar-track{background-color:var(--bg);border:1px solid var(--border);border-radius:99px;height:8px;overflow:hidden}.strength-bar-fill{border-radius:inherit;background-color:#0000;width:0%;height:100%;transition:width .35s cubic-bezier(.4,0,.2,1),background-color .35s}.strength-tip{color:var(--text-muted);font-size:.8rem;line-height:1.4}.config-section{border-top:1px solid var(--border);flex-direction:column;gap:22px;padding-top:24px;display:flex}.config-group{flex-direction:column;gap:12px;display:flex}.config-group h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.8rem;font-weight:800}.presets-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.preset-btn{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-align:center;padding:12px;font-size:.85rem;font-weight:600}.preset-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.preset-btn.active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary);box-shadow:inset 0 1px #ffffff0d}.range-slider-group{flex-direction:column;gap:10px;display:flex}.range-slider-row{align-items:center;gap:16px;display:flex}.range-slider{-webkit-appearance:none;background:var(--bg);border:1px solid var(--border);border-radius:999px;outline:none;flex:1;height:8px}.range-slider::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border:3px solid var(--card-bg);width:20px;height:20px;box-shadow:0 0 0 1px var(--border);border-radius:50%;transition:transform .1s}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.range-slider::-moz-range-thumb{border:3px solid var(--card-bg);background:var(--primary);cursor:pointer;width:18px;height:18px;box-shadow:0 0 0 1px var(--border);border-radius:50%;transition:transform .1s}.range-slider::-moz-range-thumb:hover{transform:scale(1.2)}.config-grid-2{grid-template-columns:2fr 1.2fr;gap:20px;display:grid}.exact-input-wrap,.quantity-input-wrap{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;display:flex}.exact-input-wrap label{color:var(--text-muted);font-size:.8rem;font-weight:500}input[type=number]{color:var(--text);font-family:var(--font-mono);text-align:right;background:0 0;border:none;outline:none;width:60px;font-size:.95rem;font-weight:700}.quantity-input-wrap span{color:var(--text-muted);font-size:.8rem}.options-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.option-checkbox{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);align-items:flex-start;gap:12px;padding:14px;display:flex}.option-checkbox:hover{border-color:var(--primary-soft);background:#ffffff03;transform:translateY(-1px)}.option-checkbox input[type=checkbox]{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.custom-check{border:1.5px solid var(--border);background:var(--card-bg);min-width:20px;height:20px;transition:var(--transition);border-radius:6px;justify-content:center;align-items:center;margin-top:1px;display:flex;position:relative}.option-checkbox input:checked~.custom-check{background:var(--primary);border-color:var(--primary);box-shadow:var(--accent-glow)}.custom-check:after{content:"";border:2.5px solid #fff;border-width:0 2.5px 2.5px 0;width:5px;height:9px;display:none;position:absolute;transform:rotate(45deg)translate(-.5px,-.5px)}.option-checkbox input:checked~.custom-check:after{display:block}.option-label{-webkit-user-select:none;user-select:none;font-size:.9rem;font-weight:600}.option-text-stack{flex-direction:column;gap:2px;display:flex}.option-desc{color:var(--text-muted);font-size:.75rem}.col-span-2{grid-column:span 2}.sound-toggle-wrap{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:10px 12px 10px 14px;display:flex}.sound-toggle-label{color:var(--text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.85rem;font-weight:600;transition:color .2s;display:flex}.sound-toggle-label svg{opacity:.7;flex-shrink:0;transition:opacity .2s,color .2s}.sound-toggle-label--on{color:var(--text)}.sound-toggle-label--on svg{opacity:1;color:var(--primary)}.sound-toggle{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;width:46px;height:26px;padding:0;font-family:inherit;position:relative}.sound-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:99px}.sound-toggle-track{background:color-mix(in srgb, var(--text-muted) 25%, var(--bg));border:1px solid var(--border);border-radius:99px;width:100%;height:100%;transition:background .25s,border-color .25s,box-shadow .25s;display:block;position:relative}.sound-toggle--on .sound-toggle-track{background:var(--primary);border-color:var(--primary);box-shadow:var(--accent-glow)}.sound-toggle-thumb{background:var(--card-bg);border:1px solid var(--border);border-radius:50%;width:18px;height:18px;transition:transform .25s cubic-bezier(.34,1.4,.64,1),background .2s,border-color .2s;position:absolute;top:50%;left:3px;transform:translateY(-50%);box-shadow:0 1px 4px #00000040}.sound-toggle--on .sound-toggle-thumb{background:#fff;border-color:#ffffff4d;transform:translate(20px,-50%)}[data-theme=light] .sound-toggle-thumb{background:#fff}[data-theme=light] .sound-toggle--on .sound-toggle-thumb{background:#fff;box-shadow:0 1px 3px #00000026}.security-details-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .25s,box-shadow .25s;overflow:hidden}.security-details-box--open{border-color:color-mix(in srgb, var(--primary) 35%, var(--border));box-shadow:var(--accent-glow)}.security-details-trigger{cursor:pointer;width:100%;color:inherit;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-family:inherit;transition:background-color .2s;display:flex}.security-details-trigger:hover{background:color-mix(in srgb, var(--primary) 6%, transparent)}.security-details-trigger:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.security-details-trigger-left{align-items:center;gap:12px;min-width:0;display:flex}.security-details-icon-wrap{border-radius:var(--radius-sm);background:var(--primary-soft);width:32px;height:32px;color:var(--primary);border:1px solid color-mix(in srgb, var(--primary) 20%, var(--border));flex-shrink:0;justify-content:center;align-items:center;display:flex}.security-details-trigger-text{flex-direction:column;gap:2px;min-width:0;display:flex}.security-details-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text);font-size:.82rem;font-weight:700}.security-details-preview{color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.security-details-chevron{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);background:var(--card-bg);border:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;transition:transform .25s,color .2s,border-color .2s;display:flex}.security-details-chevron--open{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 30%, var(--border));transform:rotate(180deg)}.security-details-panel{grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1);display:grid}.security-details-panel--open{grid-template-rows:1fr}.security-details-panel>.security-details-grid{min-height:0;overflow:hidden}.security-details-grid{border-top:1px solid var(--border);opacity:0;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:0;padding:14px 16px 16px;transition:opacity .25s,transform .25s;display:grid;transform:translateY(-6px)}.security-details-panel--open .security-details-grid{opacity:1;transform:translateY(0)}.sec-detail-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:14px;transition:border-color .2s,transform .2s;display:flex;position:relative;overflow:hidden}.sec-detail-card:before{content:"";background:var(--primary);opacity:0;height:2px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.sec-detail-card:hover{border-color:color-mix(in srgb, var(--primary) 25%, var(--border));transform:translateY(-1px)}.sec-detail-card:hover:before{opacity:.6}.sec-detail-card--entropy:before{background:var(--success)}.sec-detail-card--charset:before{background:#60a5fa}.sec-detail-card--combinations:before{background:var(--warning)}.sec-detail-card--crack:before{background:var(--primary)}.sec-detail-card-header{align-items:center;gap:8px;display:flex}.sec-detail-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.sec-detail-icon--entropy{background:color-mix(in srgb, var(--success) 15%, transparent);color:var(--success)}.sec-detail-icon--charset{color:#60a5fa;background:#60a5fa1f}.sec-detail-icon--combinations{background:color-mix(in srgb, var(--warning) 15%, transparent);color:var(--warning)}.sec-detail-icon--crack{background:var(--primary-soft);color:var(--primary)}.sec-detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.sec-detail-value{font-size:1rem;font-weight:700;font-family:var(--font-mono);color:var(--text);word-break:break-all;line-height:1.3}.sec-detail-card--wide{grid-column:1/-1}.sec-detail-card--wide .sec-detail-value{color:var(--primary);font-size:1.1rem}.sec-entropy-bar{background:var(--bg);border:1px solid var(--border);border-radius:99px;height:4px;margin-top:2px;overflow:hidden}.sec-entropy-fill{border-radius:inherit;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.sec-entropy-fill--low{background:var(--danger)}.sec-entropy-fill--fair{background:var(--warning)}.sec-entropy-fill--good{background:#84cc16}.sec-entropy-fill--excellent{background:var(--success)}.clipboard-securer{background:var(--primary-soft);border-radius:var(--radius-md);border:1px solid #3b82f633;align-items:center;gap:12px;padding:12px 16px;animation:.2s ease-out slideDown;display:flex}.clipboard-securer.hidden{display:none}.securer-icon{color:var(--primary);font-size:1.1rem}.securer-content{flex-direction:column;flex:1;gap:6px;display:flex}#securerMessage{color:var(--text);font-size:.8rem;font-weight:700}.securer-progress-track{background:var(--bg);border-radius:99px;height:5px;overflow:hidden}.securer-progress-fill{background:var(--primary);border-radius:inherit;width:100%;height:100%;transition:width 1s linear}.toast-container{z-index:100;position:absolute;top:16px;left:50%;transform:translate(-50%)}.toast{background:var(--text);color:var(--bg);border-radius:var(--radius-sm);padding:8px 18px;font-size:.8rem;font-weight:700;animation:.2s cubic-bezier(.18,.89,.32,1.28) toastPop;box-shadow:0 10px 25px #00000040}@keyframes toastPop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.batch-section{border-top:1px solid var(--border);flex-direction:column;gap:14px;padding-top:24px;animation:.2s ease-out slideDown;display:flex}.batch-header{justify-content:space-between;align-items:center;display:flex}.batch-actions{gap:8px;display:flex}.btn{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;gap:6px;font-weight:700;display:flex}.btn:hover:not(:disabled){border-color:var(--text);transform:translateY(-1px)}.btn-secondary-sm{padding:6px 12px;font-size:.75rem}.generated-list{flex-direction:column;gap:8px;max-height:220px;padding-right:6px;display:flex;overflow-y:auto}.generated-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.generated-item:hover{border-color:var(--primary-soft);background:#ffffff03}.generated-password{font-family:var(--font-mono);word-break:break-all;flex:1;font-size:1rem}.history-section{border-top:1px solid var(--border);flex-direction:column;gap:12px;padding-top:24px;display:flex}.history-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.history-toggle-wrap{margin-top:2px}.history-toggle-text{flex-direction:column;gap:1px;display:flex}.history-toggle-desc{color:var(--text-muted);opacity:.85;font-size:.72rem;font-weight:500}.history-disabled-hint{color:var(--warning);background:color-mix(in srgb, var(--warning) 10%, transparent);border:1px solid color-mix(in srgb, var(--warning) 25%, var(--border));border-radius:var(--radius-sm);padding:8px 12px;font-size:.78rem;line-height:1.4}.history-empty{color:var(--text-muted);text-align:center;background:var(--bg);border:1px dashed var(--border);border-radius:var(--radius-md);padding:16px 12px;font-size:.82rem}.history-list{flex-direction:column;gap:8px;max-height:150px;padding-right:6px;display:flex;overflow-y:auto}.history-item{background:var(--bg);border:1px dashed var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:10px;padding:8px 10px 8px 12px;transition:border-color .2s;display:flex}.history-item:hover{border-color:color-mix(in srgb, var(--primary) 30%, var(--border))}.history-item-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.history-action-btn{min-width:32px;padding:6px 8px}.history-action-btn--delete:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.history-password{font-family:var(--font-mono);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:80%;font-size:.85rem;overflow:hidden}.error-message{color:var(--danger);text-align:center;min-height:18px;font-size:.8rem;font-weight:700}.app-footer{flex-direction:column;align-items:center;gap:16px;padding:0 8px;display:flex}.security-banner{color:var(--text-muted);text-align:center;align-items:flex-start;gap:10px;max-width:520px;font-size:.75rem;line-height:1.4;display:flex}.security-banner svg{width:16px;height:16px;color:var(--primary);flex-shrink:0;margin-top:2px}.footer-bottom{color:var(--text-muted);font-size:.72rem}.footer-author-link{color:var(--primary);font-weight:700;text-decoration:none;transition:color .2s,opacity .2s}.footer-author-link:hover{color:var(--primary-hover);text-underline-offset:3px;text-decoration:underline}.footer-author-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:2px}.pulse{animation:.4s ease-out pulseSuccess}@keyframes pulseSuccess{0%{box-shadow:0 0 0 0 var(--primary-soft)}50%{box-shadow:0 0 0 10px #3b82f626}to{box-shadow:0 0 0 15px #3b82f600}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=540px){.main-card{gap:20px;padding:20px}.result-display{flex-direction:column;align-items:stretch;width:100%;padding:6px}.result-input{text-align:center;padding:12px 8px;font-size:1.2rem}.result-actions{border-top:1px solid var(--border);justify-content:center;padding-top:6px}.config-grid-2{grid-template-columns:1fr;gap:16px}.options-grid{grid-template-columns:1fr}.col-span-2{grid-column:span 1}.presets-row,.security-details-grid{grid-template-columns:1fr}}.app-shell{isolation:isolate;position:relative}.app-layout{grid-template-columns:1fr 1.15fr;align-items:start;gap:40px;display:grid}.app-main{flex-direction:column;gap:16px;display:flex}.ambient-bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-orb{filter:blur(80px);opacity:.35;border-radius:50%;animation:20s ease-in-out infinite orbFloat;position:absolute}.ambient-orb--1{background:var(--primary);width:420px;height:420px;top:-10%;left:-5%}.ambient-orb--2{background:var(--success);opacity:.2;width:320px;height:320px;animation-delay:-7s;bottom:10%;right:-5%}.ambient-orb--3{background:var(--warning);opacity:.15;width:260px;height:260px;animation-delay:-14s;top:40%;left:30%}.ambient-grain{opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.05)}66%{transform:translate(-20px,30px)scale(.95)}}.hero-panel{flex-direction:column;gap:20px;padding:32px 8px;display:flex;position:sticky;top:24px}.hero-badge{letter-spacing:.12em;text-transform:uppercase;color:var(--primary);background:var(--primary-soft);border:1px solid var(--border);border-radius:99px;align-self:flex-start;padding:6px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.hero-title{letter-spacing:-.04em;background:linear-gradient(135deg, var(--text) 30%, var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.15}.hero-subtitle{color:var(--text-muted);max-width:380px;font-size:1rem;line-height:1.65}.hero-features{flex-direction:column;gap:10px;margin-top:8px;list-style:none;display:flex}.hero-features li{color:var(--text-muted);align-items:center;gap:10px;font-size:.88rem;display:flex}.hero-features svg{color:var(--primary);flex-shrink:0}.hero-visual{justify-content:center;align-items:center;width:140px;height:140px;margin-top:24px;display:flex;position:relative}.hero-lock-ring{border:1.5px solid var(--primary);opacity:.3;border-radius:50%;animation:3s ease-in-out infinite ringPulse;position:absolute;inset:0}.hero-lock-ring--delayed{opacity:.15;animation-delay:-1.5s;inset:-12px}.hero-lock-icon{width:48px;height:48px;color:var(--primary);filter:drop-shadow(0 0 12px var(--primary-soft))}@keyframes ringPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.08)}}.status-strip{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.status-pill{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:2px;padding:10px 14px;display:flex}.status-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.68rem;font-weight:700}.status-pill strong{font-size:.92rem;font-weight:700}.result-input-wrap{flex:1;min-width:0;padding:12px 16px;overflow-x:auto}.colored-password{font-family:var(--font-mono);letter-spacing:.04em;word-break:break-all;font-size:clamp(1.1rem,3vw,1.45rem);font-weight:700;line-height:1.5}.colored-password.empty{color:var(--text-muted);letter-spacing:0;font-size:1.1rem;font-weight:500}.colored-password.hidden-dots{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.char-dot{background:var(--text-muted);border-radius:50%;width:10px;height:10px;animation:.3s backwards charPop}.char-more{color:var(--text-muted);margin-left:4px;font-size:.85rem}.char{transition:transform .15s;animation:.25s backwards charPop;display:inline-block}.char:hover{transform:translateY(-2px)}.char--upper{color:#60a5fa}.char--lower{color:#34d399}.char--number{color:#fbbf24}.char--symbol{color:#f472b6}.char--other{color:var(--text)}@keyframes charPop{0%{opacity:0;transform:translateY(6px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}.range-labels{color:var(--text-muted);justify-content:space-between;font-size:.72rem;font-weight:600;display:flex}.length-hint{color:var(--text-muted);font-size:.78rem;line-height:1.4}.passphrase-tip{color:var(--text-muted);background:var(--primary-soft);border-radius:var(--radius-md);border:1px solid var(--border);padding:12px 14px;font-size:.85rem;line-height:1.5}.separator-input-wrap{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px}.separator-input{color:var(--text);font-family:var(--font-mono);text-align:center;background:0 0;border:none;outline:none;width:100%;font-size:1.2rem;font-weight:700}.keyboard-hint{color:var(--text-muted);opacity:.7;font-size:.68rem;font-family:var(--font-mono)}.main-card .toast-container{justify-content:center;display:flex;position:relative;top:auto;left:auto;transform:none}@media (width<=900px){.app-layout{grid-template-columns:1fr;gap:24px}.hero-panel{text-align:center;align-items:center;padding:16px 8px 0;position:static}.hero-badge{align-self:center}.hero-subtitle{max-width:100%}.hero-visual{margin:16px auto 0}.status-strip{grid-template-columns:1fr}.sec-detail-card--wide{grid-column:span 1}}