:root,[data-theme=dark]{--bg-primary:#121324;--bg-surface:#1e1f38;--bg-input:#272948;--bg-hover:#33355e;--border-color:#3d3f66;--text-primary:#f4f4fa;--text-secondary:#c8c8e0;--text-muted:#8e8eb4;--accent-primary:#7c6cf0;--accent-light:#b4afff;--accent-soft:#7c6cf02e;--ipa-bg:#7c6cf033;--ipa-border:#b4afff66;--ipa-text:#dcd8ff;--pos-bg:#a29bfe2e;--pos-text:#b8b3ff;--success:#2ecc71;--success-soft:#2ecc712e;--danger:#e74c3c;--danger-soft:#e74c3c2e;--shadow-popup:0 8px 32px #0000008c;--shadow-card:0 4px 16px #00000040;--radius:8px;--radius-sm:4px;--radius-lg:12px}[data-theme=light]{--bg-primary:#f4f5fa;--bg-surface:#fff;--bg-input:#eef0f7;--bg-hover:#e2e5f2;--border-color:#d2d5e5;--text-primary:#18192b;--text-secondary:#424560;--text-muted:#6e7290;--accent-primary:#5846db;--accent-light:#4834d4;--accent-soft:#5846db1f;--ipa-bg:#eef0fe;--ipa-border:#b8bdf5;--ipa-text:#3c2bb5;--pos-bg:#5846db1a;--pos-text:#4834d4;--success:#219653;--success-soft:#2196531f;--danger:#d32f2f;--danger-soft:#d32f2f1f;--shadow-popup:0 8px 32px #1213242e;--shadow-card:0 4px 16px #12132414;--radius:8px;--radius-sm:4px;--radius-lg:12px}.lucide-icon{vertical-align:middle;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0;width:1.15em;height:1.15em;display:inline-block}.icon-sm{width:14px;height:14px}.icon-md{width:16px;height:16px}.icon-lg{width:20px;height:20px}:root,[data-theme=dark]{--bg-app:var(--bg-primary,#0f1021);--bg-sidebar:var(--bg-surface,#181932);--bg-card:var(--bg-surface,#1e1f3b);--bg-input:var(--bg-input,#27284b);--text-main:var(--text-primary,#f5f6fc);--text-muted:var(--text-muted,#9093b8);--accent:var(--accent-primary,#7c6cf0);--accent-hover:var(--accent-light,#988cff);--accent-gradient:linear-gradient(135deg, #6c5ce7, #8e44ad);--border:var(--border-color,#2f3259);--border-focus:var(--accent-primary,#7c6cf0);--danger:var(--danger,#ff4757);--danger-hover:#ff6b81;--success:var(--success,#2ed573);--warning:#ffa502;--info:#1e90ff;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 2px 8px #00000040;--shadow-md:0 4px 18px #00000059}[data-theme=light]{--bg-app:var(--bg-primary,#f5f7fb);--bg-sidebar:var(--bg-surface,#fff);--bg-card:var(--bg-surface,#fff);--bg-input:var(--bg-input,#eef1f8);--text-main:var(--text-primary,#1a1c2e);--text-muted:var(--text-muted,#676a8b);--accent:var(--accent-primary,#5846db);--accent-hover:var(--accent-light,#4834d4);--accent-gradient:linear-gradient(135deg, #5846db, #6c5ce7);--border:var(--border-color,#d8dcf0);--border-focus:var(--accent-primary,#5846db);--danger:var(--danger,#d63031);--danger-hover:#e17055;--success:var(--success,#00b894);--warning:#f39c12;--info:#0984e3;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 2px 8px #1a1c2e0f;--shadow-md:0 6px 20px #1a1c2e14}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text-main);background-color:var(--bg-app);flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;display:flex}.settings-app{flex-direction:column;min-height:100vh;display:flex}.settings-header{background-color:var(--bg-sidebar);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.header-brand{align-items:center;gap:12px;display:flex}.logo-icon{color:var(--accent)}.header-brand .brand-logo-icon{border-radius:7px;flex-shrink:0;width:28px;height:28px;display:block;box-shadow:0 2px 10px #2563eb59}.header-titles h1{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:17px;font-weight:700;line-height:1.2}.header-subtitle{color:var(--text-muted);font-size:11px}.header-meta{align-items:center;gap:12px;display:flex}.version{color:#f3f4fa;letter-spacing:.5px;background:#252849;border:1px solid #434676;border-radius:20px;align-items:center;padding:3px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 1px 3px #0000002e}[data-theme=light] .version{color:#17192d;background:#e9edf5;border-color:#c4cde0;box-shadow:0 1px 3px #0000000d}.btn-header{align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:inline-flex}.settings-body{flex:1;gap:28px;width:100%;max-width:1200px;margin:0 auto;padding:24px;display:flex}.settings-sidebar{flex-direction:column;flex-shrink:0;align-self:flex-start;gap:20px;width:250px;max-height:calc(100vh - 100px);padding-right:6px;display:flex;position:sticky;top:88px;overflow-y:auto}.nav-group-title{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:8px;padding-left:10px;font-size:11px;font-weight:700;display:block}.nav-group{border-left:2px solid var(--border);flex-direction:column;gap:3px;margin-left:8px;padding-left:4px;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-left-width:3px;align-items:center;gap:10px;width:100%;margin-left:-6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .18s;display:flex}.nav-item:hover{background-color:var(--bg-card);color:var(--text-main)}.nav-item.active{color:var(--accent);border-color:#0000;border-left-color:var(--accent);background:#7c6cf01f;font-weight:600}[data-theme=light] .nav-item.active{color:var(--accent);border-left-color:var(--accent);background:#5846db14}.nav-item.active .lucide-icon{color:var(--accent)}.settings-content{flex-direction:column;flex:1;gap:32px;min-width:0;display:flex}.settings-section{flex-direction:column;gap:16px;scroll-margin-top:84px;display:flex}.settings-section.hidden{display:none!important}.section-header h2{color:var(--text-main);margin-bottom:4px;font-size:18px;font-weight:700}.section-desc{color:var(--text-muted);font-size:13px}.card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:22px}.license-card{flex-direction:column;gap:18px;display:flex}.license-status-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.tier-display{align-items:center;gap:10px;margin-top:4px;display:flex}.plan-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:700}.badge-free{color:var(--text-muted);border:1px solid var(--border);background:#9093b833}.badge-pro{color:#a29bfe;background:linear-gradient(135deg,#6c5ce740,#8e44ad40);border:1px solid #6c5ce773}.tier-text{color:var(--text-main);font-size:13px}.license-expiry{color:var(--text-muted);font-size:13px}.license-expiry strong{color:var(--text-main);margin-left:4px}.renewal-banner{border-radius:var(--radius-md);background:#ffa50226;border:1px solid #ffa50266;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.renewal-text{color:var(--warning);font-size:13px}.input-with-button{flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;display:flex}.input-with-button input{flex:1;min-width:240px}.license-action-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.input-key-wrapper{flex:1;align-items:center;min-width:260px;display:flex;position:relative}.input-key-wrapper input{width:100%}.input-key-wrapper.has-lock input{padding-left:36px}.key-status-icon{color:var(--success);pointer-events:none;z-index:2;align-items:center;display:flex;position:absolute;left:12px}.input-readonly{letter-spacing:.8px;-webkit-user-select:all;user-select:all;opacity:.85;font-weight:500;background-color:var(--bg-app)!important;color:var(--text-muted)!important;border-color:var(--border)!important;cursor:default!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important}.input-readonly:focus{border-color:var(--border)!important;box-shadow:none!important}.field-group,.form-group{flex-direction:column;margin-bottom:16px;display:flex}.field-group:last-child,.form-group:last-child{margin-bottom:0}.field-label,.form-group label{color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-hint,.field-hint{color:var(--text-muted);margin-top:6px;font-size:12px;line-height:1.4}.field-hint code{background:var(--bg-input);border-radius:4px;padding:2px 6px;font-size:11px}input[type=text],input[type=password],input[type=url],select,.select,.select-input{background-color:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-main);outline:none;padding:10px 14px;font-size:13px;transition:all .2s}select,.select,.select-input,#displayMode,#themeMode,#targetLang{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239093b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px 16px;min-width:280px;max-width:55%;padding-right:38px}[data-theme=light] select,[data-theme=light] .select,[data-theme=light] .select-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23676a8b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}input:focus,select:focus,.select:focus,.select-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #7c6cf02e}input:disabled,.select:disabled{opacity:.5;cursor:not-allowed}input:read-only{background-color:var(--bg-input);border-color:var(--border);color:var(--text-muted);cursor:default;letter-spacing:.8px;opacity:.75;-webkit-user-select:all;user-select:all;font-family:monospace;font-weight:500}.key-input-group{gap:8px;display:flex}.key-input-group input{flex:1}.keys-list{flex-direction:column;gap:6px;max-height:180px;margin-top:8px;list-style:none;display:flex;overflow-y:auto}.key-item{background-color:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:8px 12px;font-family:Cascadia Code,Fira Code,monospace;font-size:12px;display:flex}.key-text{color:var(--text-main)}.toggle-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.toggle-text{color:var(--text-main);font-size:14px;font-weight:600}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 2px 10px #6c5ce759}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-input);border-color:var(--border);color:var(--text-main)}.btn-secondary:hover{background-color:var(--bg-sidebar);border-color:var(--border-focus)}.btn-warning{background:var(--warning);color:#1a1c2e;font-weight:700}.btn-warning:hover{filter:brightness(1.08)}.btn-danger{color:var(--danger);border-radius:var(--radius-md);cursor:pointer;background:#ff47571f;border:1px solid #ff475759;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-danger:hover{background:var(--danger);color:#fff;border-color:var(--danger);box-shadow:0 4px 14px #ff475759}.btn-danger.btn-sm{padding:4px 10px;font-size:12px}.btn-sm{padding:6px 12px;font-size:12px}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.about-grid{flex-direction:column;gap:14px;display:flex}.about-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.about-row:last-child{border-bottom:none}.about-label{color:var(--text-muted);font-size:13px}.shortcut-info-box{align-items:center;gap:12px;display:flex}kbd{background:var(--bg-input);border:1px solid var(--border);color:#a29bfe;border-radius:4px;padding:3px 8px;font-family:monospace;font-size:12px}.accent-link{color:var(--accent);font-size:13px;font-weight:500;text-decoration:none}.accent-link:hover{color:var(--accent-hover);text-decoration:underline}.settings-footer{flex-direction:column;gap:12px;margin-top:10px;display:flex}.footer-buttons{gap:12px;display:flex}.status-message{border-radius:var(--radius-md);text-align:center;padding:10px 16px;font-size:13px;transition:all .25s}.status-message.hidden{display:none!important}.status-message.success{color:var(--success);background:#2ed57326;border:1px solid #2ed57359}.status-message.error{color:var(--danger);background:#ff475726;border:1px solid #ff475759}.status-message.info{color:var(--info);background:#1e90ff26;border:1px solid #1e90ff59}.hint{color:var(--text-muted);margin-top:6px;font-size:12px;font-style:italic}.hidden{display:none!important}.modal-overlay{-webkit-backdrop-filter:blur(5px);z-index:1000;background:#0a0b18b8;justify-content:center;align-items:center;padding:20px;transition:opacity .2s,visibility .2s;display:flex;position:fixed;inset:0}.modal-overlay.hidden{display:none!important}.modal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:18px;width:100%;max-width:480px;padding:24px;animation:.2s cubic-bezier(.16,1,.3,1) modalPopIn;display:flex;box-shadow:0 16px 40px #00000073}@keyframes modalPopIn{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{align-items:center;gap:14px;display:flex}.modal-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.modal-icon-danger{color:var(--danger);background:#ff475726;border:1px solid #ff475759}.modal-title{color:var(--text-main);font-size:16px;font-weight:700;line-height:1.3}.modal-subtitle{color:var(--text-muted);font-size:12px}.modal-body{flex-direction:column;gap:8px;display:flex}.modal-text-primary{color:var(--text-main);font-size:14px;font-weight:600;line-height:1.5}.modal-text-secondary{color:var(--text-muted);font-size:13px;line-height:1.45}.modal-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:6px;display:flex}@media (width<=768px){.settings-body{flex-direction:column;padding:16px}.settings-sidebar{flex-direction:row;width:100%;padding-bottom:8px;overflow-x:auto}.nav-group{flex-direction:row}select,.select,.select-input,#displayMode,#themeMode,#targetLang{max-width:100%}}