.spiral-overlay-controls-collapse-btn{z-index:1000;color:var(--text-primary,#fff);cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#0f172acc;border:1px solid #ffffff1a;border-radius:20px;padding:8px 16px;font-size:14px;transition:all .2s;position:fixed;bottom:20px;left:20px;box-shadow:0 4px 12px #00000080}.spiral-overlay-controls-collapse-btn:hover{background:#1e293be6;border-color:#fff3;transform:translateY(-2px)}.spiral-overlay-controls-panel{z-index:1000;-webkit-backdrop-filter:blur(12px);background:#0f172ad9;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;width:320px;max-height:calc(100vh - 100px);animation:.3s cubic-bezier(.16,1,.3,1) so-slide-up;display:flex;position:fixed;bottom:70px;left:20px;overflow:hidden;box-shadow:0 8px 32px #0009}@keyframes so-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.so-controls-header{background:#0000004d;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.so-controls-header h3{color:var(--text-primary,#fff);margin:0;font-size:14px;font-weight:600}.so-close-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0 4px;font-size:20px;line-height:1}.so-close-btn:hover{color:#fff;background:#ffffff1a}.so-controls-body{flex-direction:column;gap:16px;padding:12px 16px;display:flex;overflow-y:auto}.so-controls-body::-webkit-scrollbar{width:6px}.so-controls-body::-webkit-scrollbar-track{background:0 0}.so-controls-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.so-controls-body::-webkit-scrollbar-thumb:hover{background:#fff3}.so-group{-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#14192d99,#0a0c19cc);border:1px solid #8b5cf626;border-radius:16px;flex-direction:column;gap:12px;margin-bottom:12px;padding:16px;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff0d}.so-group:before{content:"";pointer-events:none;background:radial-gradient(#a78bfa26 0%,#0000 70%);width:60%;height:40px;position:absolute;top:-20px;left:20%}.so-group:hover{border-color:#a78bfa66;transform:translateY(-2px);box-shadow:0 8px 30px #0006,0 0 15px #8b5cf61a,inset 0 1px #ffffff1a}.so-group-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;margin-bottom:4px;padding-bottom:12px;display:flex}.so-group-icon{filter:drop-shadow(0 2px 8px #a78bfa66);background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.so-group-name{color:#f8fafc;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(90deg,#fff,#cbd5e1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:14px;font-weight:700}.so-group-toggles{flex-direction:column;gap:8px;display:flex}.so-toggle-row{cursor:pointer;background:#ffffff04;border:1px solid #ffffff0a;border-radius:12px;align-items:center;gap:14px;padding:12px 14px;transition:all .25s;display:flex;position:relative}.so-toggle-row:hover{background:#ffffff0a;border-color:#a78bfa33}.so-toggle-row input[type=checkbox]{flex-shrink:0;margin:0}.so-label-text{color:var(--text-primary,#e2e8f0);-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;gap:3px;font-size:14px;font-weight:600;line-height:1.4;display:flex}.so-toggle-row input[type=checkbox]:checked~.so-label-text,.so-toggle-row input[type=checkbox]:checked+.so-label-text{text-shadow:0 0 8px #a855f74d}.so-label-desc{color:#ffffff73;text-shadow:none;font-size:12px;font-weight:400;line-height:1.3}.so-sub-options{background:#00000040;border-left:2px solid #8b5cf6;border-radius:0 12px 12px;flex-direction:column;gap:8px;margin-top:6px;margin-left:18px;padding:12px;display:flex;position:relative;box-shadow:inset 0 2px 8px #0000004d}.so-sub-options:before{content:"";border-bottom:2px solid #8b5cf6;border-left:2px solid #8b5cf6;border-bottom-left-radius:6px;width:12px;height:12px;position:absolute;top:-6px;left:-2px}.so-sub-toggle{background:#ffffff05;border:1px solid #0000;padding:10px 12px}.so-sub-toggle:hover{border-color:#8b5cf626}.so-warning-note{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2433;border-radius:8px;align-items:center;gap:6px;margin-top:8px;padding:8px 10px;font-size:12px;line-height:1.4;display:flex}.so-warning-note:before{content:"⚠️"}@media (max-width:768px){.spiral-overlay-controls-panel{width:calc(100vw - 40px);max-height:50vh;bottom:80px}}