:root{--bg: #0b0b12;--text: #e8ecf1;--muted: #c7cbd2;--panel-bg: rgba(18,18,26,.6);--panel-border: rgba(255,255,255,.08);--accent: #7a86ff;--accent-2: #4ad2ff;--glow: rgba(122,134,255,.6)}html,body,#root{height:100%}body{background:radial-gradient(1200px 600px at 20% 0%,#10131a,#0b0b12 60%,#080812);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(600px 300px at 80% 20%,rgba(76,0,255,.12),transparent 60%),radial-gradient(800px 400px at 10% 90%,rgba(0,180,255,.1),transparent 65%),linear-gradient(transparent,transparent)}.app-root{position:fixed;top:0;right:0;bottom:0;left:0}.toolbar{position:fixed;left:20px;top:20px;z-index:10;display:flex;gap:8px;align-items:center;background:var(--panel-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:10px 12px;border-radius:10px;border:1px solid var(--panel-border);color:#fff}.brand{font-size:18px;font-weight:700;letter-spacing:.3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;margin-right:8px}.panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:10px 12px;border-radius:10px;border:1px solid var(--panel-border);color:#fff}.upload-container{position:fixed;left:20px;right:20px;bottom:5px;z-index:10;display:flex;gap:12px;align-items:stretch;flex-wrap:wrap}.tune-container{position:fixed;right:20px;top:36%;transform:translateY(-50%);z-index:10;display:grid;gap:8px;align-items:stretch;width:230px;transition:width .18s ease,transform .18s ease,padding .18s ease}.tune-container.collapsed{width:52px;padding:8px}.card-title{font-size:14px;opacity:.92;font-weight:700}.card-sub-title{font-size:12px;opacity:.72;font-weight:600;margin-bottom:7px}.section-title{font-size:12px;opacity:.78;font-weight:600;margin-bottom:8px}.panel-header{display:flex;justify-content:space-between;align-items:center}.sections-row{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap}.section{flex:1 1 260px}.dashed-drop{border:1px dashed rgba(255,255,255,.25);border-radius:8px;padding:10px;text-align:center;font-size:12px;margin-bottom:8px}.dashed-drop.drag-over{border-color:#7a86ff99;box-shadow:0 0 0 3px #7a86ff40}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:8px 12px;color:var(--text);font-size:12px;background:radial-gradient(120% 120% at 20% 0%,rgba(122,134,255,.18),transparent 60%);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease;cursor:pointer}.btn:hover{transform:translateY(-1px);border-color:#ffffff47;box-shadow:0 0 0 3px #7a86ff40}.btn:active{transform:translateY(0)}.btn.active{border-color:#7a86ff8c;box-shadow:0 0 0 3px #7a86ff40;background:radial-gradient(120% 120% at 20% 0%,rgba(122,134,255,.28),transparent 60%);font-weight:700}.input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:#0a0a1099;color:#fff;margin-bottom:8px;box-sizing:border-box}.preset-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.chip{flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(122,134,255,.35);border-radius:999px;padding:6px 10px;background:#7a86ff26;color:var(--text);font-size:12px;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background-color .14s ease}.chip:hover{transform:translateY(-1px);border-color:#7a86ff8c;box-shadow:0 0 0 3px #7a86ff40}.control-row{display:flex;gap:8px;align-items:center}.control-row span{font-size:13px;flex-shrink:0}.control-row .dashed-drop{flex:1 1 auto;margin-bottom:0;height:32px;box-sizing:border-box;padding:0 10px;display:flex;align-items:center;justify-content:center;max-width:222px}.control-row .input{flex:1 1 auto;margin-bottom:0;height:32px;padding:6px 10px;max-width:150px}.control-row .input-text{max-width:300px}.control-row .btn{white-space:nowrap;height:32px;padding:0 12px;display:inline-flex;align-items:center}.grid{display:grid;gap:6px}.grid span{font-size:12px;opacity:.72}.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;align-items:start}.tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--text);font-size:13px;padding:6px 10px;cursor:pointer;border-bottom:2px solid transparent}.tab:hover{color:#fff;border-bottom-color:#7a86ff59}.tab.active{color:#fff;font-weight:700;border-bottom-color:var(--accent)}.footer-row{display:flex;justify-content:space-between;align-items:center}label.control{display:flex;align-items:center;gap:8px}input[type=range]{-webkit-appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(90deg,#7a86ff66,#4ad2ff59);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #7a86ff40}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#7a86ff33;border:1px solid rgba(122,134,255,.28);color:var(--text);font-size:12px}.three-col{display:flex;gap:10px;align-items:start}.image-grid{display:flex;gap:10px}.thumb-card{width:40px;height:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.18);box-sizing:border-box;border-radius:8px;background:#0a0a1099;padding:0;overflow:hidden;cursor:pointer}.thumb-card img{display:block;width:100%;height:100%;object-fit:cover}.thumb-caption{padding:6px 8px;font-size:12px;opacity:.8;text-align:left}.thumb-card:hover{border-color:#ffffff47;box-shadow:0 0 0 3px #7a86ff40}