#inclined-experiment-page{max-width:1220px;margin:0 auto;padding:18px 28px 48px}
.inclined-experiment-app{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:20px;align-items:stretch}
.inclined-experiment-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px rgba(15,23,42,.08)}
.inclined-experiment-sim{padding:14px;min-height:0;display:flex;flex-direction:column}
.inclined-experiment-sim-header{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:4px;padding-left:12px}
.inclined-experiment-sim-header h1{margin:0;font-size:clamp(26px,3.4vw,42px);letter-spacing:-.03em;color:var(--text)}
.inclined-experiment-controls{padding:18px;display:grid;gap:18px;align-content:start}
.inclined-experiment-controls h2{margin:0;font-size:18px;color:var(--text)}
.inclined-control{display:grid;gap:8px}
.inclined-labelrow{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.inclined-labelrow label{font-weight:800;color:var(--text)}
.inclined-value{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:900}
.inclined-experiment-controls input[type="range"]{width:100%;accent-color:var(--accent)}
.inclined-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.inclined-preset{padding:7px 4px;border:1px solid var(--line);border-radius:9px;background:var(--button);color:var(--text);font-size:10.5px;font-weight:750;line-height:1.15;min-width:0;white-space:normal;cursor:pointer}
.inclined-preset:hover{background:var(--hover)}
.inclined-preset.active{background:var(--selected);border-color:var(--accent);color:var(--accent)}
.inclined-run{width:100%;padding:11px 14px;border:1px solid var(--accent);border-radius:12px;background:var(--accent);color:#fff;font-weight:850;cursor:pointer}
.inclined-status{border-radius:14px;padding:12px 14px;font-weight:800;background:var(--button);border:1px solid var(--line);color:var(--text)}
.inclined-status.sliding{color:var(--text)}
.inclined-thresholds{display:grid;gap:8px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--button)}
.inclined-threshold-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}
.inclined-threshold-row strong{color:var(--text);font-size:13px;font-variant-numeric:tabular-nums}
.inclined-threshold-detail{font-size:12px;color:var(--accent);font-weight:800;font-variant-numeric:tabular-nums}
.inclined-readouts{margin-top:18px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.inclined-readout{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px;box-shadow:0 6px 18px rgba(15,23,42,.04)}
.inclined-readout-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}
.inclined-readout small{display:block;color:var(--muted);font-weight:700}
.inclined-readout strong{font-size:20px;font-variant-numeric:tabular-nums;color:var(--text)}
.inclined-readout .formula{font-size:12px;color:var(--muted);margin-top:4px}
.inclined-force-toggle{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}
#inclined-experiment-scene{display:block;width:100%;height:100%;min-height:0;flex:1}
.inclined-ground{stroke:var(--line);stroke-width:2.5}
.inclined-plane{stroke:var(--muted);stroke-width:6;stroke-linecap:round}
.inclined-plane-fill{fill:var(--button);opacity:.55}
.inclined-box{fill:var(--panel);stroke:var(--muted);stroke-width:1.5}
.inclined-box-label{font-weight:800;fill:var(--text);pointer-events:none}
.inclined-force{stroke:var(--muted);stroke-width:2.4;stroke-linecap:round}
.inclined-force.component{stroke-dasharray:5 4}
.inclined-force-label{font-size:13px;font-weight:800;fill:var(--muted)}
.inclined-angle-arc{fill:none;stroke:var(--muted);stroke-width:1.5}
.inclined-angle-label{font-size:13px;font-weight:700;fill:var(--muted)}
@media(max-width:900px){
 #inclined-experiment-page{padding:14px 18px 40px}
 .inclined-experiment-app{grid-template-columns:1fr}
 .inclined-readouts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
 #inclined-experiment-page{padding:10px 12px 32px}
 .inclined-readouts{grid-template-columns:1fr}
 .inclined-presets{gap:4px}
 .inclined-preset{font-size:9.5px;padding:7px 2px}
 #inclined-experiment-scene{height:390px;min-height:0;flex:none}
}