.experiment-container{min-height:100vh;color:var(--text-primary);padding-top:70px}.experiment-header{padding:var(--space-lg) var(--space-xl) 0;max-width:1600px;margin:0 auto}.header-left{align-items:center;gap:var(--space-md);display:flex}.back-btn{color:var(--text-secondary);transition:color .2s}.back-btn:hover{color:var(--text-primary)}.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);flex-direction:column;max-width:1600px;margin:0 auto;display:flex}.sim-area{gap:var(--space-md);flex-direction:column;width:100%;display:flex;position:relative}.control-panel{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(300px,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%}.sim-tabs{background:#0003;border-radius:12px;gap:8px;padding:4px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 0;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}.tab-content{gap:var(--space-md);flex-direction:column;display:none}.tab-content.active{display:flex}.control-header h3{margin-bottom:8px;font-size:1.1rem;font-weight:600}.slider-group,.toggle-group{background:#ffffff08;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px;display:flex}.slider-group label,.toggle-group label{color:var(--text-secondary);font-weight:500}.value-display{font-variant-numeric:tabular-nums;color:#4facfe;font-family:Space Grotesk,monospace;font-weight:600}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider.round{cursor:pointer;background-color:#ffffff1a;border-radius:34px;transition:all .2s;position:absolute;inset:0}.slider.round:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;bottom:3px;left:3px}input:checked+.slider.round{background-color:#4facfe}input:checked+.slider.round:before{transform:translate(20px)}.reflection-workspace{background:radial-gradient(circle,#1b243b 0%,#0d121f 100%);border:1px solid #ffffff0d;border-radius:24px;justify-content:center;align-items:center;width:100%;height:800px;display:flex;position:relative;overflow:hidden}.reflection-workspace:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}#sim-canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.mirror-element{z-index:10;background:linear-gradient(90deg,#516584,#a4bfe8,#eef5ff,#8ba8cd);border-radius:4px;width:10px;position:absolute;top:-20px;bottom:-20px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #a4bfe899,inset -2px 0 4px #00000080,inset 2px 0 4px #fffc}.mirror-element:after{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#fff3,#fff3 2px,#0000 2px 6px);width:8px;position:absolute;top:0;bottom:0;right:-8px}.draggable-object{z-index:20;cursor:grab;flex-direction:column;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:absolute;transform:translate(-50%,-50%)}.draggable-object:active{cursor:grabbing}.draggable-object.real{width:80px;height:120px}.draggable-object.observer{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;width:60px;height:60px;transition:box-shadow .2s;box-shadow:0 0 15px #ffffff0d}.draggable-object.observer:active{box-shadow:0 0 25px #fff3}.eye-icon{color:#fff;filter:drop-shadow(0 0 4px #fffc)}.object-label{color:#fff;white-space:nowrap;pointer-events:none;background:#0009;border:1px solid #fff3;border-radius:12px;padding:4px 12px;font-size:.85rem;font-weight:600;position:absolute;bottom:-30px}.sim-overlay-controls{z-index:30;gap:10px;display:flex;position:absolute;bottom:20px;right:20px}.instruction-text{color:#94a3b8;margin-bottom:24px;font-size:.95rem;line-height:1.5}.info-box{background:#4facfe1a;border-left:4px solid #4facfe;border-radius:0 8px 8px 0;margin-top:16px;padding:12px 16px}.info-box p{color:#c7e3ff;margin:0;font-size:.9rem}