:root{--bg:#0b0f1a;--bg-elev:#131a2a;--panel:#141b2c;--panel-2:#1b2438;--border:#263349;--text:#e6ecf5;--muted:#8b98ad;--accent:#4fd1c5;--accent-2:#6aa6ff;--danger:#ff6b6b;--danger-bg:#3a1e26;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}code{background:#ffffff0f;border-radius:4px;padding:0 4px;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,monospace;font-size:.9em}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}.app{flex-direction:column;height:100%;display:flex}.app-header{border-bottom:1px solid var(--border);background:linear-gradient(180deg, var(--bg-elev), var(--bg));justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.brand{align-items:center;gap:14px;display:flex}.logo{color:var(--accent);font-size:32px;line-height:1}.app-header h1{letter-spacing:.3px;margin:0;font-size:18px}.app-header p{color:var(--muted);max-width:640px;margin:2px 0 0;font-size:12.5px}.header-link{border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-size:13px}.layout{flex:1;grid-template-columns:340px 1fr;min-height:0;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--bg);flex-direction:column;gap:16px;padding:16px;display:flex;overflow-y:auto}.main{min-width:0;min-height:0;padding:20px;display:flex;overflow:auto}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px}.panel-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.panel-head h2{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin:0;font-size:13px}.muted{color:var(--muted)}.small{font-size:12px}.btn{font:inherit;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:8px;padding:9px 16px;transition:filter .12s,background .12s}.btn:hover:not(:disabled){filter:brightness(1.15)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg, var(--accent), #35b0a4);color:#04231f;border-color:#0000;font-weight:600}.btn.danger{background:var(--danger-bg);color:#ffb3b3;border-color:#5a2a33}.btn-small{font:inherit;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:7px;padding:5px 10px;font-size:12.5px}.btn-small:hover{filter:brightness(1.2)}.dropzone{border:1.5px dashed var(--border);text-align:center;color:var(--muted);border-radius:10px;margin-bottom:12px;padding:14px;font-size:12.5px;transition:border-color .12s,background .12s}.dropzone.dragging{border-color:var(--accent);color:var(--text);background:#4fd1c514}.seq-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.seq-list li{border:1px solid var(--border);cursor:pointer;background:var(--panel-2);border-radius:9px;padding:8px 10px;transition:border-color .12s,background .12s}.seq-list li:hover{border-color:#35486a}.seq-list li.selected{border-color:var(--accent);background:#4fd1c517}.seq-row{align-items:center;gap:8px;display:flex}.seq-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.seq-actions{gap:2px;display:flex}.icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:3px 5px;font-size:13px}.icon-btn:hover{color:var(--text);background:#ffffff14}.icon-btn.danger:hover{color:var(--danger)}.seq-meta{color:var(--muted);margin-left:26px;font-size:11.5px}.rename-input{font:inherit;background:var(--bg);border:1px solid var(--accent);color:var(--text);border-radius:6px;flex:1;padding:3px 6px}.phantom-options{gap:8px;margin-bottom:12px;display:flex}.phantom-option{border:1px solid var(--border);background:var(--panel-2);cursor:pointer;border-radius:9px;flex:1;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:1px 8px;padding:9px 11px;display:grid}.phantom-option.selected{border-color:var(--accent);background:#4fd1c517}.phantom-option input{grid-row:1/3}.phantom-label{font-weight:600}.phantom-desc{color:var(--muted);grid-column:2;font-size:11.5px}.phantom-preview-wrap{align-items:center;gap:14px;display:flex}.phantom-preview{border:1px solid var(--border);background:radial-gradient(circle at 50% 45%,#0f1830,#070b14);border-radius:10px;width:150px;height:150px}.phantom-stats{flex-direction:column;gap:3px;font-size:12.5px;display:flex}.phantom-stats strong{color:var(--accent);font-size:16px}.seq-summary{flex-direction:column;gap:5px;margin-bottom:12px;font-size:12.5px;display:flex}.seq-summary>div{justify-content:space-between;gap:12px;display:flex}.seq-summary .k{color:var(--muted)}.seq-summary .v{font-variant-numeric:tabular-nums;text-align:right}.run-controls{gap:8px;display:flex}.run-controls .btn{flex:1}.progress{margin-top:12px}.progress-bar{background:var(--bg);border:1px solid var(--border);border-radius:5px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;transition:width .15s ease-out}.progress-text{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:6px;font-size:12px}.error-banner{background:var(--danger-bg);color:#ffb3b3;border:1px solid #5a2a33;border-radius:9px;padding:9px 11px;font-size:12.5px}.kspace{flex-direction:column;gap:12px;width:100%;min-height:0;display:flex}.kspace-toolbar{justify-content:space-between;align-items:center;display:flex}.segmented{border:1px solid var(--border);border-radius:9px;display:inline-flex;overflow:hidden}.segmented button{font:inherit;background:var(--panel);color:var(--muted);cursor:pointer;border:none;border-right:1px solid var(--border);padding:7px 13px;font-size:12.5px}.segmented button:last-child{border-right:none}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--accent);color:#04231f;font-weight:600}.kspace-canvas-wrap{border:1px solid var(--border);background:#05070d;border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:0;padding:16px;display:flex}.kspace-canvas{image-rendering:pixelated;object-fit:contain;border-radius:4px;max-width:100%;max-height:68vh}.kspace-info{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:20px;font-size:12.5px;display:flex}.placeholder{border:1px dashed var(--border);border-radius:12px;flex:1;justify-content:center;align-items:center;width:100%;display:flex}.placeholder-inner{text-align:center;color:var(--muted)}.placeholder-icon{color:var(--border);margin-bottom:12px;font-size:56px;display:block}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;margin:0 auto 14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=820px){.layout{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border)}}