.experiment-container{min-height:100vh;color:var(--text-primary);flex-direction:column;padding-top:70px;display:flex}.experiment-header{padding:var(--space-lg) var(--space-xl) 0;width:100%;max-width:1600px;margin:0 auto}.title-group h1{margin-top:4px;font-size:2rem;font-weight:700}.en-title{color:var(--text-tertiary);font-weight:500}.experiment-layout{gap:var(--space-lg);padding:var(--space-lg) var(--space-xl) 150px var(--space-xl);flex-direction:column;flex:1;width:100%;max-width:1600px;margin:0 auto;display:flex}.sim-area{aspect-ratio:16/9;flex-direction:column;width:100%;min-height:400px;max-height:65vh;display:flex;position:relative}.physics-workspace{background:var(--bg-surface-elevated);border:1px solid #ffffff0d;border-radius:24px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #00000080}#sim-canvas{cursor:grab;width:100%;height:100%;position:absolute;top:0;left:0}#sim-canvas:active{cursor:grabbing}.hud-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#0a0f1ecc;border:1px solid #ffffff1a;border-radius:16px;min-width:200px;padding:16px 24px;position:absolute;top:24px;left:24px}.hud-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:.9rem;font-weight:600}.hud-value{font-family:var(--font-mono);color:#4facfe;text-shadow:0 0 15px #4facfe66;font-size:2.5rem;font-weight:700;line-height:1}.hud-speed{font-family:var(--font-mono);color:#00f2fe;margin-top:8px;font-size:1rem;font-weight:500}.drag-prompt{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;color:var(--text-secondary);background:#ffffff1a;border:1px solid #ffffff0d;border-radius:20px;padding:8px 16px;font-weight:500;transition:opacity .3s;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.sim-overlay-controls{gap:8px;display:flex;position:absolute;top:24px;right:24px}.icon-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.icon-btn:hover{background:#fff3}.mode-tabs{background:#0000004d;border-radius:16px;gap:10px;width:100%;padding:8px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;flex:1;padding:14px 0;font-size:1.1rem;font-weight:600;transition:all .2s}.tab-btn.active{color:var(--text-primary);background:#ffffff1a;box-shadow:0 2px 8px #0003}.tab-btn.locked{opacity:.5;cursor:not-allowed}.control-panel{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));width:100%;display:grid}.panel-section{background:var(--bg-surface);border:1px solid var(--border-color);padding:var(--space-lg);box-sizing:border-box;border-radius:16px;height:100%}.value-display{font-family:var(--font-mono);color:#4facfe;font-size:1.1rem;font-weight:700}@media (width<=1024px){.experiment-layout{grid-template-columns:1fr}}@media (width<=640px){.experiment-layout{padding:calc(60px + var(--space-sm)) var(--space-sm) 150px;gap:var(--space-sm)}.control-panel{grid-template-columns:1fr}.sim-area{min-height:350px}.title-group h1{font-size:1.5rem}.pagination-bar .page-tab{padding:8px 12px 8px 8px!important}.tab-label{font-size:.8rem}}