.lab-layout{gap:20px;max-width:1600px;height:calc(100vh - 80px);margin:0 auto;padding:20px;display:flex}.glass-panel{-webkit-backdrop-filter:blur(20px);background:#10121b99;border:1px solid #ffffff14;border-radius:20px;padding:24px}.control-panel{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:24px;display:grid}.control-block{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:20px;padding:24px;display:flex}.control-block h3{color:#f8fafc;border-bottom:1px solid #ffffff14;margin:0 0 4px;padding-bottom:12px;font-family:Space Grotesk,sans-serif;font-size:1.1rem}.text-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:4px 6px;display:inline-flex}.text-toggle-option{cursor:pointer;color:#94a3b8;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:6px;padding:6px 12px;font-size:.95rem;font-weight:500;transition:all .2s}.text-toggle-option:hover{color:#cbd5e1}.text-toggle-option.active{color:#fff;background:#ffffff26;font-weight:700;box-shadow:0 2px 8px #0003}.text-toggle-option[data-value=auto].active{color:#eff6ff;background:#3b82f659;box-shadow:0 2px 12px #3b82f640}.text-toggle-divider{color:#475569;-webkit-user-select:none;user-select:none;font-weight:300}.control-panel-header{grid-column:1/-1}.control-panel .divider{grid-column:1/-1;width:100%}.control-panel .theory-box-mini{grid-column:1/-1}.panel-header h2{color:#fff;margin:0 0 4px;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700}.panel-header p{color:#a0aec0;margin:0;font-size:.9rem}.control-group{flex-direction:column;gap:12px;display:flex}.control-group>label{color:#e2e8f0;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.radio-group{flex-direction:column;gap:8px;display:flex}.radio-group.compact{flex-direction:row;gap:12px}.radio-btn{cursor:pointer;color:#cbd5e1;align-items:center;gap:8px;font-size:.9rem;display:flex}.radio-btn input[type=radio]{accent-color:#ff4d85;width:16px;height:16px}.slider-header{justify-content:space-between;align-items:center;display:flex}.slider-header label{color:#cbd5e1;font-size:.9rem}.val-badge{color:#ff4d85;background:#ff4d8526;border-radius:6px;padding:4px 8px;font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:600}input[type=range]{appearance:none;background:#ffffff1a;border-radius:3px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#ff4d85;border-radius:50%;width:16px;height:16px;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.btn-action{color:#fff;cursor:pointer;background:#ff4d85;border:none;border-radius:8px;padding:12px;font-weight:600;transition:background .2s,transform .1s}.btn-action:hover{background:#ff6b9a}.btn-action:active{transform:translateY(2px)}.btn-action:disabled{color:#a0aec0;cursor:not-allowed;background:#4a5568}.divider{border:none;border-top:1px solid #ffffff1a;margin:8px 0}.toggle-row{flex-direction:row;justify-content:space-between;align-items:center}.toggle-row label{text-transform:none;letter-spacing:normal;font-size:.95rem}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider.round{cursor:pointer;background-color:#fff3;border-radius:34px;transition:all .3s;position:absolute;inset:0}.slider.round:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:4px;left:4px}input:checked+.slider.round{background-color:#ff4d85}input:checked+.slider.round:before{transform:translate(20px)}.simulation-area{flex-direction:column;flex:1;padding:0;display:flex;position:relative;overflow:hidden}.canvas-container{flex:1;width:100%;height:100%;position:relative}#slinky-canvas{width:100%;height:100%;display:block}.shaker-hint{color:#ff4d85;pointer-events:none;opacity:1;z-index:10;background:#ff4d8533;border:1px solid #ff4d85;border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:opacity .3s;position:absolute;top:20px;left:50%;transform:translate(-50%)}.shaker-hint.hidden{opacity:0}.drag-handle{cursor:grab;z-index:5;background:#ffffff1a;border:2px solid #fff;border-radius:50%;width:40px;height:40px;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 0 15px #fff3}.drag-handle:active{cursor:grabbing;background:#ffffff4d}.drag-handle.hidden{display:none}