.settings-page{display:grid;grid-template-columns:210px 1fr;height:calc(100vh - 52px - 34px);overflow:hidden}.settings-nav{background:var(--sidebar-bg);border-right:1px solid var(--border);overflow-y:auto;padding:14px 10px}.settings-nav-title{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;padding:0 7px;margin-bottom:8px}.snav-item{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:7px;cursor:pointer;font-size:12.5px;color:var(--text2);transition:all .12s}.snav-item:hover{background:var(--bg3);color:var(--text)}.snav-item.active{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.settings-body{overflow-y:auto;padding:24px 28px 40px}.settings-section{display:none}.settings-section.active{display:block}.sec-title{font-size:16px;font-weight:500;margin-bottom:4px}.sec-subtitle{font-size:12px;color:var(--text3);margin-bottom:24px}.setting-group{margin-bottom:28px}.setting-group-title{font-size:12px;font-weight:500;color:var(--text2);margin-bottom:12px;display:flex;align-items:center;gap:8px}.setting-group-title::after{content:'';flex:1;height:1px;background:var(--border)}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.setting-row:last-child{border-bottom:0}.setting-label{font-size:13px;font-weight:500}.setting-desc{font-size:11.5px;color:var(--text3);margin-top:2px}.theme-swatches{display:flex;gap:8px;flex-wrap:wrap}.theme-swatch-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 10px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .12s;background:transparent}.theme-swatch-btn:hover{background:var(--bg3)}.theme-swatch-btn.active{border-color:var(--accent);background:var(--bg3)}.swatch-circle{width:28px;height:28px;border-radius:50%;border:2px solid rgba(0,0,0,.08)}.swatch-name{font-size:11px;color:var(--text2)}.engine-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.engine-opt{padding:10px;border-radius:8px;border:1.5px solid var(--border-h);cursor:pointer;transition:all .12s;text-align:center}.engine-opt:hover{background:var(--bg3)}.engine-opt.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.engine-logo{font-size:18px;margin-bottom:4px}.engine-name{font-size:12px;color:var(--text2)}.engine-opt.active .engine-name{color:var(--accent);font-weight:500}.card-order-list{display:flex;flex-direction:column;gap:6px}.card-order-item{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;cursor:grab;user-select:none;transition:all .12s}.card-order-item:hover{border-color:var(--border-h)}.card-order-item.dragging{opacity:.5;border-style:dashed}.card-order-item.drag-over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,transparent)}.card-drag-handle{color:var(--text3);cursor:grab;flex-shrink:0}.card-name{flex:1;font-size:12.5px}.toggle{width:36px;height:20px;border-radius:10px;background:var(--bg4);cursor:pointer;transition:background .2s;position:relative;flex-shrink:0}.toggle.on{background:var(--accent)}.toggle::after{content:'';width:14px;height:14px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}.toggle.on::after{transform:translateX(16px)}.font-size-opts{display:flex;gap:8px}.fs-opt{padding:6px 16px;border-radius:7px;border:1.5px solid var(--border-h);cursor:pointer;transition:all .12s;font-size:12px;color:var(--text2)}.fs-opt:hover{background:var(--bg3)}.fs-opt.active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.data-action-btns{display:flex;gap:8px;flex-wrap:wrap}.data-btn{display:flex;align-items:center;gap:7px;padding:9px 16px;border-radius:8px;font-size:12.5px;font-family:inherit;cursor:pointer;border:1px solid var(--border-h);background:transparent;color:var(--text2);transition:all .12s}.data-btn:hover{background:var(--bg3);color:var(--text)}.data-btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.data-btn.danger:hover{background:color-mix(in srgb,var(--danger) 6%,transparent)}.storage-bar{height:6px;border-radius:3px;background:var(--bg3);overflow:hidden;margin-top:6px}.storage-fill{height:100%;border-radius:3px;background:var(--accent);transition:width .5s}.storage-text{font-size:11px;color:var(--text3);margin-top:4px}.account-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--card-bg);border:1px solid var(--border);border-radius:11px;margin-bottom:16px}.account-avatar{width:44px;height:44px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#fff;flex-shrink:0}.account-name{font-size:14px;font-weight:500}.account-email{font-size:12px;color:var(--text3);margin-top:2px}