:root{color:#eef2f3;background:#0d1014;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:980px;min-height:100vh;margin:0;background:linear-gradient(180deg,#ffffff0a,#fff0 260px),#0d1014}button,input{font:inherit}button{height:40px;border:1px solid #343d46;border-radius:6px;padding:0 16px;color:#eef2f3;background:#191f26;cursor:pointer}button:hover:not(:disabled){border-color:#5e6c78;background:#202832}button:disabled{cursor:not-allowed;opacity:.45}button.primary{border-color:#2f786d;color:#06110f;background:#54d6c2}button.primary:hover:not(:disabled){background:#6fe0cf}.shell{width:min(1240px,calc(100vw - 64px));margin:0 auto;padding:40px 0 56px}.topbar{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:28px}.eyebrow{margin:0 0 8px;color:#90a0ad;font-size:13px;text-transform:uppercase}h1,h2{margin:0;letter-spacing:0}h1{font-size:42px;line-height:1}h2{font-size:18px}.actions{display:flex;gap:12px}.actions button{display:inline-flex;align-items:center;gap:8px}.actions svg{width:16px;height:16px}.drop-zone{position:relative;display:grid;place-items:center;min-height:170px;border:1px dashed #3b4854;border-radius:8px;background:#12171d;transition:border-color .14s ease,background .14s ease}.drop-zone:hover,.drop-zone.is-dragging{border-color:#54d6c2;background:#15211f}.drop-zone input{position:absolute;inset:0;opacity:0;pointer-events:none}.drop-copy{display:grid;gap:8px;text-align:center}.drop-copy strong{font-size:20px}.drop-copy span{color:#90a0ad}.status-strip{display:flex;gap:28px;margin:18px 0;color:#b9c3ca;font-size:14px}.status-strip span{color:#eef2f3;font-weight:700}.table-wrap{overflow:hidden;border:1px solid #27313a;border-radius:8px;background:#10151a}table{width:100%;border-collapse:collapse;table-layout:fixed}th,td{padding:14px 16px;border-bottom:1px solid #202a33;text-align:left;vertical-align:middle}th{color:#9aa8b3;background:#141a20;font-size:12px;font-weight:700;text-transform:uppercase}th:nth-child(1){width:38%}th:nth-child(2),th:nth-child(4){width:10%}th:nth-child(3){width:14%}th:nth-child(5){width:22%}th:nth-child(6){width:52px}tr:last-child td{border-bottom:0}.empty-row td{height:110px;color:#90a0ad;text-align:center}.jump-row td{background:#da934021}.filename{display:flex;align-items:center;gap:10px;min-width:0}.filename span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-badge{display:inline-grid;flex:0 0 26px;width:26px;height:26px;place-items:center;border-radius:50%;color:#07110f;background:#54d6c2;font-size:12px;font-weight:800}.row-error{margin:6px 0 0;color:#ef9a8b;font-size:12px}.camelot{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:28px;border:1px solid #33424d;border-radius:6px;background:#171e24;font-weight:700}.progress-cell{display:grid;grid-template-columns:minmax(120px,1fr) 96px;align-items:center;gap:12px;color:#aab6bf;font-size:13px}.progress-track{height:8px;overflow:hidden;border-radius:999px;background:#222c35}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#54d6c2,#d7b56d);transition:width .18s ease}.order-panel{margin-top:22px;border:1px solid #27313a;border-radius:8px;background:#10151a}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid #202a33}.section-label{margin:0 0 4px;color:#aab6bf;font-size:11px;font-weight:700;text-transform:uppercase}.set-summary{display:flex;align-items:center;gap:18px}.set-summary span{color:#aab6bf;font-size:13px}.set-summary span:first-child{color:#54d6c2;font-weight:700}.chart-panel{padding:18px 18px 10px;border-bottom:1px solid #202a33;background:#0e1419}.chart-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.chart-heading>span{color:#7f8d98;font-size:12px}.chart-tabs{display:flex;border:1px solid #303b44;border-radius:6px;padding:3px;background:#11171d}.chart-tabs button{height:30px;border:0;border-radius:4px;padding:0 18px;color:#8e9ba5;background:transparent;font-size:12px}.chart-tabs button.is-selected{color:#07110f;background:#54d6c2}#mixChart{display:block;width:100%;height:180px;overflow:visible}.chart-grid{stroke:#253039;stroke-width:1}.chart-label,.chart-position,.chart-value{fill:#71808b;font-family:inherit;font-size:11px}.chart-value{fill:#c6d0d6;font-weight:700}.chart-area{fill:#54d6c214}.chart-line{fill:none;stroke:#54d6c2;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.chart-line.key-line{stroke:#667985;stroke-dasharray:5 5;stroke-width:2}.chart-point{fill:#0e1419;stroke:#54d6c2;stroke-width:3}.chart-point.key-a{fill:#17312d;stroke:#54d6c2}.chart-point.key-b{fill:#332c1d;stroke:#d7b56d}.chart-point.locked{fill:#d7b56d;stroke:#d7b56d}.order-columns,.set-row{display:grid;grid-template-columns:34px 38px minmax(300px,1fr) 72px 68px 106px 82px;align-items:center;column-gap:10px}.order-columns{min-height:36px;padding:0 14px;border-bottom:1px solid #202a33;color:#7f8d98;background:#141a20;font-size:10px;font-weight:700;text-transform:uppercase}.order-panel ol{display:grid;gap:1px;margin:0;padding:0;list-style:none}.set-row{min-height:58px;padding:0 14px;background:#121820;transition:background .12s ease,opacity .12s ease}.set-row[draggable=true]{cursor:grab}.set-row[draggable=true]:active{cursor:grabbing}.set-row.jump-item{background:#da934021}.set-row.is-locked{box-shadow:inset 3px 0 #d7b56d}.set-row.is-dragging{opacity:.35}.set-row.is-drop-target{box-shadow:inset 0 2px #54d6c2}.set-row.is-selected{background:#19252b;box-shadow:inset 3px 0 #54d6c2}.set-row.is-selected.is-locked{box-shadow:inset 3px 0 #54d6c2,inset 6px 0 #d7b56d}.drag-handle{display:inline-grid;width:28px;height:34px;place-items:center;color:#63727e}.is-locked .drag-handle{color:#46515a}.drag-handle svg,.icon-button svg{width:17px;height:17px}.set-position{color:#7f8d98;font-size:13px;font-weight:700}.order-name{overflow:hidden;padding-right:18px;text-overflow:ellipsis;white-space:nowrap}.track-select{width:100%;height:38px;border:0;border-radius:4px;padding:0 18px 0 0;text-align:left;background:transparent}.track-select:hover{color:#54d6c2;background:transparent}.camelot.compact{min-width:36px;width:36px;height:26px;font-size:12px}.transition-score{display:grid;grid-template-columns:30px 1fr;align-items:center;width:96px;height:34px;border:1px solid #34414a;border-radius:6px;padding:0 8px;background:#171e24}.transition-score strong{color:#e9edef;font-size:13px}.transition-score small{color:#92a0aa;font-size:10px}.transition-score.excellent{border-color:#317b70;background:#54d6c21a}.transition-score.good{border-color:#456f78}.transition-score.risky{border-color:#8f7444;background:#d7b56d14}.transition-score.jump{border-color:#995b4e;background:#da705b1a}.transition-score.start{grid-template-columns:1fr}.icon-button{display:inline-grid;width:34px;height:34px;place-items:center;border-radius:6px;padding:0;color:#8d9aa4;background:transparent}.icon-button.is-active{border-color:#8a7448;color:#d7b56d;background:#d7b56d17}.danger-button:hover:not(:disabled){border-color:#8d5045;color:#ef9a8b;background:#da705b1a}.row-tools{display:flex;gap:6px}.guidance-panel{border-top:1px solid #27313a;background:#0d1318}.guidance-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px;border-bottom:1px solid #202a33}.guidance-header h2{max-width:620px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-control{display:flex;border:1px solid #303b44;border-radius:6px;padding:3px;background:#11171d}.mode-control button{height:30px;border:0;border-radius:4px;padding:0 12px;color:#8e9ba5;background:transparent;font-size:12px}.mode-control button:hover{color:#dfe5e8;background:#1a2229}.mode-control button.is-selected{color:#07110f;background:#54d6c2}.guidance-content{display:grid;grid-template-columns:170px minmax(0,1fr);min-height:234px}.selected-track-summary{display:flex;align-items:flex-start;gap:12px;padding:20px 18px;border-right:1px solid #202a33;background:#10171c}.selected-track-summary .camelot{width:46px;height:34px;color:#07110f;border-color:#54d6c2;background:#54d6c2}.selected-track-summary div{display:grid;gap:4px}.selected-track-summary strong{font-size:13px}.selected-track-summary span:last-child{color:#8e9ba5;font-size:12px}.candidate-list{display:grid;align-content:start}.candidate-list-heading{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:0 16px;border-bottom:1px solid #202a33;color:#aab6bf;font-size:11px}.candidate-list-heading strong{color:#dfe5e8;text-transform:uppercase}.candidate-list-heading span{color:#71808b}.candidate-row{display:grid;grid-template-columns:32px minmax(280px,1fr) 88px 64px 42px;align-items:center;gap:14px;width:100%;min-height:78px;border:0;border-bottom:1px solid #202a33;border-radius:0;padding:10px 16px;text-align:left;background:#111820}.candidate-row:last-child{border-bottom:0}.candidate-row:hover{background:#172128}.candidate-rank{color:#63727e;font-size:12px;font-weight:800}.candidate-main{display:grid;min-width:0;gap:3px}.candidate-main strong,.candidate-main span,.candidate-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.candidate-main strong{color:#ecf0f2;font-size:13px}.candidate-main span{color:#a7b3bb;font-size:11px}.candidate-main small{color:#778691;font-size:11px}.candidate-key,.candidate-tempo{color:#aab6bf;font-size:12px;text-align:center}.candidate-score{display:inline-grid;width:34px;height:34px;place-items:center;border:1px solid #317b70;border-radius:50%;color:#54d6c2;font-size:12px;font-weight:800}.mix-guide-dialog{width:min(820px,calc(100vw - 80px));max-height:calc(100vh - 80px);border:1px solid #33404a;border-radius:8px;padding:0;color:#eef2f3;background:#0f151a;box-shadow:0 24px 80px #0000008c}.mix-guide-dialog::backdrop{background:#05080abf}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #27313a;background:#141b21}.dialog-content{display:grid;gap:0;overflow-y:auto}.guide-priority{display:grid;grid-template-columns:36px 1fr;gap:14px;padding:16px 20px;border-bottom:1px solid #202a33}.guide-priority>span{display:inline-grid;width:28px;height:28px;place-items:center;border:1px solid #317b70;border-radius:50%;color:#54d6c2;font-size:12px;font-weight:800}.guide-priority strong,.guide-grid strong,.guide-rule strong{display:block;margin-bottom:4px}.guide-priority p,.guide-grid p{margin:0;color:#9cabb5;font-size:13px;line-height:1.45}.guide-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #27313a}.guide-grid>div{min-height:118px;padding:16px 20px;border-right:1px solid #202a33;border-bottom:1px solid #202a33}.guide-grid>div:nth-child(2n){border-right:0}.guide-grid span{display:block;margin-bottom:8px;color:#54d6c2;font-size:12px;font-weight:700}.guide-rule{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:20px;padding:18px 20px;color:#b7c2c9;background:#121c20;font-size:13px}.guide-rule strong{margin:0;color:#d7b56d}