.layer-info-banner{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#ffffff0d;border-radius:12px;margin-bottom:2rem;flex-wrap:wrap}.layer-info-banner .info-text{color:var(--text-secondary);font-size:.9rem;margin-left:auto}.switch-showcase{display:flex;gap:2rem;flex-wrap:wrap;padding:1.5rem;background:#0000004d;border-radius:12px;min-height:100px;align-items:center;justify-content:center}.toggle-switch{position:relative;width:60px;height:30px;cursor:pointer}.toggle-track{width:100%;height:100%;background:linear-gradient(145deg,#1a1a2a,#2a2a3a);border-radius:15px;position:relative;transition:all .3s ease;box-shadow:inset 0 2px 5px #00000080,0 1px 1px #ffffff0d}.toggle-switch.active .toggle-track{background:linear-gradient(145deg,#043,#065)}.toggle-thumb{position:absolute;top:3px;left:3px;width:24px;height:24px;background:linear-gradient(145deg,#5a5a6a,#3a3a4a);border-radius:50%;transition:all .3s ease;box-shadow:0 2px 5px #0000004d,inset 0 1px 1px #ffffff1a}.toggle-switch.active .toggle-thumb{left:33px;background:var(--accent-primary);box-shadow:0 2px 5px #0000004d,0 0 15px var(--accent-primary)}.led-toggle-switch{display:flex;align-items:center;gap:.75rem}.led-indicator{width:10px;height:10px;border-radius:50%;background:#333;box-shadow:inset 0 1px 3px #00000080;transition:all .3s ease}.led-toggle-switch.active .led-indicator{background:var(--accent-primary);box-shadow:0 0 15px var(--accent-primary)}.rocker-switch{width:40px;height:60px;background:linear-gradient(145deg,#3a3a4a,#2a2a3a);border-radius:8px;position:relative;cursor:pointer;box-shadow:inset 0 2px 5px #0000004d,0 3px 8px #0000004d;overflow:hidden}.rocker-toggle{position:absolute;top:5px;left:5px;right:5px;height:50%;background:linear-gradient(145deg,#5a5a6a,#4a4a5a);border-radius:5px;transition:all .2s ease;transform-origin:bottom center;transform:perspective(100px) rotateX(-15deg)}.rocker-switch.active .rocker-toggle{top:auto;bottom:5px;transform:perspective(100px) rotateX(15deg);background:var(--accent-primary);box-shadow:0 0 10px var(--accent-primary)}.slide-switch{width:80px;height:30px;background:linear-gradient(145deg,#1a1a2a,#2a2a3a);border-radius:5px;position:relative;cursor:pointer;box-shadow:inset 0 2px 5px #00000080}.slide-track{position:absolute;top:5px;left:5px;right:5px;height:20px;background:#0a0a15;border-radius:3px}.slide-positions{display:flex;justify-content:space-between;position:absolute;top:0;left:0;right:0;bottom:0;padding:0 10px}.slide-position{width:4px;height:100%;background:#333}.slide-thumb{position:absolute;top:3px;left:5px;width:24px;height:24px;background:linear-gradient(145deg,#5a5a6a,#3a3a4a);border-radius:4px;transition:left .2s ease;box-shadow:0 2px 5px #0000004d}.slide-switch[data-position="1"] .slide-thumb{left:28px}.slide-switch[data-position="2"] .slide-thumb{left:51px}.switch-panel-section{margin:3rem 0;padding:2rem;background:var(--bg-card);border-radius:16px;border:1px solid rgba(255,255,255,.1)}.switch-panel-section h2{color:var(--accent-secondary);margin-bottom:.5rem}.switch-panel-section>.description{color:var(--text-secondary);margin-bottom:1.5rem}.control-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem;padding:2rem;background:linear-gradient(145deg,#1a1a2a,#0a0a15);border-radius:16px;box-shadow:inset 0 2px 10px #00000080,0 5px 20px #0000004d}.panel-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.panel-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.advanced-switches-section{margin:3rem 0}.advanced-switches-section h2{color:var(--accent-primary);margin-bottom:1.5rem;text-align:center}.neon-switch{width:80px;height:35px;position:relative;cursor:pointer}.neon-tube{width:100%;height:100%;background:#14141ecc;border-radius:17px;border:2px solid #333;position:relative;overflow:hidden}.neon-gas{position:absolute;top:5px;bottom:5px;left:5px;right:50%;background:#222;border-radius:12px;transition:all .3s ease}.neon-switch.active .neon-gas{left:50%;right:5px;background:var(--accent-primary);box-shadow:0 0 20px var(--accent-primary),inset 0 0 10px #ffffff4d}.flip-switch{width:40px;height:70px;position:relative;perspective:200px}.flip-guard{position:absolute;top:0;left:-5px;right:-5px;height:35px;background:linear-gradient(145deg,#f44,#a00);border-radius:8px 8px 0 0;transform-origin:bottom center;transform:rotateX(-120deg);transition:transform .3s ease;z-index:2;box-shadow:0 -5px 10px #ff00004d}.flip-switch.active .flip-guard{transform:rotateX(0)}.flip-base{position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(145deg,#3a3a4a,#2a2a3a);border-radius:5px}.flip-lever{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:15px;height:35px;background:linear-gradient(90deg,#666,#888,#666);border-radius:3px;transform-origin:bottom center;transition:transform .2s ease}.flip-switch.active .flip-lever{transform:translate(-50%) rotateX(30deg)}.retro-switch{width:50px;height:80px;background:radial-gradient(circle at 30% 30%,#8b7355,#5a4a3a);border-radius:10px;position:relative;cursor:pointer;box-shadow:inset 0 3px 5px #fff3,inset 0 -3px 5px #0000004d,0 5px 15px #00000080}.retro-plate{position:absolute;top:10px;left:10px;right:10px;bottom:10px;background:#2a2a2a;border-radius:5px}.retro-toggle{position:absolute;left:50%;transform:translate(-50%);width:20px;height:30px;background:linear-gradient(90deg,#444,#666,#444);border-radius:3px;top:15px;transition:top .2s ease;box-shadow:0 3px 5px #00000080}.retro-switch.active .retro-toggle{top:35px}.segmented-switch{display:flex;background:linear-gradient(145deg,#1a1a2a,#2a2a3a);border-radius:8px;padding:4px;box-shadow:inset 0 2px 5px #00000080}.segment{padding:.5rem 1rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;border-radius:6px;font-size:.8rem}.segment.active{background:var(--accent-primary);color:#000;box-shadow:0 0 10px var(--accent-primary)}@media (max-width: 768px){.control-panel{grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem}}