:root{--red:#e11d2e;--red-50:#fdecee;--violet:#6d28d9;--violet-50:#f1ecfd;--blue:#1e40af;--blue-50:#e8edfb;--cyan:#06b6d4;--cyan-50:#e3f7fb;--green:#22c55e;--green-50:#e6f8ee;--amber:#f59e0b;--amber-50:#fef3c7;--bg:#f4f6fa;--bg-2:#edeff5;--surface:#fff;--surface-2:#fafbfd;--border:#e2e6ef;--border-strong:#cfd5e2;--ink:#0b1020;--ink-2:#2a2f3d;--ink-3:#5b6274;--ink-4:#8a92a6;--radius:4px;--radius-lg:6px;--shadow-sm:0 1px 0 #10182805, 0 1px 2px #1018280a;--shadow-md:0 1px 2px #1018280a, 0 4px 12px #1018280d;--shadow-lg:0 12px 48px #0a102338;--ease:cubic-bezier(.2,.7,.2,1);--font-head:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;letter-spacing:-.005em;font-size:13px}.app{grid-template:"brand topbar"56px"sidebar main"1fr/220px 1fr;min-height:100vh;display:grid}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;grid-area:topbar;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:0 20px 0 16px;display:grid;position:sticky;top:0}.topbar-metrics{align-items:center;gap:6px;display:flex;overflow-x:auto}.topbar-right{align-items:center;gap:10px;display:flex}.metric-chip{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:all .18s var(--ease);align-items:center;gap:10px;min-height:36px;padding:6px 12px;display:flex}.metric-chip:hover{border-color:var(--border-strong)}.metric-chip .dot{border-radius:50%;width:6px;height:6px}.metric-chip .lbl{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);font-size:10px;font-weight:600}.metric-chip .val{font-family:var(--font-mono);color:var(--ink);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.metric-chip.critical{background:var(--red-50);border-color:#e11d2e59}.metric-chip.critical .val{color:var(--red)}.metric-chip.good{background:var(--green-50);border-color:#22c55e59}.metric-chip.good .val{color:#138a3f}.metric-chip.info{background:var(--blue-50);border-color:#1e40af38}.metric-chip.info .val{color:var(--blue)}.metric-chip input{all:unset;font-family:var(--font-mono);color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;width:56px;font-size:13px;font-weight:600}.search{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);min-width:260px;height:34px;transition:all .18s var(--ease);align-items:center;gap:8px;padding:0 10px;display:flex}.search:focus-within{border-color:var(--blue);background:var(--surface);box-shadow:0 0 0 3px #1e40af1f}.search input{all:unset;color:var(--ink);flex:1;font-size:12px}.search .kbd{font-family:var(--font-mono);color:var(--ink-4);border:1px solid var(--border);border-radius:3px;padding:1px 4px;font-size:10px}.icon-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;width:34px;height:34px;color:var(--ink-2);transition:all .18s var(--ease);place-items:center;display:grid}.icon-btn:hover{border-color:var(--border-strong);background:var(--surface-2)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.brand{border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);grid-area:brand;align-items:center;gap:10px;padding:0 16px;display:flex}.brand-name{font-family:var(--font-head);color:var(--ink);letter-spacing:-.01em;font-size:13px;font-weight:600;line-height:1.1}.brand-sub{font-family:var(--font-mono);color:var(--ink-4);letter-spacing:.12em;text-transform:uppercase;font-size:9.5px}.sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;grid-area:sidebar;gap:2px;padding:12px 10px;display:flex}.nav-group-label{font-family:var(--font-mono);color:var(--ink-4);letter-spacing:.14em;text-transform:uppercase;padding:14px 10px 6px;font-size:9.5px}.nav-item{border-radius:var(--radius);color:var(--ink-2);cursor:pointer;transition:all .18s var(--ease);border:1px solid #0000;grid-template-columns:18px 1fr auto;align-items:center;gap:10px;padding:7px 10px;font-size:12.5px;font-weight:500;display:grid;position:relative}.nav-item:hover{background:var(--bg-2);color:var(--ink)}.nav-item.active{background:var(--blue-50);color:var(--blue);border-color:#1e40af2e}.nav-item.active .nav-icon{color:var(--blue)}.nav-item.active:before{content:"";background:var(--blue);border-radius:0 2px 2px 0;width:2px;height:16px;position:absolute;left:0}.nav-badge{font-family:var(--font-mono);background:var(--red);color:#fff;border-radius:8px;padding:1px 5px;font-size:10px;font-weight:600}.nav-icon{color:var(--ink-3);place-items:center;display:grid}.sidebar-footer{border-top:1px solid var(--border);align-items:center;gap:8px;margin-top:auto;padding:10px;display:flex}.avatar{background:linear-gradient(135deg, var(--violet), var(--blue));color:#fff;width:26px;height:26px;font-size:10px;font-weight:700;font-family:var(--font-mono);border-radius:50%;place-items:center;display:grid}.sidebar-footer .who{color:var(--ink);font-size:11.5px;font-weight:600}.sidebar-footer .role{color:var(--ink-4);font-size:10px}.main{background:radial-gradient(1200px 400px at 80% -100px, #06b6d40d, transparent), var(--bg);grid-area:main;min-width:0;padding:16px 20px 28px;overflow:auto}.page-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;padding-bottom:14px;display:flex}.page-title{font-family:var(--font-head);letter-spacing:-.015em;color:var(--ink);margin:0;font-size:20px;font-weight:600}.page-sub{color:var(--ink-3);margin-top:2px;font-size:12px}.crumbs{font-family:var(--font-mono);color:var(--ink-4);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:10.5px}.crumbs .sep{color:var(--border-strong);margin:0 6px}.toolbar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);height:30px;color:var(--ink-2);font-family:var(--font-body);cursor:pointer;transition:all .18s var(--ease);align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}.btn:hover{border-color:var(--border-strong);background:var(--surface-2);transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.primary:hover{background:#1a2238}.btn.accent{background:var(--blue);color:#fff;border-color:var(--blue)}.btn.accent:hover{background:#1b3897}.btn.ghost{border-color:#0000}.btn.danger{background:var(--red-50);color:var(--red);border-color:#e11d2e40}.btn.success{background:var(--green-50);color:#138a3f;border-color:#22c55e4d}.btn.sm{height:26px;padding:0 10px;font-size:11px}.btn.xs{height:22px;padding:0 8px;font-size:10.5px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card .card-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.card .card-head h3{font-family:var(--font-head);letter-spacing:-.005em;margin:0;font-size:13px;font-weight:600}.card .card-head .sub{font-family:var(--font-mono);color:var(--ink-4);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.card .card-body{padding:14px}.card .card-body.tight{padding:10px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s var(--ease);padding:14px 16px;position:relative;overflow:hidden}.kpi:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.kpi .kpi-top{justify-content:space-between;align-items:center;display:flex}.kpi .lbl{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);font-size:10px;font-weight:600}.kpi .val{font-family:var(--font-mono);color:var(--ink);letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin-top:4px;font-size:30px;font-weight:600}.kpi .val .u{color:var(--ink-3);margin-left:4px;font-size:13px;font-weight:500}.kpi .delta{font-family:var(--font-mono);border-radius:3px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-flex}.kpi .delta.up{color:var(--green);background:var(--green-50)}.kpi .delta.down{color:var(--red);background:var(--red-50)}.kpi .delta.flat{color:var(--ink-3);background:var(--bg-2)}.kpi .spark{height:36px;margin-top:10px}.kpi.accent-blue:before,.kpi.accent-green:before,.kpi.accent-red:before,.kpi.accent-cyan:before,.kpi.accent-violet:before{content:"";height:2px;position:absolute;top:0;left:0;right:0}.kpi.accent-blue:before{background:var(--blue)}.kpi.accent-green:before{background:var(--green)}.kpi.accent-red:before{background:var(--red)}.kpi.accent-cyan:before{background:var(--cyan)}.kpi.accent-violet:before{background:var(--violet)}.tag{font-family:var(--font-mono);letter-spacing:.04em;background:var(--bg-2);color:var(--ink-3);border:1px solid var(--border);border-radius:3px;align-items:center;gap:4px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.tag.red{background:var(--red-50);color:var(--red);border-color:#e11d2e33}.tag.green{background:var(--green-50);color:#138a3f;border-color:#22c55e40}.tag.blue{background:var(--blue-50);color:var(--blue);border-color:#1e40af33}.tag.cyan{background:var(--cyan-50);color:#0a8ca3;border-color:#06b6d438}.tag.violet{background:var(--violet-50);color:var(--violet);border-color:#6d28d933}.tag.amber{background:var(--amber-50);color:#b45309;border-color:#f59e0b4d}.tbl{border-collapse:collapse;width:100%;font-size:12px}.tbl th,.tbl td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:8px 10px}.tbl th{font-family:var(--font-mono);color:var(--ink-4);letter-spacing:.1em;text-transform:uppercase;background:var(--surface-2);font-size:10px;font-weight:600}.tbl td.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tbl tr:hover td{background:var(--surface-2)}.legend{flex-wrap:wrap;gap:12px;display:flex}.legend .item{color:var(--ink-3);align-items:center;gap:6px;font-size:11px;display:inline-flex}.legend .swatch{border-radius:2px;width:10px;height:10px}.grid-bg{background-image:linear-gradient(90deg,#141c3c09 1px,#0000 1px),linear-gradient(#141c3c09 1px,#0000 1px);background-size:24px 24px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#d6dbe6;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#b6becc}::-webkit-scrollbar-track{background:0 0}.builder{grid-template-columns:340px 1fr 340px;gap:12px;min-height:calc(100vh - 200px);display:grid}.step-list{flex-direction:column;gap:8px;max-height:calc(100vh - 260px);padding:10px;display:flex;overflow:auto}.step-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:all .18s var(--ease);cursor:pointer;gap:6px;padding:10px 12px;display:grid}.step-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.step-card.selected{border-color:var(--blue);box-shadow:0 0 0 3px #1e40af1a}.step-card.bottleneck{background:linear-gradient(0deg, var(--red-50), var(--surface));border-color:#e11d2e73}.step-card.dragging{opacity:.5}.step-card.drop-target{box-shadow:inset 0 2px 0 var(--blue), 0 0 0 1px var(--blue)}.step-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.step-idx{font-family:var(--font-mono);color:var(--ink-4);min-width:22px;font-size:10px;font-weight:600}.step-name{color:var(--ink);font-size:12.5px;font-weight:600}.step-meta{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.step-meta .m{border:1px solid var(--border);background:var(--surface-2);border-radius:3px;padding:4px 6px}.step-meta .m .k{font-family:var(--font-mono);color:var(--ink-4);letter-spacing:.08em;text-transform:uppercase;font-size:9px}.step-meta .m .v{font-family:var(--font-mono);color:var(--ink);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.step-meta .m.machine .v{color:var(--blue)}.step-meta .m.op .v{color:var(--cyan)}.step-meta .m.setup .v{color:var(--violet)}.step-deps{font-family:var(--font-mono);color:var(--ink-4);flex-wrap:wrap;align-items:center;gap:4px;font-size:10px;display:flex}.gantt{-webkit-user-select:none;user-select:none;width:100%;position:relative}.gantt-head{grid-template-columns:var(--label-w,140px) 1fr;border-bottom:1px solid var(--border);font-family:var(--font-mono);color:var(--ink-4);letter-spacing:.08em;text-transform:uppercase;font-size:10px;display:grid}.gantt-axis{align-items:center;height:26px;display:flex;position:relative}.gantt-axis .tick{border-left:1px solid var(--border);font-variant-numeric:tabular-nums;align-items:center;padding-left:4px;display:flex;position:absolute;top:0;bottom:0}.gantt-axis .tick.major{border-left-color:var(--border-strong);color:var(--ink-3)}.gantt-row{grid-template-columns:var(--label-w,140px) 1fr;border-bottom:1px dashed var(--border);height:var(--row-h,36px);transition:background .18s var(--ease);align-items:center;display:grid}.gantt-row:hover{background:var(--surface-2)}.gantt-row.bottleneck{background:linear-gradient(90deg,#e11d2e0a,#0000 40%)}.gantt-row .gantt-label{color:var(--ink-2);border-right:1px solid var(--border);align-items:center;gap:8px;height:100%;padding:0 8px;font-size:11.5px;font-weight:500;display:flex}.gantt-row .gantt-label .n{font-family:var(--font-mono);color:var(--ink-4);font-size:10px}.gantt-track{height:100%;position:relative}.gantt-track:before{content:"";background-image:linear-gradient(90deg,#141c3c0a 1px,#0000 1px);background-size:var(--tick,40px) 100%;position:absolute;inset:0}.bar{height:20px;font-family:var(--font-mono);color:#fff;letter-spacing:.04em;transition:all .18s var(--ease);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:3px;align-items:center;padding:0 6px;font-size:10px;font-weight:600;display:flex;position:absolute;top:8px;overflow:hidden}.bar.machine{background:linear-gradient(180deg, #2a54c9, var(--blue));border-color:#1a358c}.bar.op{background:linear-gradient(180deg, #1ac7e4, var(--cyan));color:#06384b;border-color:#0894b0}.bar.setup{background:linear-gradient(180deg, #8747e4, var(--violet));border-color:#5b1fc2}.bar.wait{color:#7a0c19;background:repeating-linear-gradient(45deg,#fca5a5 0 6px,#f87171 6px 12px);border-color:#f87171}.bar.optimal{background:linear-gradient(180deg, #3ed671, var(--green));border-color:#17a34a}.bar:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 3px 8px #1e40af2e}.bar.bottleneck{outline:2px solid var(--red);outline-offset:1px}.takt-line{border-left:1.5px dashed var(--red);z-index:2;width:0;position:absolute;top:0;bottom:0}.takt-line:after{content:"TAKT";font-family:var(--font-mono);color:var(--red);background:var(--surface);border:1px solid #e11d2e4d;border-radius:2px;padding:1px 4px;font-size:9px;font-weight:700;position:absolute;top:-14px;left:4px}.dep-line{stroke:var(--ink-4);stroke-width:1.25px;fill:none;stroke-dasharray:4 3;opacity:.6}.dep-line:hover{stroke:var(--blue);opacity:1}.tooltip{z-index:50;pointer-events:none;color:#fff;background:#0b1020;border-radius:4px;min-width:180px;padding:8px 10px;font-size:11px;position:fixed;transform:translate(-50%,-110%);box-shadow:0 12px 32px #0a102338}.tooltip .ttl{font-family:var(--font-head);margin-bottom:4px;font-size:12px;font-weight:600}.tooltip .row{font-family:var(--font-mono);color:#b9c0d2;justify-content:space-between;gap:10px;font-size:10.5px;display:flex}.tooltip .row .v{color:#fff}.hbar-row{grid-template-columns:90px 1fr 64px;align-items:center;gap:10px;padding:7px 0;font-size:11.5px;display:grid}.hbar-row .lbl{color:var(--ink-2);font-weight:500}.hbar-row .track{background:var(--bg-2);border-radius:2px;height:10px;position:relative;overflow:hidden}.hbar-row .fill{transition:width .3s var(--ease);border-radius:2px;position:absolute;top:0;bottom:0;left:0}.hbar-row .v{font-family:var(--font-mono);color:var(--ink);font-variant-numeric:tabular-nums;text-align:right}.donut-wrap{grid-template-columns:140px 1fr;align-items:center;gap:16px;display:grid}.slider-row{border-bottom:1px dashed var(--border);grid-template-columns:140px 1fr 70px;align-items:center;gap:10px;padding:10px 0;display:grid}.slider-row:last-child{border-bottom:0}.slider-row .k{color:var(--ink-2);font-size:11.5px;font-weight:500}.slider-row .k small{color:var(--ink-4);font-size:10px;font-weight:400;display:block}.slider-row input[type=range]{width:100%;accent-color:var(--blue)}.slider-row .v{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;font-size:12px;font-weight:600}.cmp-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cmp-cell{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);padding:12px}.cmp-cell.after{background:linear-gradient(180deg, var(--green-50), var(--surface));border-color:#22c55e4d}.statusbar{border-top:1px solid var(--border);background:var(--surface);font-family:var(--font-mono);color:var(--ink-4);letter-spacing:.05em;z-index:10;align-items:center;gap:14px;padding:6px 12px;font-size:10.5px;display:flex;position:sticky;bottom:0}.statusbar .sep{background:var(--border);width:1px;height:12px}.statusbar .dot-live{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse;box-shadow:0 0 0 3px #22c55e33}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #22c55e33}50%{box-shadow:0 0 0 5px #22c55e00}}.section-row{grid-template-columns:repeat(12,1fr);gap:12px;display:grid}.col-8{grid-column:span 8}.col-7{grid-column:span 7}.col-6{grid-column:span 6}.col-5{grid-column:span 5}.col-4{grid-column:span 4}.col-3{grid-column:span 3}.col-12{grid-column:span 12}.insight{background:linear-gradient(90deg, var(--green-50), var(--surface));border-radius:var(--radius-lg);border:1px solid #22c55e4d;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.insight .ic{background:var(--green);color:#fff;border-radius:4px;place-items:center;width:28px;height:28px;display:grid}.insight .txt{color:var(--ink);font-size:12.5px}.insight .txt b{color:var(--green);font-weight:600}.ribbon{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;display:flex}.ribbon .chip{font-family:var(--font-mono);background:var(--bg-2);color:var(--ink-2);border:1px solid var(--border);border-radius:3px;align-items:center;gap:6px;padding:3px 8px;font-size:10.5px;font-weight:500;display:inline-flex}.ribbon .chip b{color:var(--ink);font-weight:700}.no-select,.no-select *{-webkit-user-select:none;user-select:none}.heat{background:linear-gradient(90deg, var(--green), #facc15, var(--red));border-radius:2px;width:100%;height:6px;display:inline-block}.step-card.group{border-left:3px solid var(--violet);position:relative}.group-badge{font-family:var(--font-mono);color:var(--violet);background:var(--violet-50);letter-spacing:.05em;border:1px solid #6d28d940;border-radius:2px;padding:1px 5px;font-size:9px;font-weight:700}.warning{background:linear-gradient(90deg, var(--red-50), var(--surface));border-radius:var(--radius-lg);border:1px solid #e11d2e59;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;margin-bottom:10px;padding:10px 14px;display:grid}.warning .ic{background:var(--red);color:#fff;border-radius:4px;place-items:center;width:24px;height:24px;display:grid}.dep-chip{background:var(--bg-2);border:1px solid var(--border);font-family:var(--font-mono);color:var(--ink-2);cursor:pointer;transition:all .12s var(--ease);border-radius:3px;align-items:center;gap:4px;padding:2px 6px;font-size:10px;display:inline-flex}.dep-chip.selected{background:var(--blue-50);color:var(--blue);border-color:#1e40af4d}.dep-chip:hover{border-color:var(--blue)}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center;background:var(--surface-2);transition:all .2s var(--ease);cursor:pointer;padding:24px}.dropzone:hover,.dropzone.active{border-color:var(--blue);background:var(--blue-50)}.input{all:unset;font-family:var(--font-body);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-sizing:border-box;min-height:30px;padding:6px 10px;font-size:12px;display:inline-block}.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1e40af1f}.input.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;width:80px}.input.name{width:100%}.version-row{border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s var(--ease);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.version-row:hover{background:var(--surface-2)}.version-row.active{background:var(--blue-50)}.template-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);cursor:pointer;transition:all .2s var(--ease);padding:14px}.template-card:hover{border-color:var(--blue);box-shadow:var(--shadow-md);transform:translateY(-1px)}.suggestion{border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--cyan-50), var(--surface));border:1px solid #06b6d440;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;display:grid}.suggestion .ic{background:var(--cyan);color:#fff;border-radius:4px;place-items:center;width:28px;height:28px;display:grid}body.compact .card .card-body{padding:10px}body.compact .tbl th,body.compact .tbl td{padding:5px 8px}body.compact .step-card{padding:8px 10px}body.theme-dark{--bg:#0f172a;--bg-2:#1e293b;--surface:#111827;--surface-2:#0b1220;--border:#1f2b44;--border-strong:#2c3a5b;--ink:#e6e8f0;--ink-2:#c7ccdb;--ink-3:#8690a8;--ink-4:#5e6780}body.theme-dark .tbl th{background:#0b1220}body.theme-dark .takt-line:after{background:#111827}body.theme-dark .kpi .val{color:var(--ink)}body.theme-dark .btn.primary{color:#0b1020;background:#e6e8f0;border-color:#e6e8f0}body.theme-dark .btn.primary:hover{background:#f5f7fc}body.theme-dark .step-card.bottleneck{background:linear-gradient(0deg, #e11d2e26, var(--surface))}body.theme-dark .insight{background:linear-gradient(90deg, #22c55e1a, var(--surface))}body.theme-dark .suggestion{background:linear-gradient(90deg, #06b6d41a, var(--surface))}body.theme-dark .warning{background:linear-gradient(90deg, #e11d2e1f, var(--surface))}body.theme-dark .ribbon .chip{background:var(--bg-2)}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a102380;place-items:start center;padding-top:12vh;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:90%;max-width:640px;max-height:80vh;display:flex;overflow:hidden}.modal.lg{max-width:880px}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-head h3{font-size:14px;font-weight:600;font-family:var(--font-head);margin:0}.modal-body{padding:16px 18px;overflow:auto}.modal-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:6px;padding:12px 18px;display:flex}.palette-input{all:unset;border-bottom:1px solid var(--border);width:100%;font-size:16px;font-family:var(--font-body);color:var(--ink);padding:14px 18px}.palette-input::placeholder{color:var(--ink-4)}.palette-list{max-height:400px;overflow:auto}.palette-item{cursor:pointer;border-bottom:1px solid var(--border);grid-template-columns:20px 1fr auto;align-items:center;gap:12px;padding:10px 18px;font-size:13px;display:grid}.palette-item:last-child{border-bottom:0}.palette-item.active,.palette-item:hover{background:var(--blue-50);color:var(--blue)}.palette-item .kbd{font-family:var(--font-mono);color:var(--ink-4);border:1px solid var(--border);background:var(--surface);border-radius:3px;padding:1px 5px;font-size:10px}.muted{color:var(--ink-4)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.lane-head{background:var(--surface-2);border:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);border-radius:3px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:4px 8px;font-size:10px;font-weight:600;display:flex}.station-row{border-bottom:1px dashed var(--border);grid-template-columns:140px 1fr 80px;align-items:center;gap:10px;padding:6px 0;display:grid}.delta-pill{font-family:var(--font-mono);border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.delta-pill.up{color:var(--green);background:var(--green-50)}.delta-pill.down{color:var(--red);background:var(--red-50)}.delta-pill.flat{color:var(--ink-3);background:var(--bg-2)}.flow-node{fill:var(--surface);stroke:var(--border-strong);stroke-width:1.5px}.flow-node.bottleneck{fill:var(--red-50);stroke:var(--red)}.flow-node.critical{stroke:var(--blue)}.flow-label{font-family:var(--font-body);fill:var(--ink);pointer-events:none;font-size:11px}.flow-edge{fill:none;stroke:var(--ink-4);stroke-width:1px;stroke-dasharray:3 3}.flow-edge.critical{stroke:var(--blue);stroke-dasharray:0;stroke-width:1.5px}.toast-wrap{z-index:1000;flex-direction:column;gap:6px;display:flex;position:fixed;bottom:30px;right:20px}.toast{background:var(--ink);color:#fff;animation:slideIn .2s var(--ease);border-radius:4px;max-width:360px;padding:8px 14px;font-size:12px;box-shadow:0 8px 24px #0003}.toast.success{background:var(--green)}.toast.error{background:var(--red)}.toast.warn{background:var(--amber);color:#411900}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.kbd-row{grid-template-columns:160px 1fr;gap:14px;padding:6px 0;font-size:12px;display:grid}.kbd-row code{font-family:var(--font-mono);background:var(--bg-2);border:1px solid var(--border);border-radius:3px;padding:1px 6px;font-size:11px}.yamazumi-col{flex-direction:column;align-items:stretch;gap:0;display:flex}.yamazumi-seg{font-family:var(--font-mono);color:#fff;letter-spacing:.04em;justify-content:center;align-items:center;font-size:10px;display:flex}@media print{body{background:#fff!important}.topbar,.sidebar,.statusbar,.brand,.toolbar,.page-head,.crumbs,.ribbon{display:none!important}.main{background:#fff!important;padding:0!important}.card{page-break-inside:avoid;box-shadow:none!important}.report-paper{box-shadow:none!important;border:0!important;padding:0!important}}.bulk-bar{background:var(--blue-50);border-radius:var(--radius-lg);border:1px solid #1e40af40;align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px;display:flex}.flow-chip{fill:var(--blue);stroke:none}.seg-btn{border:1px solid var(--border);background:var(--surface-2);border-radius:4px;display:inline-flex;overflow:hidden}.seg-btn button{cursor:pointer;color:var(--ink-3);font-size:11.5px;font-family:var(--font-body);background:0 0;border:0;padding:5px 10px;font-weight:500}.seg-btn button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}