:root{color:#17211f;background:#eef3f1;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{margin:0;min-width:320px}button,select,input{font:inherit}.app-shell{min-height:100vh;padding:24px}.hero-panel,.workspace{width:min(1480px,100%);margin:0 auto 18px}.hero-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:end;padding:26px;border:1px solid #d4dfdc;border-radius:18px;background:#fdfefe;box-shadow:0 18px 55px #18322d14}.eyebrow{margin:0 0 8px;color:#4a8178;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}h1,h2,h3,p{margin-top:0}h1{margin-bottom:10px;font-size:clamp(2rem,5vw,4.15rem);line-height:1.02;letter-spacing:0}h2{margin-bottom:14px;font-size:1.05rem}h3{margin-bottom:10px;font-size:.95rem}.hero-copy{max-width:780px;margin-bottom:0;color:#52625f;font-size:1.03rem}.hero-metrics,.workspace,.preset-grid{display:grid;gap:14px}.hero-metrics{grid-template-columns:repeat(3,minmax(120px,1fr))}.workspace{grid-template-columns:290px minmax(420px,1fr) 310px;align-items:start}.control-panel,.visual-panel,.insight-panel{border:1px solid #d4dfdc;border-radius:18px;background:#fdfefe;box-shadow:0 18px 55px #18322d12}.control-panel,.insight-panel{padding:18px}.visual-panel{padding:12px}.field-label{display:block;margin-bottom:8px;color:#4f5f5c;font-size:.82rem;font-weight:800}select{width:100%;min-height:42px;padding:8px 10px;border:1px solid #c6d2cf;border-radius:10px;background:#fff;color:#17211f}.preset-grid{margin:16px 0}.preset,.primary-button{border:0;border-radius:12px;cursor:pointer}.preset{padding:12px;background:#eef5f3;color:#243431;text-align:left}.preset span,.preset small{display:block}.preset span{font-weight:800}.preset small{margin-top:3px;color:#62706d}.preset.active{background:#2f756a;color:#fff}.preset.active small{color:#d9eeea}.play-row{display:grid;grid-template-columns:82px 1fr;gap:10px;align-items:center;margin:18px 0 10px}.primary-button{min-height:42px;background:#17211f;color:#fff;font-weight:800}input[type=range]{width:100%;accent-color:#2f756a}.slider-label{display:flex;justify-content:space-between;margin-top:8px}.slider-label span{color:#2f756a;font-weight:850}.toggle-list{display:grid;gap:8px;margin:18px 0;color:#3d4c49;font-size:.92rem}.toggle-list input{margin-right:8px;accent-color:#2f756a}.case-note{padding:14px;border-radius:12px;background:#f3f7f6;color:#4d5d5a}.case-note p:last-child{margin-bottom:0}.metric{min-height:78px;padding:13px;border:1px solid #dce6e3;border-radius:14px;background:#f8fbfa}.metric span,.small-copy{color:#667571;font-size:.82rem}.metric strong{display:block;margin-top:8px;color:#17211f;font-size:1.12rem;font-weight:850}.gripper-svg{display:block;width:100%;min-height:560px}.scene-bg{fill:#f6faf9}.centerline{stroke:#cad8d4;stroke-width:2;stroke-dasharray:8 10}.fixture{fill:#44504e}.svg-label,.legend-text{fill:#65726f;font-size:18px;font-weight:700}.legend-text{font-size:15px}.beam-path{fill:none;stroke-linecap:round;stroke-linejoin:round}.reference{stroke:url(#beamGradient);stroke-width:26}.fea{stroke:#cb6b4d;stroke-width:9;stroke-dasharray:14 12}.tip-gap{stroke:#202828;stroke-width:4;stroke-dasharray:6 7}.ref-tip{fill:#fdfefe;stroke:#2f756a;stroke-width:4}.fea-tip{fill:#cb6b4d;stroke:#fff;stroke-width:3}.prb-link{fill:none;stroke:#1e2a28;stroke-width:5;stroke-linejoin:round;opacity:.75}.prb-joint{fill:#f8d97d;stroke:#1e2a28;stroke-width:2}.preview-card{margin:18px 0}.three-preview{width:100%;min-height:230px;overflow:hidden;border:1px solid #dce6e3;border-radius:14px;background:#f7faf9}.small-copy{padding:14px;border-radius:12px;background:#f3f7f6;line-height:1.5}.loading,.error{width:min(720px,100%);margin:12vh auto;padding:24px;border-radius:16px;background:#fff;color:#17211f}.error{color:#9a3c24}@media(max-width:1160px){.workspace,.hero-panel{grid-template-columns:1fr}.hero-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.app-shell{padding:12px}.hero-panel{padding:18px}.hero-metrics{grid-template-columns:1fr}.gripper-svg{min-height:420px}}