*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#1a1a1a;--primary-soft:#3a3a3a;--accent:#c8a87c;--accent-light:#c8a87c26;--accent-glow:#c8a87c40;--bg:#f0ece4;--bg-warm:#e8e2d8;--surface:#ffffffa6;--surface-solid:#fff;--surface-hover:#ffffffd9;--glass:#ffffff73;--glass-strong:#ffffffb8;--text:#1a1a1a;--text-2:#5a5a56;--text-3:#9a9a94;--border:#00000014;--border-light:#0000000d;--divider:#0000000a;--r-sm:12px;--r-md:16px;--r-lg:22px;--r-xl:28px;--r-pill:980px;--shadow-1:0 1px 3px #0000000a;--shadow-2:0 4px 16px #0000000f;--shadow-3:0 8px 32px #00000014;--shadow-glow:0 4px 20px var(--accent-glow);--shadow-inner:inset 0 1px 2px #0000000a;--sidebar-w:360px}[data-theme=dark]{--primary:#2a2a2a;--primary-soft:#3a3a3a;--accent:#b8a080;--accent-light:#b8a08026;--accent-glow:#b8a08033;--bg:#111113;--bg-warm:#1a1a1e;--surface:#ffffff0f;--surface-solid:#1e1e22;--surface-hover:#ffffff1a;--glass:#ffffff0a;--glass-strong:#ffffff1a;--text:#f0f0f0;--text-2:#b0b0b0;--text-3:gray;--border:#ffffff1f;--border-light:#ffffff14;--divider:#ffffff0d;--shadow-1:0 1px 3px #0006;--shadow-2:0 4px 16px #00000080;--shadow-3:0 8px 32px #0009;--shadow-glow:0 4px 20px #0006;--shadow-inner:inset 0 1px 2px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] ::selection{background:#b4b4b44d}[data-theme=dark] input[type=range]{background:#ffffff1f}[data-theme=dark] input[type=range]::-webkit-slider-thumb{border-color:var(--surface-solid);background:#ccc}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff1f}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#fff3}[data-theme=dark] .brand-icon{background:#ccc}[data-theme=dark] .brand-icon svg{color:#1a1a1a}[data-theme=dark] .sidebar-brand{background:#ffffff0a}[data-theme=dark] .brand-name{color:#f0f0f0}[data-theme=dark] .btn-process{color:#1a1a1a;background:#f0f0f0}[data-theme=dark] .btn-process:hover:not(:disabled){background:#fff}[data-theme=dark] .btn-download{color:#1a1a1a;background:#ddd;box-shadow:0 2px 10px #ffffff1a}[data-theme=dark] .top-nav-link{color:#bbb}[data-theme=dark] .top-nav-link:hover{color:#fff;background:#ffffff14}[data-theme=dark] .top-nav-lang{color:#1a1a1a;background:#f0f0f0}[data-theme=dark] .top-nav-theme,[data-theme=dark] .top-nav-login{color:#ddd;border-color:#fff3}[data-theme=dark] .sp-cat-tab{color:#bbb;border-color:#ffffff26}[data-theme=dark] .sp-cat-tab:hover{color:#fff;background:#ffffff14}[data-theme=dark] .sp-cat-tab.active{color:#1a1a1a;background:#f0f0f0;border-color:#f0f0f0}[data-theme=dark] .sp-toggle-btn{color:#ccc;background:#ffffff0f;border-color:#ffffff26}[data-theme=dark] .sp-toggle-btn:hover{color:#fff;background:#ffffff1a}[data-theme=dark] .sp-toggle-btn.active{color:#fff;background:#ffffff1a;border-color:#ffffff4d}[data-theme=dark] .sp-input,[data-theme=dark] .sp-input-wrap,[data-theme=dark] .sp-rename-input,[data-theme=dark] .sp-quality-input{color:#eee;background:#ffffff14;border-color:#ffffff1f}[data-theme=dark] .sp-template-btn{color:#1a1a1a;background:#f0f0f0}[data-theme=dark] .sp-template-login-hint{color:#ccc;background:#ffffff0f;border-left-color:#999}[data-theme=dark] .sp-size-item{color:#ccc}[data-theme=dark] .sp-size-item:hover{color:#fff;background:#ffffff14}[data-theme=dark] .sp-format-btn{color:#bbb}[data-theme=dark] .sp-format-btn.active{color:#1a1a1a;background:#f0f0f0}[data-theme=dark] .dropzone{border-color:#ffffff26}[data-theme=dark] .dropzone-text{color:#ccc}[data-theme=dark] .image-card-remove{color:#ddd;background:#0009}[data-theme=dark] .image-card-name,[data-theme=dark] .image-card-dims{color:#ccc}[data-theme=dark] .status-done{color:#66bb6a;background:#4caf5033}[data-theme=dark] .status-processing{color:#bbb;background:#b4b4b426}[data-theme=dark] .status-error{color:#e57373;background:#c0392b33}[data-theme=dark] .sp-label{color:#ddd}[data-theme=dark] .sp-checkbox label{color:#ccc}[data-theme=dark] .sp-rename-preview-name{color:#ddd}[data-theme=dark] .drag-wrapper.drag-over{box-shadow:0 0 0 2px #999}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5}::selection{background:#c8a87c4d}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=range]{-webkit-appearance:none;background:var(--border);border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);border:3px solid var(--surface-solid);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0003}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0000002e}