:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-spring:.4s cubic-bezier(.175, .885, .32, 1.275)}body,body.light-theme{--bg-main:#f8fafc;--bg-card:#fff;--bg-subtle:#f1f5f9;--border-color:#e2e8f0;--border-hover:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent-primary:#7c3aed;--accent-glow:#7c3aed14;--accent-border:#7c3aed40;--success:#10b981;--success-glow:#10b98114;--danger:#ef4444;--warning:#f59e0b;--shadow-premium:0 1px 3px #0000000d, 0 10px 30px -5px #00000008, 0 20px 40px -10px #00000008}@media (prefers-color-scheme:dark){:root{--bg-main:#09090b;--bg-card:#121217;--bg-subtle:#1a1a24;--border-color:#22222f;--border-hover:#37374a;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#52525b;--accent-primary:#a78bfa;--accent-glow:#a78bfa1f;--accent-border:#a78bfa66;--success:#34d399;--success-glow:#34d3991f;--danger:#f87171;--warning:#fbbf24;--shadow-premium:0 0 1px #ffffff0d, 0 10px 30px -10px #0009, 0 20px 50px -15px #000c, 0 0 40px #a78bfa05}}body.dark-theme{--bg-main:#09090b;--bg-card:#121217;--bg-subtle:#1a1a24;--border-color:#22222f;--border-hover:#37374a;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#52525b;--accent-primary:#a78bfa;--accent-glow:#a78bfa1f;--accent-border:#a78bfa66;--success:#34d399;--success-glow:#34d3991f;--danger:#f87171;--warning:#fbbf24;--shadow-premium:0 0 1px #ffffff0d, 0 10px 30px -10px #0009, 0 20px 50px -15px #000c, 0 0 40px #a78bfa05}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%;font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-secondary);transition:background-color var(--transition-normal), color var(--transition-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}::selection{background-color:var(--accent-primary);color:var(--bg-main)}h1,h2,h3,h4{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.02em;font-weight:600}code{font-family:var(--font-mono);background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--accent-primary);border-radius:6px;padding:.2rem .4rem;font-size:.9em}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}button:focus-visible,input:focus-visible,label:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseBorder{0%{border-color:var(--border-color);box-shadow:0 0 #a78bfa00}50%{border-color:var(--accent-primary);box-shadow:0 0 8px var(--accent-glow)}to{border-color:var(--border-color);box-shadow:0 0 #a78bfa00}}.theme-toggle-group{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:9999px;gap:.1rem;padding:.2rem;display:inline-flex}.theme-toggle-option{cursor:pointer;color:var(--text-secondary);font-family:var(--font-sans);transition:all var(--transition-fast);background:0 0;border:none;border-radius:9999px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.75rem;font-weight:500;display:flex}.theme-toggle-option:hover{color:var(--text-primary)}.theme-toggle-option.active{background:var(--bg-card);color:var(--accent-primary);box-shadow:0 1px 3px #0000001a, 0 0 8px var(--accent-glow);font-weight:600}.theme-icon{width:14px;height:14px;transition:transform var(--transition-normal)}.theme-toggle-option.active .theme-icon{transform:rotate(15deg)}@media (width<=480px){.theme-text{display:none}.theme-toggle-option{padding:.4rem}}.file-drop-zone-wrapper{width:100%}.file-input-hidden{display:none!important}.file-drop-zone{border:2px dashed var(--border-color);background:var(--bg-main);text-align:center;cursor:pointer;width:100%;min-height:160px;transition:border-color var(--transition-normal), background var(--transition-normal), transform var(--transition-normal);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex}.file-drop-zone:hover,.file-drop-zone:focus-visible{border-color:var(--accent-primary);background:var(--accent-glow)}.file-drop-zone.dragging{border-color:var(--accent-primary);background:var(--accent-glow);box-shadow:0 0 15px var(--accent-glow);transform:scale(.995)}.drop-zone-content{flex-direction:column;align-items:center;gap:.75rem;display:flex}.drop-zone-circle{background:var(--bg-card);border:1px solid var(--border-color);width:48px;height:48px;color:var(--text-secondary);transition:all var(--transition-normal);border-radius:50%;justify-content:center;align-items:center;display:flex}.file-drop-zone:hover .drop-zone-circle{color:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 10px var(--accent-glow)}.drop-zone-svg-icon{width:20px;height:20px}.drop-zone-title{color:var(--text-primary);font-size:.9rem;font-weight:500}.drop-zone-highlight{color:var(--accent-primary);font-weight:600}.drop-zone-subtitle{color:var(--text-muted);font-size:.75rem}.file-selected-card{background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:1rem;padding:1rem;animation:.35s ease-out fadeIn;display:flex}.file-selected-icon-box{background:var(--bg-card);border:1px solid var(--border-color);width:42px;height:42px;color:var(--accent-primary);border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative}.file-selected-svg{width:22px;height:22px}.file-selected-secure-bead{background:var(--success);border:2px solid var(--bg-main);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;display:flex;position:absolute;bottom:-2px;right:-2px}.file-selected-secure-bead svg{width:8px;height:8px}.file-selected-details{flex-direction:column;flex:1;min-width:0;display:flex}.file-selected-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.file-selected-meta{color:var(--text-muted);font-size:.75rem}.file-selected-clear-btn{color:var(--text-muted);cursor:pointer;width:28px;height:28px;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.file-selected-clear-btn:hover{color:var(--danger);background:#ef44441a}.file-selected-clear-btn svg{width:16px;height:16px}.file-security-validation{background:#10b98108;border:1px solid #10b9811a;border-radius:8px;flex-direction:column;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;animation:.3s ease-out fadeIn;display:flex}.validation-item{color:var(--text-secondary);align-items:center;gap:.6rem;font-size:.75rem;display:flex}.validation-icon{width:12px;height:12px;color:var(--success);flex-shrink:0}.key-input-section{flex-direction:column;gap:1rem;display:flex}.key-input-control-wrapper{width:100%;position:relative}.key-input-field{width:100%;font-family:var(--font-mono);background:var(--bg-main);border:1px solid var(--border-color);color:var(--text-primary);transition:all var(--transition-fast);border-radius:8px;padding:.8rem 2.8rem .8rem 1rem;font-size:.9rem}.key-input-field:focus{border-color:var(--accent-primary);box-shadow:0 0 10px var(--accent-glow);outline:none}.key-input-field::placeholder{font-family:var(--font-sans);color:var(--text-muted)}.key-input-visibility-btn{color:var(--text-muted);cursor:pointer;width:24px;height:24px;transition:color var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:.8rem;transform:translateY(-50%)}.key-input-visibility-btn:hover{color:var(--text-secondary)}.visibility-svg{width:16px;height:16px}.key-input-helpers{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.strength-container{align-items:center;gap:.6rem;display:flex}.strength-meter-blocks{gap:3px;display:flex}.strength-block{background-color:var(--border-color);width:12px;height:6px;transition:background-color var(--transition-fast);border-radius:2px}.strength-meter-blocks.tier-1 .strength-block:nth-child(-n+1){background-color:var(--danger)}.strength-meter-blocks.tier-2 .strength-block:nth-child(-n+2){background-color:var(--warning)}.strength-meter-blocks.tier-3 .strength-block:nth-child(-n+3){background-color:var(--success)}.strength-meter-blocks.tier-4 .strength-block{background-color:var(--accent-primary);box-shadow:0 0 6px var(--accent-primary)}.strength-meter-text{color:var(--text-secondary);font-size:.75rem}.strength-label-text{font-weight:600}.strength-label-text.weak{color:var(--danger)}.strength-label-text.medium{color:var(--warning)}.strength-label-text.strong{color:var(--success)}.strength-label-text.milspec{color:var(--accent-primary)}.key-generator-btn{background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.75rem;font-weight:600;display:flex}.key-generator-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 0 10px var(--accent-glow)}.key-generator-icon{width:12px;height:12px}.action-button-group{grid-template-columns:1fr;gap:1rem;width:100%;display:grid}@media (width>=480px){.action-button-group{grid-template-columns:1fr 1fr}}.action-btn{font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast), transform var(--transition-spring);border:1px solid #0000;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.5rem;font-size:.9rem;font-weight:600;display:flex}.action-btn:active:not(:disabled){transform:scale(.97)}.encrypt-btn-primary{background-color:var(--accent-primary);color:var(--bg-card);border:1px solid var(--accent-primary);box-shadow:0 4px 12px var(--accent-glow)}body.dark-theme .encrypt-btn-primary{color:var(--bg-main)}.encrypt-btn-primary:hover:not(:disabled){filter:brightness(.95);box-shadow:0 4px 15px var(--accent-glow)}body.dark-theme .encrypt-btn-primary:hover:not(:disabled){filter:brightness(1.1)}.decrypt-btn-primary{background-color:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-primary)}.decrypt-btn-primary:hover:not(:disabled){background-color:var(--border-color);border-color:var(--border-hover)}.btn-icon{width:16px;height:16px}.action-btn:disabled,body.dark-theme .action-btn:disabled{background:var(--bg-subtle)!important;border-color:var(--border-color)!important;color:var(--text-muted)!important;box-shadow:none!important;cursor:not-allowed!important;transform:none!important}.btn-spinner{width:16px;height:16px;animation:.8s linear infinite btn-rotate}.spinner-track{opacity:.25}.spinner-head{opacity:.9}@keyframes btn-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sv-notification{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);opacity:0;z-index:999;background:#121217d9;border-radius:10px;align-items:center;gap:.85rem;max-width:380px;padding:.9rem 1.25rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.15),opacity .3s;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(150%);box-shadow:0 10px 25px -5px #0000004d,0 0 1px #ffffff1a}body.light-theme .sv-notification{background:#ffffffd9;box-shadow:0 10px 25px -5px #0000001a,0 0 1px #0000000d}.sv-notification.show{opacity:1;transform:translateY(0)}.sv-notification.success{border-left:3px solid var(--success);box-shadow:0 10px 25px -5px #0000004d, 0 0 10px var(--success-glow)}.sv-notification.error{border-left:3px solid var(--danger);box-shadow:0 10px 25px -5px #0000004d,0 0 10px #ef44441a}.sv-notification.info{border-left:3px solid var(--accent-primary);box-shadow:0 10px 25px -5px #0000004d, 0 0 10px var(--accent-glow)}.notification-icon-container{flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-svg{width:18px;height:18px}.toast-svg.success-icon{color:var(--success)}.toast-svg.error-icon{color:var(--danger)}.toast-svg.info-icon{color:var(--accent-primary)}.notification-body{flex-direction:column;display:flex}.notification-message{color:var(--text-primary);text-align:left;font-size:.8rem;font-weight:500;line-height:1.4}@media (width<=480px){.sv-notification{max-width:none;bottom:1rem;left:1rem;right:1rem}}.sv-page-wrapper{box-sizing:border-box;flex-direction:column;width:100%;max-width:800px;min-height:100vh;margin:0 auto;padding:0 1.5rem;display:flex}.sv-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.5rem 0;animation:.4s ease-out fadeIn;display:flex}.sv-header-brand{align-items:center;gap:.6rem;display:flex}.sv-header-logo{color:var(--accent-primary);filter:drop-shadow(0 0 6px var(--accent-border))}.sv-header-title{letter-spacing:-.03em;color:var(--text-primary);font-size:1.15rem;font-weight:700}.sv-workspace-container{width:100%;animation:.5s ease-out fadeIn}.sv-container-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-premium);box-shadow:var(--shadow-premium);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);padding:2.25rem 2rem}.sv-container-card:hover{border-color:var(--border-hover)}.sv-center-brand-logo{text-align:center;flex-direction:column;align-items:center;margin-bottom:2rem;display:flex}.sv-main-logo{color:var(--accent-primary);filter:drop-shadow(0 0 10px var(--accent-border));transition:transform var(--transition-spring);margin-bottom:.75rem}.sv-main-logo:hover{transform:rotate(-10deg)scale(1.05)}.sv-main-title{letter-spacing:-.04em;color:var(--text-primary);margin-bottom:.25rem;font-size:1.6rem;font-weight:700}.sv-main-subtitle{color:var(--text-secondary);font-size:.8rem}.sv-step-block{border-bottom:1px solid var(--border-color);margin-bottom:1.75rem;padding-bottom:1.75rem}.sv-step-block:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.sv-step-header{align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.sv-step-num{background:var(--accent-glow);border:1px solid var(--accent-border);width:22px;height:22px;font-family:var(--font-mono);color:var(--accent-primary);border-radius:6px;justify-content:center;align-items:center;font-size:.7rem;font-weight:600;display:flex}.sv-step-header h3{letter-spacing:-.01em;font-size:1rem;font-weight:600}.sv-console-wrapper{background:var(--bg-main);border:1px solid var(--border-color);font-family:var(--font-mono);border-radius:8px;margin-top:1.25rem;padding:1rem}.sv-console-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;display:flex}.sv-console-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.7rem}.sv-console-bead{background:var(--accent-primary);width:6px;height:6px;box-shadow:0 0 6px var(--accent-primary);border-radius:50%}.sv-console-output{color:var(--text-secondary);word-break:break-word;min-height:2.5rem;font-size:.8rem;line-height:1.5}.sv-footer{text-align:center;border-top:1px solid var(--border-color);color:var(--text-muted);margin-top:auto;padding:2rem 0 1.5rem;font-size:.7rem}@media (width<=640px){.sv-page-wrapper{padding:0 1rem}.sv-header{margin-bottom:1.25rem;padding:1rem 0}.sv-container-card{padding:1.5rem 1.25rem}}