@import"https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800&family=Inter:wght@500;600&display=swap";:root{--font-sans: "Figtree", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans TC", "Microsoft JhengHei", Arial, sans-serif;--bg: #050912;--page: #050912;--panel: #0d1324;--card: #111a30;--border: #1f2b45;--text: #e3e9ff;--muted: #9aaad0;--hover: rgba(124, 166, 255, .12);--glass: rgba(255, 255, 255, .06);--glass-strong: rgba(255, 255, 255, .14);--edge: color-mix(in srgb, #ffffff 20%, var(--border) 80%);--glow: 0 30px 80px rgba(111, 164, 255, .18);--accent: #8fb4ff;--accent-strong: #6aa4ff;--accent-soft: color-mix(in srgb, var(--accent) 18%, transparent);--syn: #9c7bff;--zuk: #2dd6e2;--ans: #ffb673;--ok: #55e0aa;--warn: #ffd277;--bad: #ff7b7b}*{box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--border) 60%,transparent);border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 40%,var(--border) 60%);background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--border) 60%,transparent) transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);min-height:100vh}body{background:radial-gradient(1200px 900px at 78% -10%,rgba(122,162,255,.2),transparent 52%),radial-gradient(900px 720px at 12% 12%,rgba(45,214,226,.18),transparent 50%),radial-gradient(1400px 1200px at 50% 120%,rgba(15,47,112,.38),transparent 50%),radial-gradient(1600px 1100px at 60% 20%,rgba(255,255,255,.06),transparent 52%),linear-gradient(180deg,#050912,#060c18 45%,#04070f)}.app-veil{position:fixed;inset:0;pointer-events:none;background:radial-gradient(900px 900px at 15% 10%,rgba(111,164,255,.08),transparent 55%);mix-blend-mode:screen;opacity:.8;z-index:-1}::selection{background:color-mix(in srgb,var(--accent) 35%,transparent);color:#fff}.app{display:grid;grid-template-columns:180px 1fr;gap:24px;margin:0;padding:16px 24px 24px 16px;min-height:100vh;transition:grid-template-columns .3s ease}.app.app-fullscreen{padding:0 0 0 16px;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid color-mix(in srgb,var(--border) 80%,transparent)}.logo{width:28px;height:28px}.brand h1{font-size:15px;margin:0;letter-spacing:.6px;font-weight:700;color:#f6f8ff;text-transform:uppercase}.sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 88%,transparent),color-mix(in srgb,var(--card) 84%,transparent)),linear-gradient(120deg,#ffffff0a,#ffffff05);border:1px solid var(--edge);border-radius:16px;overflow:hidden;position:sticky;top:12px;height:calc(100vh - 48px);display:flex;flex-direction:column;box-shadow:0 20px 55px #00000073,var(--glow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav{display:flex;flex-direction:column;gap:6px;padding:10px}.nav button{text-align:left;padding:10px 12px;background:transparent;border:1px solid transparent;color:var(--text);border-radius:10px;cursor:pointer;font-size:14px;white-space:nowrap;transition:all .2s ease;letter-spacing:.2px}.nav button.active,.nav button:hover{background:color-mix(in srgb,var(--card) 85%,transparent);border-color:color-mix(in srgb,var(--accent) 50%,var(--border) 50%);color:#f4f7ff;box-shadow:0 10px 24px #00000059}.quick{padding:10px 12px;transition:opacity .3s ease}.quick button{display:inline-flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--card) 86%,transparent);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);color:var(--text);border-radius:999px;padding:8px 12px;margin-right:6px;margin-top:6px;cursor:pointer;box-shadow:0 10px 24px #00000052}.main{display:flex;flex-direction:column;gap:16px}.main.main-fullscreen{padding:0;overflow:hidden}.toolbar{background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 90%,transparent),color-mix(in srgb,var(--card) 82%,transparent)),linear-gradient(120deg,#ffffff0d,#ffffff05);border:1px solid var(--edge);border-radius:16px;padding:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;box-shadow:0 16px 40px #00000059,var(--glow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.toolbar .title{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.4px;margin-right:auto;text-transform:uppercase;color:#f9fbff}.search{position:relative}.search input{background:color-mix(in srgb,var(--panel) 70%,var(--glass) 30%);border:1px solid var(--edge);border-radius:999px;padding:10px 34px 10px 12px;color:var(--text);width:260px;box-shadow:inset 0 1px #ffffff0f,0 12px 24px #00000040;letter-spacing:.1px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.search svg{position:absolute;right:10px;top:8px;opacity:.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(150deg,color-mix(in srgb,var(--card) 86%,transparent),color-mix(in srgb,var(--panel) 80%,transparent));border:1px solid var(--edge);color:var(--text);border-radius:12px;padding:10px 18px;cursor:pointer;white-space:nowrap;box-shadow:0 12px 28px #00000047,0 1px #ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn.ghost{background:transparent;box-shadow:none}.btn:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border) 45%);box-shadow:0 14px 30px #00000052,0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent);transform:translateY(-1px)}.btn:active{transform:translateY(0);box-shadow:0 10px 22px #00000042}.grid{display:grid;grid-template-columns:1fr 320px;gap:16px}.voxel-panel{margin-top:16px;margin-bottom:4px;position:relative;overflow:hidden;padding:12px 12px 10px}.voxel-header{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#f5f8ff;padding:4px 2px 8px}.voxel-sub{margin-left:auto;font-size:11px;color:var(--muted);text-transform:none;letter-spacing:.2px}.voxel-dot{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#9cf,#4da3ff 65%,transparent 100%);box-shadow:0 0 12px #8fb4ff99}.voxel-canvas{width:100%;height:220px;border-radius:12px;overflow:hidden;background:radial-gradient(140% 110% at 20% 20%,rgba(143,180,255,.12),transparent 55%),color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid var(--edge);box-shadow:inset 0 1px #ffffff0f,0 18px 32px #00000059,var(--glow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.panel{background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 88%,transparent),color-mix(in srgb,var(--card) 80%,transparent)),linear-gradient(120deg,#ffffff0d,#ffffff05);border:1px solid var(--edge);border-radius:16px;padding:16px;position:relative;box-shadow:0 18px 42px #00000061,var(--glow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow-y:auto}.panel h2{margin:2px 0 12px;font-size:16px;color:#eaf0ff;letter-spacing:.4px;text-transform:uppercase}.lanes{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.lane{background:color-mix(in srgb,var(--panel) 90%,transparent);border:1px solid var(--border);border-radius:6px;padding:12px;min-height:260px;position:relative;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:12px}.lane.has-selection{border-color:color-mix(in srgb,var(--accent) 70%,transparent);background:color-mix(in srgb,var(--accent) 4%,var(--panel))}.lane-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent);margin-bottom:4px}.lane-header h3{margin:0;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.lane-select-all{display:flex;align-items:center;gap:6px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .15s}.lane-select-all:hover{background:color-mix(in srgb,var(--card) 80%,transparent)}.lane-select-all .select-all-label{font-size:11px;color:var(--muted);font-weight:600;transition:color .15s}.lane-select-all:hover .select-all-label{color:var(--text)}.cards{display:flex;flex-direction:column;gap:8px}.card{background:color-mix(in srgb,var(--card) 95%,transparent);border:1px solid var(--border);border-radius:6px;padding:12px;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;gap:8px;position:relative;box-shadow:0 2px 6px #0000001a}.card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 60%,var(--border));box-shadow:0 6px 16px #0003}.card-title{font-size:14px;font-weight:500;line-height:1.4;word-break:break-word;letter-spacing:.1px}.card-meta{display:flex;flex-wrap:wrap;gap:6px}.card-notes{font-size:12px;color:var(--muted);line-height:1.5;word-break:break-word;margin-top:4px}.vendor-tag{font-size:10px;padding:2px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.08);letter-spacing:.2px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.syn{background:color-mix(in srgb,var(--syn) 18%,transparent);color:var(--syn)}.zuk{background:color-mix(in srgb,var(--zuk) 18%,transparent);color:var(--zuk)}.ans{background:color-mix(in srgb,var(--ans) 18%,transparent);color:var(--ans)}.inp-tag{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.pcb-lane-tag{background:color-mix(in srgb,var(--muted) 25%,transparent);color:var(--muted);font-weight:500}.tag{font-size:10px;padding:2px 6px;border-radius:999px;border:1px solid transparent;letter-spacing:.2px}.tag.ok{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}.tag.todo{background:color-mix(in srgb,var(--muted) 15%,transparent);color:var(--muted)}.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form label{font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:6px}.form label>span{font-weight:500;letter-spacing:.2px}.form input,.form select,.form textarea{width:100%;background:color-mix(in srgb,var(--panel) 70%,var(--glass) 30%);border:1px solid var(--edge);color:var(--text);border-radius:12px;padding:10px 12px;box-shadow:inset 0 1px #ffffff0f,0 10px 24px #00000038;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 60%,var(--border) 40%);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent),inset 0 1px #ffffff08}.form textarea{min-height:90px;resize:vertical;grid-column:1 / span 2}.form .sbthk-field{grid-column:1 / -1;gap:8px}.form .sbthk-field .sbthk-select{padding:12px 14px;font-size:13px}.form .sbthk-field .sbthk-textarea{min-height:130px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;line-height:1.45}.sp{height:1px;background:var(--border);margin:10px 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kpi{background:linear-gradient(160deg,color-mix(in srgb,var(--card) 92%,transparent),color-mix(in srgb,var(--panel) 85%,transparent));border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:12px;padding:10px;box-shadow:0 12px 30px #0000004d}.kpi .v{font-size:20px;font-weight:700}.kpi .l{color:var(--muted);font-size:12px}.footer{color:var(--muted);font-size:11px;margin-top:8px;word-break:break-all}.rqe-panel{margin-top:14px;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:color-mix(in srgb,var(--panel) 90%,transparent)}.rqe-empty{display:flex;align-items:center;gap:8px;padding:12px 16px;color:color-mix(in srgb,var(--muted) 60%,transparent);font-size:12px}.rqe-empty-icon{font-size:15px;opacity:.5}.rqe-header{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;background:color-mix(in srgb,var(--card) 80%,transparent);border-bottom:1px solid var(--border)}.rqe-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.rqe-nodes-count{font-size:11px;color:var(--accent);font-weight:600}.rqe-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid var(--border)}.rqe-metric{padding:12px 14px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.rqe-metric:last-child{border-right:none}.rqe-metric-top{display:flex;align-items:baseline;justify-content:space-between}.rqe-metric-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.rqe-metric-value{font-size:18px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;line-height:1}.rqe-cost{color:#34d399}.rqe-unit{font-size:10px;color:color-mix(in srgb,var(--muted) 70%,transparent);font-weight:400}.rqe-bar-track{height:3px;background:color-mix(in srgb,var(--border) 80%,transparent);border-radius:2px;overflow:hidden}.rqe-bar-fill{height:100%;border-radius:2px;transition:width .4s ease}.rqe-breakdown{padding:8px 14px;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent);display:flex;flex-direction:column;gap:4px}.rqe-breakdown-row{display:grid;grid-template-columns:90px 1fr 1fr 60px;align-items:center;font-size:11px}.rqe-breakdown-lane{color:var(--text);font-weight:600}.rqe-breakdown-n,.rqe-breakdown-compute{color:var(--muted)}.rqe-breakdown-cost{color:#34d399;font-weight:600;text-align:right}.rqe-footer{padding:7px 14px;font-size:10px;color:color-mix(in srgb,var(--muted) 50%,transparent);font-style:italic}.ribbon{position:absolute;top:12px;right:12px;background:var(--card);border:1px solid var(--border);padding:6px 10px;border-radius:999px;font-size:12px}.glow{box-shadow:0 0 0 1px var(--border),0 0 30px #7aa2ff33 inset}.modal-backdrop{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:linear-gradient(150deg,color-mix(in srgb,var(--panel) 94%,transparent),color-mix(in srgb,var(--card) 90%,transparent));border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:16px;padding:20px;width:90%;max-width:500px;box-shadow:0 10px 40px #0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--border) 80%,transparent);padding-bottom:12px;margin-bottom:16px}.modal-header h2{margin:0;font-size:18px}.modal-close-btn{background:none;border:none;color:var(--muted);font-size:28px;cursor:pointer}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.changes-container{background:var(--card);border-radius:8px;padding:12px;font-size:13px}.change-detail{margin-bottom:8px}.change-detail strong{text-transform:capitalize;margin-right:8px}.change-from{color:var(--warn);text-decoration:line-through}.change-to{color:var(--ok);font-weight:700}@keyframes highlight-anim{0%{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 60%,transparent)}50%{box-shadow:0 0 12px 2px color-mix(in srgb,var(--accent) 80%,transparent)}to{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 60%,transparent)}}.card.card-highlight{animation:highlight-anim 1.5s ease-in-out 2;border-color:var(--accent)}.warpage-container{display:grid;grid-template-columns:minmax(480px,520px) 1fr;gap:20px;padding:20px;height:100vh;overflow:hidden}.form.vertical{grid-template-columns:1fr;gap:16px}.form.vertical textarea{grid-column:auto}.tab-group{display:flex;margin-bottom:16px;border-bottom:1px solid var(--border)}.tab-group>.btn.ghost{background:transparent;border:1px solid transparent;border-bottom:2px solid transparent;border-radius:6px 6px 0 0;padding:10px 16px;margin:0 2px -1px;color:var(--muted);transition:all .2s ease;white-space:nowrap;font-size:13px}.tab-group>.btn.ghost.active,.tab-group>.btn.ghost:hover{background:transparent;color:var(--text);border-bottom-color:var(--accent)}.main-result-display{background:color-mix(in srgb,var(--card) 90%,transparent);border:1px solid var(--edge);border-radius:14px;padding:16px;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 32px #0000004d}.main-result-display .label{font-size:13px;color:var(--muted);margin-bottom:8px}.main-result-display .value{font-size:32px;font-weight:700;color:var(--accent);line-height:1}.main-result-display .unit{font-size:16px;font-weight:500;color:var(--muted);margin-left:4px}.summary-list{list-style-type:none;padding:0;font-size:13px;display:grid;gap:8px;max-width:400px}.summary-list li{display:grid;grid-template-columns:auto 1fr;gap:16px}.summary-list strong{color:var(--text);font-weight:500;text-align:left}.form-field-collapsible{transition:opacity .3s ease-in-out,max-height .3s ease-in-out,margin .3s ease-in-out,padding .3s ease-in-out;overflow:hidden;max-height:100px}.form-field-collapsible.hidden{opacity:0;max-height:0;margin:0;padding:0}@keyframes result-glow{0%{background-color:color-mix(in srgb,var(--ok) 15%,transparent);border-radius:8px}to{background-color:transparent}}.result-highlight{animation:result-glow 1.8s ease-out}.plot-shell{display:flex;flex-direction:column;gap:12px;padding:12px;border-radius:14px;background:linear-gradient(160deg,color-mix(in srgb,var(--panel) 92%,transparent),color-mix(in srgb,var(--card) 85%,transparent));border:1px solid var(--edge);box-shadow:0 18px 42px #00000042;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.plot-main{min-height:420px;border-radius:10px;overflow:hidden;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--panel) 96%,transparent),color-mix(in srgb,var(--card) 88%,transparent));filter:drop-shadow(0 18px 32px rgba(0,0,0,.25))}.history-dashboard-panel{background:linear-gradient(150deg,color-mix(in srgb,var(--panel) 92%,transparent),color-mix(in srgb,var(--card) 90%,transparent));border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:16px;padding:14px;box-shadow:0 18px 42px #00000052}.history-dashboard-panel h3{margin:2px 0 10px;font-size:15px;color:var(--muted);letter-spacing:.5px;text-transform:uppercase}.history-list table{width:100%;border-collapse:collapse;font-size:14px}.history-list th,.history-list td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}.history-list th{font-size:12px;color:var(--muted)}.history-list tr:last-child td{border-bottom:none}.history-list .actions{display:flex;gap:8px}.btn.ghost.danger:hover{background:color-mix(in srgb,var(--bad) 15%,transparent);border-color:var(--bad);color:var(--bad)}#btn-reset{background:color-mix(in srgb,var(--bad) 15%,transparent);border-color:color-mix(in srgb,var(--bad) 40%,transparent);color:var(--bad)}.settings-group{margin-bottom:30px}.settings-group h3{font-size:14px;color:var(--text);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.theme-lock{display:flex;align-items:center;gap:12px;padding:12px 14px;background:color-mix(in srgb,var(--card) 90%,transparent);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:12px;box-shadow:0 12px 28px #00000047}.theme-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--text);font-weight:700;letter-spacing:.4px}.input-with-button{display:flex;gap:8px}.input-with-button input{flex-grow:1}.input-hint{font-size:12px;color:var(--muted);margin:4px 0 0}.form-radio-group{display:flex;gap:20px}.form-radio-group label{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text)}@media (max-width: 900px){.grid{grid-template-columns:1fr}}.sidebar-footer{margin-top:auto;padding:12px 16px;font-size:11px;color:var(--muted);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:flex-start;gap:8px;opacity:.7}.sidebar-footer strong{font-weight:500}.pagination-controls{display:flex;justify-content:flex-start;align-items:center;gap:16px;margin-top:16px;padding:0 12px;font-size:13px;color:var(--muted)}.pagination-controls .btn{padding:6px 12px;font-size:13px}.pagination-controls .btn:disabled{opacity:.4;cursor:not-allowed}.tooltip-container{position:relative;display:inline-block}.tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;background:linear-gradient(140deg,color-mix(in srgb,var(--card) 92%,transparent),color-mix(in srgb,var(--panel) 88%,transparent));border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:8px;padding:10px;box-shadow:0 4px 12px #00000040;width:320px;z-index:10;opacity:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans TC,Microsoft JhengHei,Arial,sans-serif;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}.tooltip-container:hover .tooltip{opacity:1;visibility:visible}.tooltip-header{font-size:13px;font-weight:700;padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid var(--border)}.tooltip-content{font-size:12px}.tooltip-item{display:grid;grid-template-columns:120px 1fr;gap:4px 8px}.tooltip-item strong{color:var(--muted);text-align:right}.tooltip-item span{word-break:break-all}.comparison-plots{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.plot-wrapper{border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:12px;background:color-mix(in srgb,var(--card) 90%,transparent);overflow:hidden}.plot-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:var(--muted);text-align:center}.comparison-container{max-height:40vh;overflow-y:auto;padding-right:8px}.comparison-grid{display:grid;grid-template-columns:180px 1fr 1fr;gap:4px 16px;font-size:13px}.comparison-grid>div{padding:8px 4px;border-bottom:1px solid var(--border);display:flex;align-items:center}.comparison-header{font-weight:700;color:var(--muted);text-transform:uppercase;font-size:12px;position:sticky;top:0;background:var(--panel);z-index:2}.comparison-label{font-weight:500;text-align:right;color:var(--muted);justify-content:flex-end}.comparison-value.highlight{background-color:color-mix(in srgb,var(--warn) 15%,transparent);font-weight:700;color:var(--warn);border-radius:4px}.modal-content.resizable{position:relative;padding:0;overflow:hidden;display:flex;flex-direction:column}.resizable .modal-header,.resizable .dialog-actions{padding:12px 20px;margin:0;flex-shrink:0}.resizable .comparison-plots{padding:16px 20px;margin-bottom:0;flex-shrink:0}.resizable .comparison-container{padding:0 20px 16px;flex-grow:1;min-height:100px;max-height:none}.resize-handle{position:absolute;bottom:0;right:0;width:20px;height:20px;cursor:se-resize;z-index:10;background:linear-gradient(to top left,transparent 45%,var(--muted) 45%,var(--muted) 55%,transparent 55%),linear-gradient(to top left,transparent 65%,var(--muted) 65%,var(--muted) 75%,transparent 75%);opacity:.5;transition:opacity .2s ease}.resize-handle:hover{opacity:1}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:200px;gap:16px}.loading-spinner{position:relative;width:48px;height:48px}.spinner-ring{position:absolute;inset:0;border-radius:50%;border:2px solid transparent;animation:spinner-rotate 1.2s linear infinite}.spinner-ring:nth-child(1){border-top-color:var(--accent);animation-delay:0s}.spinner-ring:nth-child(2){border-right-color:var(--zuk);animation-delay:.15s;inset:4px}.spinner-ring:nth-child(3){border-bottom-color:var(--syn);animation-delay:.3s;inset:8px}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-size:14px;color:var(--muted);letter-spacing:.5px;animation:loading-pulse 1.5s ease-in-out infinite}@keyframes loading-pulse{0%,to{opacity:.5}50%{opacity:1}}.page-transition-enter{opacity:0;transform:translateY(8px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .2s ease,transform .2s ease}.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0;transition:opacity .15s ease}.flow-canvas-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:16px}.flow-canvas-title-group{display:flex;align-items:center;gap:12px;flex:1}.flow-canvas-title-group h2{margin:0;flex-shrink:0}.flow-canvas-title-group .ribbon{position:static;margin:0;flex-shrink:0}.btn-primary{background:linear-gradient(135deg,var(--accent-strong),var(--accent));border-color:var(--accent);color:#fff;font-weight:600;box-shadow:0 12px 28px #8fb4ff59,0 1px #ffffff1a}.btn-primary:hover{background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 14px 32px #8fb4ff73,0 0 0 1px #8fb4ff4d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.selection-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,transparent),color-mix(in srgb,var(--accent) 8%,transparent));border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-radius:12px;box-shadow:0 8px 24px #8fb4ff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.selection-info{display:flex;align-items:center;gap:12px}.selection-count{font-size:14px;font-weight:600;color:var(--accent);letter-spacing:.3px}.selection-actions{display:flex;align-items:center;gap:10px}.card-selectable{cursor:pointer;position:relative;padding-left:44px}.card-selectable:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 14px 32px #03081480,0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent)}.card-checked{border-color:var(--accent);background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 15%,var(--panel)),color-mix(in srgb,var(--accent) 10%,var(--card)));box-shadow:0 14px 32px #8fb4ff40,0 0 0 1px var(--accent)}.card-checkbox{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;z-index:10}.card-checkbox input[type=checkbox]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:2}.card-checkbox .checkmark{position:absolute;top:0;left:0;width:20px;height:20px;background:color-mix(in srgb,var(--panel) 80%,transparent);border:2px solid var(--border);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;transition:all .2s ease;box-shadow:inset 0 1px #ffffff0f}.card-checked .card-checkbox .checkmark{background:linear-gradient(135deg,var(--accent-strong),var(--accent));border-color:var(--accent);box-shadow:0 4px 12px #8fb4ff66}.card-highlight{animation:highlight-pulse 2s ease-in-out}@keyframes highlight-pulse{0%,to{box-shadow:0 12px 30px #03081473,0 1px #ffffff05}50%{box-shadow:0 16px 40px #8fb4ff66,0 0 0 2px var(--accent)}}@media (max-width: 1200px){.selection-toolbar{flex-direction:column;align-items:stretch;gap:12px}.selection-actions{justify-content:flex-end}}.modal-backdrop{position:fixed;inset:0;background:#050912d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.design-overview-modal{width:90vw;max-width:1400px;height:85vh;max-height:900px;display:flex;flex-direction:column;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 95%,transparent),color-mix(in srgb,var(--card) 90%,transparent));border:1px solid var(--edge);border-radius:16px;box-shadow:0 24px 60px #0009;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.design-overview-modal .modal-body{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:0}.design-overview-info{display:flex;gap:24px;padding:16px 20px;margin:0 20px 16px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,transparent),color-mix(in srgb,var(--accent) 4%,transparent));border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:12px;flex-shrink:0}.info-item{display:flex;align-items:center;gap:8px}.info-label{font-size:13px;color:var(--muted);font-weight:500}.design-overview-canvas{flex:1;margin:0 20px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 95%,transparent),color-mix(in srgb,var(--card) 90%,transparent));border:1px solid var(--edge);border-radius:12px;overflow:hidden;position:relative;box-shadow:inset 0 1px #ffffff08;min-height:0}.design-overview-canvas .react-flow{width:100%;height:100%}.flow-node-content{display:flex;flex-direction:column;gap:8px;width:100%}.flow-node-title{font-size:14px;font-weight:600;color:var(--text);line-height:1.4;word-break:break-word}.flow-node-meta{display:flex;gap:6px;flex-wrap:wrap}.flow-node-tag{font-size:10px;padding:3px 8px;border-radius:999px;font-weight:600;letter-spacing:.3px}.flow-node-tag.syn{background:color-mix(in srgb,var(--syn) 25%,transparent);color:var(--syn)}.flow-node-tag.zuk{background:color-mix(in srgb,var(--zuk) 25%,transparent);color:var(--zuk)}.flow-node-tag.ans{background:color-mix(in srgb,var(--ans) 25%,transparent);color:var(--ans)}.flow-node-lane{font-size:10px;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--muted) 15%,transparent);color:var(--muted);font-weight:500}.flow-panel-actions{background:transparent;border:none;box-shadow:none}.flow-hint{font-size:12px;color:var(--muted);background:color-mix(in srgb,var(--panel) 90%,transparent);padding:8px 12px;border-radius:8px;border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.react-flow__node{font-family:var(--font-sans)}.react-flow__edge-path{stroke-width:2}.react-flow__controls{background:color-mix(in srgb,var(--panel) 90%,transparent);border:1px solid var(--border);border-radius:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.react-flow__controls-button{background:transparent;border-bottom:1px solid var(--border);color:var(--text)}.react-flow__controls-button:hover{background:color-mix(in srgb,var(--accent) 15%,transparent)}.react-flow__minimap{background:color-mix(in srgb,var(--panel) 95%,transparent);border:1px solid var(--border);border-radius:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.design-overview-modal .modal-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;margin:0;border-top:1px solid var(--border);background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--panel) 50%,transparent));border-radius:0 0 16px 16px}.design-overview-modal .modal-header{padding:20px;margin:0}.flow-lane-group-label{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;text-align:center}.lane-group-title{font-size:16px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text);line-height:1.2}.lane-group-count{font-size:11px;opacity:.7;font-weight:500;color:var(--text);line-height:1.2}.react-flow__node{color:var(--text)}.react-flow__node-default{background:transparent;border:none;padding:0}.execution-page-overlay{position:fixed;inset:0;background:var(--bg);z-index:10000;overflow-y:auto}.flow-execution-page{min-height:100vh;display:flex;flex-direction:column;padding:24px;max-width:1400px;margin:0 auto}.execution-header{margin-bottom:24px}.execution-title-group{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.execution-title-group h1{font-size:28px;font-weight:700;margin:0;color:var(--text)}.execution-progress{display:flex;flex-direction:column;gap:8px}.progress-text{font-size:14px;color:var(--muted);font-weight:500}.progress-bar{height:8px;background:color-mix(in srgb,var(--border) 50%,transparent);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-strong),var(--accent));border-radius:999px;transition:width .3s ease}.progress-fill.animated{animation:progress-pulse 1.5s ease-in-out infinite}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.7}}.execution-tabs{display:flex;gap:12px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px}.execution-tab{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 90%,transparent),color-mix(in srgb,var(--card) 85%,transparent));border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease;min-width:180px;flex-shrink:0}.execution-tab:hover:not(.disabled){border-color:var(--lane-color);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.execution-tab.active{border-color:var(--lane-color);background:linear-gradient(135deg,color-mix(in srgb,var(--lane-color) 15%,var(--panel)),color-mix(in srgb,var(--lane-color) 8%,var(--card)));box-shadow:0 8px 24px color-mix(in srgb,var(--lane-color) 25%,transparent)}.execution-tab.completed{border-color:var(--ok)}.execution-tab.disabled{opacity:.5;cursor:not-allowed}.tab-icon{width:32px;height:32px;border-radius:8px;background:color-mix(in srgb,var(--lane-color) 20%,transparent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:var(--lane-color);flex-shrink:0}.execution-tab.completed .tab-icon{background:var(--ok);color:#fff}.tab-content{display:flex;flex-direction:column;gap:4px}.tab-title{font-size:15px;font-weight:600;color:var(--text)}.tab-subtitle{font-size:12px;color:var(--muted)}.execution-content{flex:1;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 90%,transparent),color-mix(in srgb,var(--card) 85%,transparent));border:1px solid var(--edge);border-radius:16px;padding:24px;box-shadow:0 18px 42px #00000061}.stage-executor{display:flex;flex-direction:column;gap:24px}.stage-header{display:flex;flex-direction:column;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--border)}.stage-header h2{font-size:24px;font-weight:700;margin:0;color:var(--lane-color)}.stage-nodes{display:flex;flex-wrap:wrap;gap:8px}.stage-node-badge{padding:6px 12px;background:color-mix(in srgb,var(--lane-color) 15%,transparent);border:1px solid color-mix(in srgb,var(--lane-color) 30%,transparent);border-radius:8px;font-size:13px;color:var(--text);font-weight:500}.stage-body{flex:1}.stage-step{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 20px;text-align:center}.stage-step h3{font-size:18px;font-weight:700;margin:0;color:var(--text)}.step-description{font-size:15px;color:var(--muted);max-width:600px;margin:0}.file-upload-area{width:100%;max-width:500px}.file-input{display:none}.file-upload-label{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px;border:2px dashed var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease;background:color-mix(in srgb,var(--panel) 50%,transparent)}.file-upload-label:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,transparent)}.upload-icon{font-size:36px}.upload-text{font-size:15px;color:var(--text)}.upload-hint{font-size:13px;color:var(--muted)}.upload-progress,.execution-progress{width:100%;max-width:500px;display:flex;flex-direction:column;gap:8px}.progress-label{display:flex;justify-content:space-between;font-size:14px;color:var(--text);font-weight:500}.file-info{width:100%;max-width:500px;background:color-mix(in srgb,var(--card) 90%,transparent);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px}.info-row{display:flex;justify-content:space-between;align-items:center}.info-label{font-size:14px;color:var(--muted);font-weight:500}.info-value{font-size:14px;color:var(--text);font-weight:600}.previous-result-info{padding:12px 16px;background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:8px;font-size:14px;color:var(--text)}.execution-status{display:flex;gap:24px;justify-content:center;margin-top:16px}.status-item{display:flex;flex-direction:column;gap:4px;align-items:center}.status-label{font-size:12px;color:var(--muted)}.status-value{font-size:18px;font-weight:700;color:var(--text)}.execution-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;width:100%;max-width:600px}.result-card{background:color-mix(in srgb,var(--card) 90%,transparent);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;align-items:center}.result-label{font-size:12px;color:var(--muted);text-align:center}.result-value{font-size:24px;font-weight:700;color:var(--lane-color)}.stage-actions{display:flex;gap:12px;justify-content:center;margin-top:16px}.detailed-results{width:100%;max-width:600px;margin-top:24px;padding:20px;background:color-mix(in srgb,var(--panel) 80%,transparent);border:1px solid var(--border);border-radius:12px}.detailed-results h4{margin:0 0 16px;font-size:16px;color:var(--text)}.result-grid{display:grid;gap:12px}.result-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.result-item:last-child{border-bottom:none}.result-key{font-size:14px;color:var(--muted);text-transform:capitalize}.result-val{font-size:14px;color:var(--text);font-weight:600}.stage-footer{padding-top:16px;border-top:1px solid var(--border)}.execution-complete-banner{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;padding:20px 32px;background:linear-gradient(135deg,color-mix(in srgb,var(--ok) 20%,var(--panel)),color-mix(in srgb,var(--ok) 10%,var(--card)));border:2px solid var(--ok);border-radius:16px;box-shadow:0 12px 40px #00000080;z-index:1000;animation:slideUp .5s ease}@keyframes slideUp{0%{transform:translate(-50%) translateY(100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.complete-icon{font-size:48px}.complete-content h2{margin:0 0 4px;font-size:20px;color:var(--text)}.complete-content p{margin:0;font-size:14px;color:var(--muted)}.stage-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.stage-title-block{display:flex;align-items:center;gap:16px}.stage-title-block h2{margin:0;font-size:22px;color:var(--lane-color)}.stage-description{margin:4px 0 0;font-size:14px;color:var(--muted);line-height:1.4}.stage-meta-block{display:flex;align-items:center;gap:10px;flex-shrink:0}.meta-pill{display:flex;flex-direction:column;gap:2px;padding:8px 14px;background:color-mix(in srgb,var(--card) 90%,transparent);border:1px solid var(--border);border-radius:10px}.meta-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.meta-value{font-size:13px;color:var(--text);font-weight:500}.meta-arrow{font-size:20px;color:var(--lane-color);opacity:.6}.step-progress{display:flex;align-items:flex-start;gap:0;padding:20px 0;overflow-x:auto}.step-dot-item{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;min-width:120px;flex:1;cursor:pointer;transition:opacity .2s}.step-dot-item.pending{opacity:.5}.step-dot-item.current,.step-dot-item.completed{opacity:1}.step-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;background:color-mix(in srgb,var(--card) 90%,transparent);border:2px solid var(--border);color:var(--muted);transition:all .3s ease;position:relative;z-index:2}.step-dot-item.current .step-dot{border-color:var(--lane-color);color:var(--lane-color);background:color-mix(in srgb,var(--lane-color) 15%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--lane-color) 15%,transparent)}.step-dot-item.completed .step-dot{background:var(--ok);border-color:var(--ok);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--ok) 30%,transparent)}.step-dot-item .step-dot-label{font-size:11px;color:var(--muted);text-align:center;max-width:110px;line-height:1.3;word-break:break-word}.step-dot-item.current .step-dot-label{color:var(--text);font-weight:600}.step-connector{position:absolute;top:17px;left:calc(50% + 22px);width:calc(100% - 44px);height:2px;background:var(--border);z-index:1}.step-connector.filled{background:var(--ok)}.step-tool-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:8px;font-size:13px;color:var(--text)}.tool-tag-icon{font-size:14px}.result-file-tag{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:color-mix(in srgb,var(--ok) 8%,transparent);border:1px solid color-mix(in srgb,var(--ok) 20%,transparent);border-radius:10px;font-size:14px;color:var(--text)}.result-summary-text{font-size:13px;color:var(--muted);max-width:600px;text-align:center;line-height:1.5;padding:8px 16px;background:color-mix(in srgb,var(--card) 80%,transparent);border-radius:8px}.step-result-summary{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:700px}.execution-progress-block{width:100%;max-width:500px;display:flex;flex-direction:column;gap:8px}.unified-viewer-modal{width:92vw;max-width:1200px;height:88vh;max-height:950px;display:flex;flex-direction:column}.viewer-tabs{display:flex;gap:8px;padding:0 20px;margin-bottom:12px;overflow-x:auto}.viewer-tab{display:flex;align-items:center;gap:8px;padding:10px 18px;background:transparent;border:1px solid transparent;border-bottom:2px solid transparent;border-radius:8px 8px 0 0;cursor:pointer;transition:all .2s ease;color:var(--muted);font-size:13px;font-weight:500;white-space:nowrap}.viewer-tab:hover{color:var(--text);background:color-mix(in srgb,var(--card) 50%,transparent)}.viewer-tab.active{color:var(--text);border-bottom-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.viewer-tab-icon{font-size:16px}.viewer-tab-label{font-weight:600}.viewer-content{flex:1;overflow-y:auto;padding:0 20px;min-height:0}.viewer-content-inner{display:flex;flex-direction:column;gap:24px;padding-bottom:16px}.viewer-section{display:flex;flex-direction:column;gap:12px}.viewer-section h4{margin:0;font-size:15px;font-weight:700;color:var(--text);letter-spacing:.3px;text-transform:uppercase;padding-bottom:8px;border-bottom:1px solid var(--border)}.viewer-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.viewer-stat-card{padding:14px;background:color-mix(in srgb,var(--card) 90%,transparent);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:6px;transition:border-color .2s}.viewer-stat-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.viewer-stat-card .stat-label{font-size:11px;color:var(--muted);text-transform:capitalize;font-weight:500}.viewer-stat-card .stat-value{font-size:18px;font-weight:700;color:var(--text)}.viewer-stat-card.stat-pass{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 8%,transparent)}.viewer-stat-card.stat-pass .stat-value{color:var(--ok)}.viewer-stat-card.stat-fail{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 8%,transparent)}.viewer-stat-card.stat-fail .stat-value{color:var(--bad)}.viewer-table{border:1px solid var(--border);border-radius:10px;overflow:hidden}.table-header{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:8px;padding:10px 16px;background:color-mix(in srgb,var(--card) 90%,transparent);font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.table-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:8px;padding:10px 16px;font-size:13px;color:var(--text);border-top:1px solid color-mix(in srgb,var(--border) 50%,transparent);transition:background .15s}.table-row:hover{background:color-mix(in srgb,var(--accent) 4%,transparent)}.layer-name{font-weight:600;color:var(--accent)}.status-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:600;width:fit-content}.status-badge.ok{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok)}.status-badge.warn{background:color-mix(in srgb,var(--warn) 15%,transparent);color:var(--warn)}.stackup-visual{display:flex;flex-direction:column;gap:4px}.stackup-layer{display:flex;align-items:center;gap:12px;padding:6px 0}.stackup-bar{width:100%;max-width:200px;height:14px;border-radius:3px;background:linear-gradient(90deg,hsl(var(--layer-hue),60%,45%),hsl(var(--layer-hue),50%,55%));opacity:.8;flex-shrink:0}.stackup-info{display:flex;flex-direction:column;gap:1px}.stackup-name{font-size:13px;font-weight:600;color:var(--text)}.stackup-detail{font-size:11px;color:var(--muted)}.thermal-heatmap-mock{display:flex;flex-direction:column;gap:12px;padding:16px;background:color-mix(in srgb,var(--card) 90%,transparent);border:1px solid var(--border);border-radius:12px}.heatmap-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;max-width:400px}.heatmap-cell{aspect-ratio:1;border-radius:3px;transition:transform .15s;cursor:crosshair}.heatmap-cell:hover{transform:scale(1.15);z-index:1;box-shadow:0 0 8px #ffffff4d}.heatmap-legend{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.legend-gradient{flex:1;max-width:200px;height:10px;border-radius:5px;background:linear-gradient(90deg,#2b2bee,#2beeee,#2bee2b,#eeee2b,#ee2b2b)}.hotspot-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:8px}.hotspot-title{font-size:12px;color:var(--muted);font-weight:600}.hotspot-tag{padding:4px 10px;background:color-mix(in srgb,var(--bad) 12%,transparent);border:1px solid color-mix(in srgb,var(--bad) 25%,transparent);border-radius:6px;font-size:11px;color:var(--bad);font-weight:500}.cooling-card{padding:16px;background:color-mix(in srgb,var(--card) 90%,transparent);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:10px}.cooling-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.cooling-key{font-size:13px;color:var(--muted);text-transform:capitalize;font-weight:500}.cooling-val{font-size:13px;color:var(--text);font-weight:600}.viewer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;color:var(--muted);font-size:14px}.viewer-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.viewer-empty{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:var(--muted);font-size:14px}.viewer-footer{display:flex;justify-content:flex-end;padding:12px 20px;border-top:1px solid var(--border)}.confirm-output-modal{max-width:440px;text-align:center;padding:32px}.confirm-output-modal h3{font-size:20px;font-weight:700;color:var(--text);margin:0 0 8px}.confirm-output-desc{font-size:14px;color:var(--muted);line-height:1.5;margin:0 0 24px}.confirm-output-actions{display:flex;gap:12px;justify-content:center}.main-flow{padding:0;overflow:hidden;height:100vh;display:flex;flex-direction:column}.fd-dashboard{display:flex;flex-direction:column;gap:0;max-width:1200px;margin:0 auto;width:100%;padding:20px 24px;overflow-y:auto;height:100%;box-sizing:border-box}.fd-header{display:flex;align-items:center;justify-content:space-between;padding:16px 0 20px}.fd-header-left{display:flex;align-items:baseline;gap:12px}.fd-header h1{font-size:24px;font-weight:700;margin:0;color:var(--text)}.fd-count{font-size:14px;color:var(--muted);font-weight:500}.fd-quota-section{margin-bottom:20px;border:1px solid var(--border);border-radius:8px;overflow:hidden}.fd-quota-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:color-mix(in srgb,var(--card) 80%,transparent);border-bottom:1px solid var(--border)}.fd-quota-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--muted)}.fd-quota-subtitle{font-size:11px;color:color-mix(in srgb,var(--muted) 60%,transparent)}.fd-quota-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.quota-card{padding:14px 16px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:6px;background:color-mix(in srgb,var(--panel) 90%,transparent);transition:background .15s}.quota-card:last-child{border-right:none}.quota-card:hover{background:color-mix(in srgb,var(--card) 90%,transparent)}.quota-card-top{display:flex;align-items:center;gap:6px}.quota-icon{font-size:13px;opacity:.6;line-height:1;color:var(--accent)}.quota-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;flex:1}.quota-trend{font-size:10px;color:color-mix(in srgb,var(--accent) 80%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent);padding:1px 5px;border-radius:3px;font-weight:600}.quota-numbers{display:flex;align-items:baseline;gap:3px}.quota-used{font-size:20px;font-weight:700;color:var(--text);line-height:1;font-variant-numeric:tabular-nums}.quota-used.warning{color:#f97316}.quota-sep{font-size:13px;color:var(--muted)}.quota-total{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.quota-unit{font-size:10px;color:color-mix(in srgb,var(--muted) 70%,transparent);margin-left:4px;text-transform:uppercase;letter-spacing:.4px}.qb-track{height:3px;background:color-mix(in srgb,var(--border) 80%,transparent);border-radius:2px;overflow:hidden}.qb-fill{height:100%;border-radius:2px;transition:width .6s ease}.quota-pct{font-size:10px;color:color-mix(in srgb,var(--muted) 60%,transparent)}.fd-filters{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.fd-status-tabs{display:flex;gap:2px}.fd-status-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.fd-status-tab:hover{color:var(--text)}.fd-status-tab.active{color:var(--text);border-bottom-color:var(--accent)}.fd-tab-count{padding:1px 7px;background:color-mix(in srgb,var(--border) 60%,transparent);border-radius:999px;font-size:11px;font-weight:600}.fd-status-tab.active .fd-tab-count{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent)}.fd-search input{background:color-mix(in srgb,var(--panel) 70%,transparent);border:1px solid var(--border);border-radius:8px;padding:8px 14px;color:var(--text);font-size:13px;width:220px}.fd-search input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}.fd-table{display:flex;flex-direction:column;background:color-mix(in srgb,var(--panel) 95%,transparent);border:1px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.fd-table-header{display:grid;grid-template-columns:2.5fr 1.5fr .7fr 1fr 1.2fr 50px;gap:12px;padding:16px 20px;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border);background:color-mix(in srgb,var(--card) 95%,transparent)}.fd-table-row{display:grid;grid-template-columns:2.5fr 1.5fr .7fr 1fr 1.2fr 50px;gap:12px;padding:14px 20px;align-items:center;min-height:64px;border-bottom:1px solid color-mix(in srgb,var(--border) 40%,transparent);cursor:pointer;transition:all .2s ease;box-sizing:border-box}.fd-table-row:last-child{border-bottom:none}.fd-table-row:hover{background:color-mix(in srgb,var(--accent) 5%,transparent);box-shadow:inset 3px 0 0 var(--accent)}.fd-flow-name{font-size:14px;font-weight:600;color:var(--text);line-height:1.3}.fd-flow-desc{font-size:12px;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;max-width:100%;line-height:1.4}.fd-stage-tags{display:flex;gap:4px;flex-wrap:nowrap;overflow:hidden;align-items:center}.fd-stage-tag{padding:2px 8px;background:color-mix(in srgb,var(--border) 40%,transparent);border-radius:4px;font-size:11px;color:var(--text);font-weight:500}.fd-col-nodes{font-size:14px;color:var(--text);font-weight:500}.fd-col-updated{font-size:13px;color:var(--muted)}.fd-status-badge{display:inline-flex;padding:3px 10px;border-radius:4px;font-size:12px;font-weight:600;text-transform:capitalize}.status-draft{background:color-mix(in srgb,var(--muted) 15%,transparent);color:var(--muted)}.status-running{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.status-completed{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok)}.status-failed{background:color-mix(in srgb,var(--bad) 15%,transparent);color:var(--bad)}.fd-action-btn{background:transparent;border:1px solid transparent;color:var(--muted);width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .15s}.fd-action-btn:hover{background:color-mix(in srgb,var(--bad) 12%,transparent);color:var(--bad);border-color:color-mix(in srgb,var(--bad) 25%,transparent)}.fd-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:80px 20px;text-align:center}.fd-empty h3{font-size:18px;font-weight:600;color:var(--text);margin:0}.fd-empty p{font-size:14px;color:var(--muted);margin:0}.create-flow-page{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:16px 20px;box-sizing:border-box}.create-flow-layout{flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column}.create-flow-canvas{flex:1;display:flex;flex-direction:column;min-height:0}.create-flow-canvas>.panel{flex:1;min-height:0;height:auto;overflow-y:auto}.cfp-backdrop{position:fixed;inset:0;background:#05091266;z-index:8000}.cfp-panel{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:90vw;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 96%,transparent),color-mix(in srgb,var(--card) 94%,transparent));border-left:1px solid var(--border);z-index:9000;display:flex;flex-direction:column;transform:translate(100%);transition:transform .25s ease;box-shadow:-8px 0 32px #0006}.cfp-panel.open{transform:translate(0)}.cfp-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.cfp-header h2{margin:0;font-size:18px;font-weight:700;color:var(--text);text-transform:none}.cfp-close{background:transparent;border:none;color:var(--muted);font-size:24px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.cfp-close:hover{background:color-mix(in srgb,var(--border) 50%,transparent);color:var(--text)}.cfp-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.cfp-field{display:flex;flex-direction:column;gap:6px}.cfp-label{font-size:13px;font-weight:600;color:var(--text)}.cfp-required{color:var(--bad)}.cfp-input,.cfp-textarea,.cfp-select{background:color-mix(in srgb,var(--panel) 70%,transparent);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text);font-size:14px;font-family:var(--font-sans)}.cfp-input:focus,.cfp-textarea:focus,.cfp-select:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.cfp-textarea{resize:vertical;min-height:72px}.cfp-select{cursor:pointer}.cfp-divider{height:1px;background:var(--border);margin:4px 0}.cfp-section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:0;display:flex;align-items:center;gap:8px}.cfp-node-count{padding:1px 8px;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);border-radius:999px;font-size:12px;font-weight:600}.cfp-empty-nodes{font-size:13px;color:var(--muted);padding:24px 0;text-align:center}.cfp-node-list{display:flex;flex-direction:column;gap:12px}.cfp-stage-group{display:flex;flex-direction:column;gap:4px}.cfp-stage-label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;padding-bottom:4px}.cfp-node-item{font-size:13px;color:var(--text);padding:6px 12px;background:color-mix(in srgb,var(--card) 85%,transparent);border:1px solid color-mix(in srgb,var(--border) 50%,transparent);border-radius:6px}.cfp-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 20px;border-top:1px solid var(--border);flex-shrink:0}.fdv-page{max-width:1200px;margin:0 auto;width:100%}.fdv-breadcrumb{display:flex;align-items:center;gap:8px;padding:8px 0 12px;font-size:13px}.fdv-breadcrumb-link{background:transparent;border:none;color:var(--accent);cursor:pointer;font-size:13px;padding:0;font-weight:500}.fdv-breadcrumb-link:hover{text-decoration:underline}.fdv-breadcrumb-sep{color:var(--muted)}.fdv-breadcrumb-current{color:var(--text);font-weight:500}.fdv-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;flex-wrap:wrap}.fdv-header h1{font-size:22px;font-weight:700;margin:0;color:var(--text)}.fdv-desc{font-size:14px;color:var(--muted);margin:4px 0 0}.fdv-header-right{display:flex;gap:8px;flex-wrap:wrap}.fdv-param-tag{display:flex;flex-direction:column;gap:1px;padding:6px 12px;background:color-mix(in srgb,var(--card) 85%,transparent);border:1px solid var(--border);border-radius:6px}.fdv-param-key{font-size:10px;color:var(--muted);text-transform:capitalize;font-weight:600}.fdv-param-val{font-size:13px;color:var(--text);font-weight:500}.fdv-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:16px}.fdv-tab{padding:10px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.fdv-tab:hover{color:var(--text)}.fdv-tab.active{color:var(--text);border-bottom-color:var(--accent)}.fdv-content{min-height:400px}.fdv-overview{display:flex;flex-direction:column;gap:16px}.fdv-info-bar{display:flex;align-items:center;gap:24px;padding:12px 16px;background:color-mix(in srgb,var(--card) 80%,transparent);border:1px solid var(--border);border-radius:10px}.fdv-info-item{display:flex;align-items:center;gap:8px}.fdv-info-label{font-size:13px;color:var(--muted);font-weight:500}.fdv-info-value{font-size:14px;color:var(--text);font-weight:600}.fdv-info-bar .btn{margin-left:auto}.fdv-canvas{height:500px;background:color-mix(in srgb,var(--panel) 90%,transparent);border:1px solid var(--border);border-radius:12px;overflow:hidden}.fdv-canvas .react-flow{width:100%;height:100%}.fdv-execution{display:flex;flex-direction:column;gap:16px}