[data-explorer="experimental-optimization"]{margin:1.5rem 0;padding:clamp(12px,2vw,24px);border:1px solid #31454f;border-radius:16px;background:#0d1820;color:#dce6ec;min-width:0}
[data-explorer="experimental-optimization"] *{box-sizing:border-box}
[data-explorer="experimental-optimization"] h4{font-size:1.3rem;margin:0 0 10px}
[data-explorer="experimental-optimization"] p{line-height:1.5}
[data-explorer="experimental-optimization"] .eo-note{color:#a4b3bd;font-size:.9rem}
[data-explorer="experimental-optimization"] .eo-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:20px 0}
[data-explorer="experimental-optimization"] label{font-size:.95rem;display:block}
[data-explorer="experimental-optimization"] input[type="range"]{display:block;width:230px;max-width:100%;accent-color:#8bcbd7;margin-top:10px}
[data-explorer="experimental-optimization"] output{color:#8bcbd7;font-variant-numeric:tabular-nums;margin-left:12px}
[data-explorer="experimental-optimization"] .eo-actions{display:flex;gap:8px;flex-wrap:wrap}
[data-explorer="experimental-optimization"] button{font:inherit;font-size:.9rem;background:#17323d;color:#dce6ec;border:1px solid #8bcbd7;border-radius:7px;padding:10px 12px;cursor:pointer}
[data-explorer="experimental-optimization"] button:disabled{opacity:.5;cursor:default}
[data-explorer="experimental-optimization"] :focus-visible{outline:3px solid #e6ac6a;outline-offset:4px}
[data-explorer="experimental-optimization"] .eo-check{flex-basis:100%;color:#a4b3bd}
[data-explorer="experimental-optimization"] .eo-check input{accent-color:#8bcbd7}
[data-explorer="experimental-optimization"] .eo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
[data-explorer="experimental-optimization"] figure{min-width:0;margin:0;padding:12px;background:#071015;border-radius:10px}
[data-explorer="experimental-optimization"] figcaption strong{display:block;font-size:1rem}
[data-explorer="experimental-optimization"] figcaption span{display:block;color:#a4b3bd;font-size:.9rem;margin-top:8px;line-height:1.5}
[data-explorer="experimental-optimization"] svg{display:block;width:100%;height:auto;overflow:visible;margin-top:12px}
[data-explorer="experimental-optimization"] svg text{font-family:inherit;font-size:14px;fill:#a4b3bd}
[data-explorer="experimental-optimization"] .eo-legend{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.85rem;color:#a4b3bd;margin:0}
[data-explorer="experimental-optimization"] .eo-cyan{color:#8bcbd7}
[data-explorer="experimental-optimization"] .eo-amber{color:#e6ac6a}
[data-explorer="experimental-optimization"] .eo-status{font-size:.95rem;min-height:3em}
[data-explorer="experimental-optimization"] .eo-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
[data-explorer="experimental-optimization"] .eo-metrics p{margin:0;padding:12px;border:1px solid #31454f;border-radius:8px}
[data-explorer="experimental-optimization"] .eo-metrics span{display:block;color:#a4b3bd;font-size:.85rem}
[data-explorer="experimental-optimization"] .eo-metrics strong{font-size:1.5rem;color:#e6ac6a}
@media(max-width:650px){[data-explorer="experimental-optimization"] .eo-grid{grid-template-columns:1fr}[data-explorer="experimental-optimization"] .eo-metrics{grid-template-columns:1fr}[data-explorer="experimental-optimization"] .eo-metrics p{display:flex;justify-content:space-between;gap:12px;align-items:center}}

.eo-evidence{padding:24px;border:1px solid #31454f;border-radius:16px;background:#0d1820;color:#dce6ec;margin:24px 0}.eo-evidence h4{font-size:1.25rem;margin:18px 0 12px}.eo-evidence p{line-height:1.6}.eo-pipeline{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:0}.eo-pipeline li{padding:16px 12px;border:1px solid #48626f;border-radius:10px;position:relative}.eo-pipeline li+li:before{content:'→';position:absolute;left:-10px;top:40%;background:#0d1820;color:#e6ac6a}.eo-pipeline b,.eo-pipeline span{display:block}.eo-pipeline span{font-size:.85rem;color:#a4b3bd;margin-top:10px}.eo-feedback{border-left:3px solid #e6ac6a;padding-left:15px}.eo-evidence select{padding:10px;font:inherit;color:#dce6ec;background:#17323d;border:1px solid #8bcbd7;border-radius:6px;margin-left:10px;max-width:100%}.eo-evidence select:focus-visible{outline:3px solid #e6ac6a;outline-offset:3px}.eo-bar-row{display:grid;grid-template-columns:100px 1fr 85px;gap:12px;align-items:center;margin:16px 0;font-size:.9rem}.eo-bar-track{background:#253740;height:22px;border-radius:4px;overflow:hidden}.eo-bar-track i{height:100%;display:block;background:#8bcbd7}.eo-bar-row:last-child i{background:#e6ac6a}.eo-credit{font-size:.85rem;color:#a4b3bd}@media(max-width:700px){.eo-pipeline{grid-template-columns:1fr}.eo-pipeline li+li:before{content:'↓';left:50%;top:-15px}.eo-bar-row{grid-template-columns:82px 1fr 72px;gap:7px;font-size:.8rem}.eo-evidence{padding:16px}}