:root{--bg:#0d0d0f;--surface:#111114;--card:#18181c;--border:#27272c;--text:#e8e8ee;--text-dim:#7a7a86;--accent:#6366f1;--accent-hover:#5254cc;--danger:#f87171;--success:#4ade80;--warning:#fbbf24}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}.app-shell{height:100vh;display:flex;overflow:hidden}.app-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.app-main{flex:1;padding:32px;overflow-y:auto}.topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;height:60px;padding:0 24px;display:flex}.topbar-hint{color:var(--text-dim);margin-left:auto;font-size:13px}.topbar-progress{color:var(--text-dim);align-items:center;gap:8px;margin-left:auto;font-size:13px;display:flex}.topbar-done{color:var(--success);margin-left:auto;font-size:13px}.topbar-balance{font-variant-numeric:tabular-nums;color:var(--text-dim);border:1px solid var(--border);border-radius:6px;margin-left:auto;padding:3px 9px;font-size:13px}.topbar-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn-stop{color:var(--danger);background:#f8717114;border:1px solid #f8717140}.btn-stop:hover:not(:disabled){background:#f8717128}.btn-stop:disabled{opacity:.45;cursor:not-allowed}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:220px;display:flex}.sidebar-logo{flex-shrink:0;align-items:center;gap:10px;height:60px;padding:0 16px;display:flex}.sidebar-logo-icon{background:var(--accent);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;font-weight:700;display:flex}.sidebar-logo-name{font-size:16px;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:10px 8px;display:flex}.sidebar-user{border:1px solid var(--border);background:var(--card);border-radius:10px;align-items:center;gap:8px;min-width:0;margin:0 8px 10px;padding:10px 12px;display:flex}.sidebar-user-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sidebar-user-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar-user-email{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sidebar-user-logout{background:var(--surface);border:1px solid var(--border);cursor:pointer;width:30px;height:30px;color:var(--text-dim);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,background .15s,border-color .15s;display:flex}.sidebar-user-logout:hover{color:var(--danger);background:#f8717110;border-color:#f8717140}.nav-item{color:var(--text-dim);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--card);color:var(--text)}.nav-item.active{background:var(--accent);color:#fff}.nav-icon{text-align:center;flex-shrink:0;width:18px;font-size:15px}.page-title{margin-bottom:24px;font-size:20px;font-weight:600}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:500;transition:opacity .15s,background .15s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{background:var(--card);color:var(--text-dim);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:#444}.btn-danger{color:var(--danger);background:0 0;border:1px solid #f8717140}.btn-danger:hover:not(:disabled){background:#f8717118}.input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:14px;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-dim)}label{color:var(--text-dim);margin-bottom:6px;font-size:13px;display:block}.toggle-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.toggle{flex-shrink:0;width:40px;height:22px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-track{background:var(--border);cursor:pointer;border-radius:11px;transition:background .2s;position:absolute;inset:0}.toggle input:checked+.toggle-track{background:var(--accent)}.toggle-track:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle-track:after{transform:translate(18px)}.slider{appearance:none;cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px}.slider::-webkit-slider-thumb{appearance:none;background:var(--accent);width:16px;height:16px;box-shadow:0 0 0 2px var(--surface);border-radius:50%}.slider::-moz-range-thumb{background:var(--accent);border:2px solid var(--surface);border-radius:50%;width:16px;height:16px}.param-block{flex-direction:column;gap:8px;display:flex}.param-block-label{color:var(--text-dim);font-size:13px}.param-block-value{color:var(--text)}.range-slider{align-items:center;height:16px;display:flex;position:relative}.range-slider-track{background:var(--border);border-radius:2px;height:4px;position:absolute;left:0;right:0}.range-slider-fill{background:var(--accent);pointer-events:none;border-radius:2px;height:4px;position:absolute}.range-slider-input{appearance:none;cursor:pointer;pointer-events:none;background:0 0;outline:none;width:100%;height:4px;position:absolute}.range-slider-input::-webkit-slider-thumb{appearance:none;background:var(--accent);width:18px;height:18px;box-shadow:0 0 0 2px var(--surface);pointer-events:auto;cursor:grab;border-radius:50%}.range-slider-input::-webkit-slider-thumb:active{cursor:grabbing}.range-slider-input::-moz-range-thumb{background:var(--accent);border:2px solid var(--surface);pointer-events:auto;cursor:grab;border-radius:50%;width:18px;height:18px}.effect-block{border-bottom:1px solid var(--border);padding:18px 0}.effect-block:last-child{border-bottom:none;padding-bottom:0}.effect-block:first-child{padding-top:0}.effect-title{font-weight:500}.effect-desc{color:var(--text-dim);margin-top:2px;font-size:12px}.effect-params{flex-direction:column;gap:12px;margin-top:14px;display:flex}.drop-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;background:0 0;border-radius:12px;padding:48px;transition:border-color .2s,background .2s}.drop-zone:hover,.drop-zone.dragging{border-color:var(--accent);background:#6366f108}.drop-zone-icon{margin-bottom:12px;font-size:32px}.drop-zone-title{margin-bottom:4px;font-weight:500}.drop-zone-hint{color:var(--text-dim);font-size:13px}.file-list{flex-direction:column;gap:6px;margin-top:20px;display:flex}.file-row{background:var(--card);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.file-size{color:var(--text-dim);flex-shrink:0;font-size:12px}.file-remove{cursor:pointer;color:var(--text-dim);background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:16px;line-height:1}.file-remove:hover{color:var(--danger)}.copies-row{align-items:center;gap:16px;margin-top:20px;display:flex}.copies-row label{white-space:nowrap;margin-bottom:0}.copies-input{background:var(--surface);border:1px solid var(--border);width:80px;color:var(--text);text-align:center;border-radius:8px;outline:none;padding:8px 12px;font-size:14px}.copies-input:focus{border-color:var(--accent)}.jobs-table{border-collapse:collapse;width:100%}.jobs-table th{text-align:left;color:var(--text-dim);border-bottom:1px solid var(--border);padding:10px 12px;font-size:12px;font-weight:500}.jobs-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px;font-size:13px}.jobs-table tr:last-child td{border-bottom:none}.copy-chips{flex-wrap:wrap;gap:6px;display:flex}.chip{white-space:nowrap;border:1px solid #0000;border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:500;display:inline-flex}.chip-queued{color:var(--text-dim);background:#27272c}.chip-cancelled{color:#555;background:#1e1e22;border-color:#333}.chip-uploading{color:#60a5fa;background:#1d3a5c;border-color:#2563eb40}.chip-processing{color:#a78bfa;background:#2d1f60;border-color:#7c3aed40}.chip-downloading{color:#4ade80;background:#1a3a2a;border-color:#16a34a40}.chip-done{color:#4ade80;background:#15311e;border-color:#16a34a60}.chip-error{color:var(--danger);background:#3a1515;border-color:#dc262660}.chip-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.chip-uploading .chip-dot,.chip-processing .chip-dot{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.job-overall{font-size:12px;font-weight:500}.download-link{color:var(--accent);font-size:12px;text-decoration:none}.download-link:hover{text-decoration:underline}.login-wrap{background:var(--bg);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:hidden}.login-wrap:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f118 0%,#0000 65%);border-radius:50%;width:700px;height:700px;position:absolute;top:-250px;left:-150px}.login-wrap:after{content:"";pointer-events:none;background:radial-gradient(circle,#a855f712 0%,#0000 65%);border-radius:50%;width:600px;height:600px;position:absolute;bottom:-200px;right:-150px}.login-box{background:var(--surface);border:1px solid var(--border);z-index:1;border-radius:18px;width:100%;max-width:420px;position:relative;overflow:hidden}.login-box-bar{background:linear-gradient(90deg, var(--accent) 0%, #a855f7 100%);height:4px}.login-header{text-align:center;border-bottom:1px solid var(--border);padding:28px 32px 24px}.login-logo-name{background:linear-gradient(90deg, var(--accent) 0%, #a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:22px;font-weight:700}.login-logo-sub{letter-spacing:.12em;color:var(--text-dim);text-transform:uppercase;font-size:11px;font-weight:600}.login-form{background:0 0;border:none;border-radius:0;flex-direction:column;gap:18px;padding:28px 32px;display:flex}.login-title{font-size:20px;font-weight:700}.login-subtitle{color:var(--text-dim);margin-top:4px;font-size:13px}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{color:var(--text-dim);pointer-events:none;align-items:center;display:flex;position:absolute;left:12px}.login-input-wrap .input{background:var(--card);border-radius:10px;padding:11px 14px 11px 38px}.login-input-eye{cursor:pointer;color:var(--text-dim);background:0 0;border:none;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;right:10px}.login-input-eye:hover{color:var(--text)}.login-input-wrap .input-with-eye{padding-right:36px}.login-submit{background:linear-gradient(90deg, var(--accent) 0%, #a855f7 100%);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:2px;padding:13px;font-size:14px;font-weight:600;transition:opacity .15s}.login-submit:hover:not(:disabled){opacity:.88}.login-submit:disabled{opacity:.55;cursor:not-allowed}.login-footer{text-align:center;color:var(--text-dim);padding-bottom:4px;font-size:12px}.form-field{flex-direction:column;gap:6px;display:flex}.error-box{color:var(--danger);background:#f8717112;border:1px solid #f8717130;border-radius:8px;padding:10px 12px;font-size:13px}.empty-state{text-align:center;color:var(--text-dim);padding:48px 0}.empty-icon{margin-bottom:12px;font-size:36px}.empty-text{font-size:14px}.render-sections{flex-direction:column;gap:12px;display:flex}.render-section{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px 24px}.render-section-title{align-items:center;gap:10px;margin-bottom:14px;font-size:16px;font-weight:600;display:flex}.render-section-icon{color:var(--accent);font-size:18px}.render-section-hint{color:var(--text-dim);margin-bottom:10px;font-size:13px}.option-grid{flex-wrap:wrap;gap:8px;display:flex}.option-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:center;min-width:88px;color:var(--text);border-radius:10px;padding:10px 20px;transition:border-color .15s,background .15s}.option-btn:hover:not(.selected){background:#1e1e22;border-color:#444}.option-btn.selected{background:var(--accent);border-color:var(--accent);color:#fff}.option-btn-label{font-size:14px;font-weight:600}.option-btn-sub{opacity:.72;margin-top:2px;font-size:11px}.row{align-items:center;gap:12px;display:flex}.ml-auto{margin-left:auto}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mt-20{margin-top:20px}.menu-btn{cursor:pointer;width:36px;height:36px;color:var(--text);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.menu-btn:hover{background:var(--hover)}.sidebar-backdrop{display:none}@media (max-width:768px){.menu-btn{display:flex}.app-shell{height:100svh}.app-content{min-width:0}.app-main{padding:16px}.topbar{padding:0 16px}.sidebar{height:100vh;z-index:200;height:100dvh;box-shadow:none;transition:left .25s;position:fixed;top:0;left:-240px}.sidebar.open{left:0;box-shadow:4px 0 24px #00000040}.sidebar-backdrop{z-index:199;background:#0006;display:block;position:fixed;inset:0}.page-title{margin-bottom:16px;font-size:17px}.drop-zone{padding:28px 16px}.copies-row{flex-wrap:wrap}.jobs-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.input,.copies-input,select,textarea{font-size:16px}}.toast{background:var(--card);color:var(--text);border:1px solid var(--border);z-index:1000;pointer-events:none;white-space:nowrap;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:500;animation:.2s toast-in;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0006}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}