*{box-sizing:border-box}html{color-scheme:dark;font-size:16px}body{margin:0;background:#101114;color:#e6e8eb;font-family:Inter,Arial,sans-serif;line-height:1.5}button,input,select{font:inherit}button,select{cursor:pointer}button{background:#25272d;color:#edeef0;border:1px solid #3b3e47;padding:.55rem .9rem;border-radius:7px;font-size:.875rem}button:hover{background:#363942;border-color:#666b78}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ff777c;outline-offset:3px}button:disabled{opacity:.45;cursor:wait}.primary{background:#ce2935;border-color:#e83c48;color:white;font-weight:700}.quiet{background:transparent}.danger{color:#ff9ea6}.wide{width:100%;margin-top:.65rem}.small{font-size:.8rem}.muted{color:#a1a7b2}h1,h2,h3,p{margin:0}h2{font-weight:600;letter-spacing:-.04em;line-height:1.18;font-size:1.75rem}h3{font-size:1rem;font-weight:600}p{margin-top:.8rem}header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 28px;border-bottom:1px solid #303239;background:#151619}.brand{display:flex;align-items:center;gap:15px;min-width:0}.brand img{width:57px;height:57px;object-fit:contain;border-radius:50%;background:transparent}.brand h1{font-size:1.15rem;font-weight:600;letter-spacing:-.02em}.brand h1 span{font-weight:400;color:#a1a6b0}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.15em;color:#b7bbc5;display:block;margin-bottom:5px}.header-right{display:flex;gap:18px;align-items:center}.offline{font-size:.75rem;color:#e89a9e;border:1px solid #63343a;background:#2a1b20;padding:5px 9px;border-radius:5px}nav{display:flex;padding:0 28px;border-bottom:1px solid #33353d;background:#17181c;overflow-x:auto}nav button{border:0;border-bottom:3px solid transparent;background:transparent;border-radius:0;padding:17px 23px;color:#8e949f;font-size:.75rem;white-space:nowrap}nav button span{font-size:.875rem;margin-left:8px}nav button.active{border-bottom-color:#eb414c;color:#fff;background:#24252b}main{max-width:2000px;margin:auto;padding:23px 28px 32px}.tab{display:none}.tab.active{display:block}.workspace-top{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:22px}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill-row span{font-size:.8rem;color:#b6bbc6;border:1px solid #36383f;border-radius:16px;padding:5px 11px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.scene-column{min-width:0;background:#18191e;border:1px solid #35373e;border-radius:12px;overflow:hidden}.scene-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px;background:#1d1f24}.segment{display:flex;gap:4px}.segment button{border:0;background:transparent;padding:7px 9px}.segment button.active{background:#3a3d46;color:#fff}.toggles{display:flex;gap:13px;font-size:.8rem;color:#b7bdc8}.toggles label{display:flex;align-items:center;gap:4px}.scene{height:clamp(420px,47vw,640px);min-height:420px;position:relative;background:#1d2026;overflow:hidden}.scene canvas{display:block;width:100%;height:100%;touch-action:none}.scene-badge{pointer-events:none;position:absolute;top:18px;left:20px;display:flex;align-items:center;gap:9px;background:#16181ddb;border:1px solid #3b404b;border-radius:6px;padding:7px 10px;font-size:.75rem;letter-spacing:.07em}.scene-badge i{background:#f04a56;width:6px;height:6px;border-radius:50%}.scene-bottom{pointer-events:none;position:absolute;bottom:14px;left:20px;right:20px;display:flex;justify-content:space-between;gap:10px;color:#c3c8d0;font-size:.75rem;text-shadow:0 1px 4px #000}.controlbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:13px 16px;border-top:1px solid #363943}.controlbar label{display:flex;gap:6px;align-items:center;font-size:.8rem;margin:0}select,input[type=number],input[type=search]{background:#14161b;color:#e7e9ed;border:1px solid #41444e;border-radius:6px;min-height:36px;padding:7px 9px;font-size:.875rem;max-width:100%}.controlbar select{min-height:32px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#353842;border-top:1px solid #353842}.kpi{background:#1c1e24;padding:15px 18px}.kpi span{display:block;color:#9ba3b0;font-size:.8rem}.kpi strong{font-size:1.65rem;font-weight:500;display:block;letter-spacing:-.04em}.kpi em{font-size:.75rem;color:#a4a9b4;font-style:normal}aside{display:flex;flex-direction:column;gap:14px}.panel{background:#1a1c21;border:1px solid #35383f;border-radius:11px;padding:20px}.panel-title{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:14px}.panel-title .small{font-size:.75rem;color:#939cab}.settings{padding:17px}.settings label{display:block;font-size:.875rem;color:#b8bdc7}.settings select,.form-pair input{display:block;width:100%;margin-top:5px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.form-pair label{font-size:.875rem;color:#bfc5cf}.form-pair select{display:block;width:100%;margin-top:5px}.instruction{border-top:3px solid #d53240;padding:17px}.phase{font-size:.75rem;color:#f49da5;background:#432229;border-radius:4px;padding:3px 7px}.move-heading{font-size:1.2rem;line-height:1.3;margin-bottom:12px}.move-route{display:grid;grid-template-columns:1fr 22px 1fr;gap:6px;align-items:center;margin:12px 0}.move-route div{border:1px solid #444852;background:#252831;border-radius:7px;padding:10px}.move-route small{display:block;color:#a1a8b6;font-size:.75rem}.move-route b{font-size:1.4rem;font-weight:500}.carton-id{font-family:monospace;font-size:.875rem;color:#d2bda4;overflow-wrap:anywhere}.instruction-actions{display:flex;gap:6px;margin-top:15px}.instruction-actions button{font-size:.8rem;padding:7px}.txn-steps{display:flex;gap:4px;margin-top:15px}.txn-steps i{height:3px;border-radius:2px;background:#474c57;flex:1}.txn-steps i.active{background:#ee505e}.hold{background:#35222b;border-color:#9e4756}.hold[hidden]{display:none}.hold p{font-size:.875rem;color:#f4c4c9}.hold button{margin-top:10px;font-size:.8rem}.dock-row{display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;border:0;border-top:1px solid #353943;border-radius:0;width:100%;text-align:left;background:transparent;padding:10px 0}.dock-row b{color:#e6a980}.dock-row strong{display:block;font-size:.875rem;font-weight:500}.dock-row small{font-size:.75rem;color:#aab2be}.dock-row .bar{height:3px;background:#3a3e47;margin-top:5px}.dock-row .bar span{display:block;background:#caa079;height:100%;max-width:100%}.notice{background:#211f22;border-left:2px solid #9c525a;color:#b9b6bf;font-size:.8rem;padding:12px 16px;margin-top:15px;line-height:1.55}.page-title{max-width:920px;margin:12px 0 26px}.page-title h2{font-size:2.2rem}.page-title p{color:#aab2bf}.optimizer-grid{display:grid;grid-template-columns:390px minmax(0,1fr);gap:20px;align-items:start}.optimizer-grid>div>.panel+.panel{margin-top:20px}.weight{padding:10px 0;border-bottom:1px solid #323640}.weight-top{display:flex;justify-content:space-between;font-size:.875rem}.weight-top output{font-variant-numeric:tabular-nums;color:#ef8790}.weight input{width:100%;accent-color:#d73341;margin:8px 0 0}.locked{font-size:.75rem;color:#a9c7b1;border:1px solid #3b5b43;padding:4px 8px;border-radius:5px}.guardrails{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;font-size:.875rem;color:#b9c2cc}.guardrails span:before{content:'✓';color:#9dc3a8;margin-right:8px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.875rem;text-align:left}th{font-size:.75rem;color:#a6aeba;font-weight:500;white-space:nowrap}th,td{padding:12px 13px;border-bottom:1px solid #363a43;vertical-align:top}td{font-variant-numeric:tabular-nums}tbody tr:hover{background:#23262e}.empty{padding:30px;color:#9ca6b5}.sizing{margin:20px 0}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.preset{padding:14px;text-align:left}.preset small{color:#b58389;font-size:.75rem;display:block;margin-bottom:4px}.buffer-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.buffer-summary>div{padding:18px;background:#20232a;border:1px solid #343943;border-radius:9px}.buffer-summary strong{display:block;font-size:1.65rem}.buffer-summary span{color:#a8b0bc;font-size:.875rem}.buffer-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.slot{border:1px dashed #4b525d;min-height:118px;padding:13px;border-radius:8px;background:#171a20;font-size:.875rem}.slot.occupied{border-style:solid;border-color:#ae8664;background:#302921}.slot b{font-size:1.2rem;display:block}.slot small{display:block;font-size:.75rem;color:#aab3c0;margin-top:6px;overflow-wrap:anywhere}.slot.occupied small{color:#d0b798}#tab-buffer>.panel+.panel,#tab-trace>.panel+.panel{margin-top:20px}.flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.flow-grid>div>.panel+.panel{margin-top:20px}.flowchart{max-width:560px;margin:20px auto}.flow-node{background:#242932;border:1px solid #4d5561;border-radius:7px;padding:12px;text-align:center;font-size:.875rem;line-height:1.45}.flow-node small{font-size:.75rem;color:#b0baca}.flow-node.accent{background:#40272e;border-color:#a45461}.flow-node.warning{background:#3c2d25;border-color:#816149}.flow-line{text-align:center;color:#9b6770;line-height:1.25;padding:4px}.flow-split{display:grid;grid-template-columns:1fr 1fr;gap:15px}.mode-card{padding:15px 0;border-bottom:1px solid #343a45}.mode-card b{color:#eda1a8;font-size:.875rem}.mode-card p{color:#bfc5ce}.flow-grid ol{padding-left:24px}.flow-grid li{margin:13px 0}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.details-grid p{color:#b8c0cb}.questions{display:grid;grid-template-columns:1fr 1fr;gap:0 26px;color:#c5cad2}.references{margin-top:20px}.references a{display:inline-block;color:#e0a5ac;margin:13px 22px 0 0}.search{display:flex;gap:15px;align-items:center;color:#aab2bf;font-size:.875rem;margin:10px 0}.evidence-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:15px}.evidence-card{background:#222831;border:1px solid #445163;padding:15px;border-radius:6px;font-size:.8rem;overflow-wrap:anywhere}.evidence-card.error{border-color:#b84c58;background:#3d272d}.evidence-card b{color:#cdd9e4;display:block}.evidence-card small{color:#aab8c9;display:block;margin-top:8px}footer{border-top:1px solid #30343b;padding:19px 28px;display:flex;gap:15px;justify-content:space-between;font-size:.75rem;color:#888f9a}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);max-width:90vw;background:#eee5e6;color:#241c20;padding:13px 22px;border-radius:8px;box-shadow:0 8px 40px #0007;opacity:0;pointer-events:none;transition:opacity .15s;font-size:.875rem;z-index:20}#toast.visible{opacity:1}#webglError{position:absolute;top:40%;padding:25px;background:#29212d;color:#fff}#webglError[hidden]{display:none}input[type=checkbox]{accent-color:#d23643}.good{color:#a4d8b1}.warning{color:#f0ac90}@media(min-width:1700px){.workspace{grid-template-columns:minmax(0,1fr) 380px}.scene{height:680px}}@media(max-width:1200px){.workspace{grid-template-columns:minmax(0,1fr) 310px}.workspace-top .pill-row{display:none}.toggles{display:none}.scene{height:510px}.scene-bottom span:last-child{display:none}.optimizer-grid{grid-template-columns:340px 1fr}.preset-grid{grid-template-columns:repeat(3,1fr)}.buffer-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){header{padding:15px}.brand h1 span{display:none}.header-right .quiet{display:none}nav{padding:0 10px}nav button{padding:14px 13px}main{padding:18px 14px}.workspace{grid-template-columns:1fr}.scene{height:520px}aside{display:grid;grid-template-columns:1fr 1fr}.optimizer-grid,.flow-grid{grid-template-columns:1fr}.page-title h2{font-size:1.8rem}.buffer-summary{grid-template-columns:1fr 1fr}.details-grid{grid-template-columns:1fr}.evidence-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.brand img{width:43px;height:43px}.brand{gap:10px}.brand h1{font-size:1rem}.eyebrow{font-size:.75rem;letter-spacing:.06em}.offline{font-size:.75rem;padding:4px}.header-right{gap:4px}h2{font-size:1.45rem}.scene{height:420px}.scene-toolbar{padding:8px}.segment button{font-size:.75rem;padding:6px}.scene-badge{top:12px;left:10px;font-size:.75rem}.scene-bottom{left:12px;font-size:.75rem}.kpis{grid-template-columns:1fr 1fr}aside{display:flex}.panel{padding:16px}.buffer-grid,.preset-grid{grid-template-columns:1fr 1fr}.questions{grid-template-columns:1fr}.flow-split{gap:8px}.flow-node{padding:9px;font-size:.875rem}.guardrails{grid-template-columns:1fr}.panel-title{flex-wrap:wrap}.search{display:block}.search input{width:100%;margin-top:8px}footer{display:block;padding:18px}footer span{display:block;margin:3px}.controlbar{padding:10px}.evidence-grid{grid-template-columns:1fr}}