@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Lato:wght@300;400;700&display=swap";.edge-lighting-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.presets-panel{display:flex;flex-direction:column;gap:1.125rem}.presets-save-row{display:flex;gap:.625rem;align-items:stretch}.preset-name-input{flex:1;padding:.75rem 1rem;font-family:Lato,sans-serif;font-size:.825rem;letter-spacing:.5px;color:var(--text-secondary);background:linear-gradient(180deg,#0a0502,#140a04);border:1px solid rgba(212,175,55,.2);border-top-color:#000000b3;border-radius:4px;outline:none;box-shadow:inset 0 2px 6px #000c,inset 0 1px 2px #000000e6,0 1px #ffffff0a;transition:border-color .2s ease}.preset-name-input::placeholder{color:var(--text-muted);font-style:italic;font-size:.75rem;letter-spacing:1px}.preset-name-input:focus{border-color:#d4af3773;box-shadow:inset 0 2px 6px #000000b3,0 0 10px #d4af371a}.preset-save-btn{padding:.75rem 1.125rem;font-family:Cinzel,serif;font-size:.65rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;background:linear-gradient(180deg,#46300c,#2e1e06 45%,#3a2609 55%,#231604);border:1px solid rgba(212,175,55,.45);border-top-color:#f0cb5a47;border-bottom-color:#64480cb3;border-radius:4px;color:var(--gold-bright);cursor:pointer;white-space:nowrap;box-shadow:0 3px 8px #000000b3,inset 0 1px #ffffff12,inset 0 -2px 4px #00000080;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 8px rgba(212,175,55,.3);transition:all .2s ease}.preset-save-btn:hover:not(:disabled){border-color:#f0cb5ab3;color:var(--gold-highlight);box-shadow:0 4px 12px #000c,0 0 12px #d4af3733,inset 0 1px #ffffff17,inset 0 -2px 4px #00000080;transform:translateY(-1px)}.preset-save-btn:active{transform:translateY(1px);box-shadow:0 1px 4px #000c,inset 0 2px 6px #000000b3}.preset-save-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.preset-error{font-size:.68rem;color:#c8503ce6;margin:-.25rem 0 0;font-style:italic;letter-spacing:.3px}.preset-fetch-error{padding:1rem;background:#c8503c14;border:1px solid rgba(200,80,60,.25);border-radius:4px;text-align:center}.preset-fetch-error p{font-size:.72rem;color:#c8503ce6;margin:0 0 .75rem;font-style:italic}.preset-retry-btn{padding:.4rem 1rem;font-size:.7rem;font-family:Lato,sans-serif;letter-spacing:1px;text-transform:uppercase;background:transparent;border:1px solid rgba(212,175,55,.4);color:#d4af37cc;border-radius:3px;cursor:pointer;transition:all .2s}.preset-retry-btn:hover{background:#d4af371a;border-color:#d4af37b3;color:#d4af37}.presets-loading,.presets-empty{text-align:center;padding:2rem 1rem;color:var(--text-muted);font-size:.75rem;line-height:1.7;font-style:italic;letter-spacing:.5px}.presets-list{display:flex;flex-direction:column;gap:.5rem}.preset-card{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:linear-gradient(180deg,#26160af2,#1a0e06,#201208fa);border:1px solid rgba(139,105,20,.2);border-top-color:#ffffff0a;border-radius:5px;box-shadow:0 2px 8px #0009,inset 0 1px #ffffff0a,inset 0 -1px #0006;transition:border-color .2s ease,box-shadow .2s ease}.preset-card:hover{border-color:#d4af374d;box-shadow:0 3px 12px #000000b3,0 0 8px #d4af3714,inset 0 1px #ffffff0d,inset 0 -1px #0006}.preset-card-info{flex:1;min-width:0}.preset-card-name{display:block;font-size:.825rem;font-family:Lato,sans-serif;color:var(--text-primary);font-weight:700;letter-spacing:.5px;margin-bottom:.35rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.8)}.preset-card-meta{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.preset-tag{font-size:.6rem;font-family:Lato,sans-serif;font-weight:700;color:#d4af37b3;background:linear-gradient(180deg,#46320a99,#322306cc);border:1px solid rgba(212,175,55,.2);border-radius:3px;padding:.1rem .35rem;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 1px 3px #00000080,inset 0 1px #ffffff0a}.gradient-tag{color:#b76e79e6;background:linear-gradient(180deg,#50282d80,#371a1eb3);border-color:#b76e7938}.preset-date{font-size:.6rem;color:var(--text-muted);margin-left:auto;font-style:italic;letter-spacing:.3px}.preset-card-swatch{flex-shrink:0}.color-swatch{width:28px;height:28px;border-radius:50%;border:2px solid rgba(0,0,0,.5);border-top-color:#fff3;box-shadow:0 2px 6px #000000b3,inset 0 1px 3px #fff3,inset 0 -1px 3px #0006;position:relative}.color-swatch:before{content:"";position:absolute;top:15%;left:18%;width:35%;height:25%;background:radial-gradient(ellipse,rgba(255,255,255,.5) 0%,transparent 100%);border-radius:50%;pointer-events:none}.gradient-swatch{border:1px solid rgba(212,175,55,.25);border-radius:5px;box-shadow:0 2px 6px #0009,inset 0 1px #ffffff26}.preset-card-actions{display:flex;flex-direction:column;gap:.3rem;flex-shrink:0}.preset-load-btn,.preset-delete-btn{padding:.35rem .75rem;font-size:.6rem;font-family:Lato,sans-serif;font-weight:700;letter-spacing:1px;text-transform:uppercase;border-radius:3px;cursor:pointer;transition:all .15s ease}.preset-load-btn{background:linear-gradient(180deg,#46320ce6,#2d2006,#382809f2);border:1px solid rgba(212,175,55,.35);border-top-color:#f0cb5a33;color:var(--gold-bright);box-shadow:0 2px 4px #0009,inset 0 1px #ffffff0f,inset 0 -1px #0006;text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 6px rgba(212,175,55,.2)}.preset-load-btn:hover{border-color:#f0cb5a99;color:var(--gold-highlight);box-shadow:0 3px 6px #000000b3,0 0 8px #d4af3726,inset 0 1px #ffffff14}.preset-load-btn:active{transform:translateY(1px);box-shadow:0 1px 2px #000000b3,inset 0 2px 4px #0009}.preset-delete-btn{background:linear-gradient(180deg,#280f0ae6,#1a0906);border:1px solid rgba(180,50,35,.25);border-top-color:#ffffff08;color:#c8503c99;box-shadow:0 2px 4px #0009,inset 0 1px #ffffff08}.preset-delete-btn:hover{border-color:#c8503c80;color:#dc6450e6;background:linear-gradient(180deg,#3c160fe6,#280e09);box-shadow:0 3px 6px #000000b3,inset 0 1px #ffffff0a}.preset-delete-btn:active{transform:translateY(1px);box-shadow:0 1px 2px #000000b3,inset 0 2px 4px #0009}.control-panel{position:fixed;bottom:0;left:0;right:0;max-height:78vh;overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,#24140cfa,#1c0f08fc);border-top:3px solid transparent;border-image:linear-gradient(90deg,transparent 0%,rgba(139,105,20,.6) 10%,rgba(212,175,55,.9) 30%,rgba(240,203,90,1) 50%,rgba(212,175,55,.9) 70%,rgba(139,105,20,.6) 90%,transparent 100%) 1;padding:0 1.75rem 2rem;z-index:1000;box-shadow:0 -4px 24px #000000e6,0 -1px #d4af3726,inset 0 1px #ffffff0a;scrollbar-width:thin;scrollbar-color:rgba(212,175,55,.4) rgba(0,0,0,.3)}.control-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 3px);pointer-events:none;z-index:0}.control-panel>*{position:relative;z-index:1}.control-panel::-webkit-scrollbar{width:5px}.control-panel::-webkit-scrollbar-track{background:#0006}.control-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--gold-mid),var(--gold-deep));border-radius:3px}.control-panel-content{max-width:1200px;margin:0 auto}.brand{text-align:center;margin-bottom:1.5rem;padding:1.25rem 1.5rem;position:relative;background:linear-gradient(180deg,#3c231299,#28160a66);border-radius:4px;border:1px solid rgba(212,175,55,.15);box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #0006}.brand:before,.brand:after{content:"";position:absolute;left:1rem;right:1rem;height:1px}.brand:before{top:6px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.25),transparent)}.brand:after{bottom:6px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.25),transparent)}.brand h1{font-family:Cinzel,serif;font-size:1.75rem;font-weight:700;letter-spacing:5px;margin:0;text-transform:lowercase;background:linear-gradient(180deg,var(--gold-shine) 0%,var(--gold-highlight) 35%,var(--gold-bright) 60%,var(--gold-mid) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px rgba(212,175,55,.4))}.brand p{font-size:.7rem;color:var(--text-muted);margin:.4rem 0 0;letter-spacing:3px;text-transform:uppercase;font-weight:400;font-family:Lato,sans-serif}.main-control{display:flex;justify-content:center;margin-bottom:1.75rem}.power-button{padding:1rem 3rem;font-size:.95rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;font-family:Cinzel,serif;background:linear-gradient(180deg,#3c230f,#281608 45%,#321c0a 55%,#1e1006);border:1px solid rgba(212,175,55,.45);border-top-color:#f0cb5a4d;border-bottom-color:#644b0fb3;color:var(--gold-bright);cursor:pointer;border-radius:6px;position:relative;overflow:hidden;box-shadow:0 4px 12px #000c,0 1px #ffffff14,inset 0 1px #ffffff0f,inset 0 -2px 4px #0009;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 12px rgba(212,175,55,.4);transition:all .2s ease}.power-button:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,transparent 100%);border-radius:5px 5px 0 0;pointer-events:none}.power-button:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,240,100,.08),transparent);transition:left .6s ease}.power-button:hover:after{left:150%}.power-button:hover{box-shadow:0 6px 20px #000000e6,0 0 15px #d4af3733,0 1px #ffffff1a,inset 0 1px #ffffff14,inset 0 -2px 4px #0009;transform:translateY(-1px)}.power-button:active{transform:translateY(1px);box-shadow:0 2px 6px #000000e6,inset 0 2px 8px #000c,inset 0 -1px #ffffff0a}.power-button.active{background:linear-gradient(180deg,#d4af3740,#a0781466 40%,#b48c1e59 60%,#64460a80);color:var(--gold-highlight);text-shadow:0 0 20px rgba(212,175,55,.9),0 1px 3px rgba(0,0,0,.8);box-shadow:0 4px 12px #000c,0 0 25px #d4af374d,inset 0 1px #ffffff1a,inset 0 -2px 4px #00000080}.control-section{margin-bottom:1.25rem;padding:1rem 1.125rem;background:linear-gradient(180deg,#1e1008b3,#160b05cc);border-radius:5px;border:1px solid rgba(212,175,55,.08);border-top-color:#ffffff08;box-shadow:inset 0 1px #ffffff08,inset 0 -1px #00000080,0 2px 8px #0006}.control-section label{display:block;font-size:.65rem;color:var(--text-secondary);margin-bottom:.75rem;letter-spacing:2.5px;text-transform:uppercase;font-weight:700;font-family:Cinzel,serif;text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 8px rgba(212,175,55,.2)}.pattern-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.45rem}.pattern-button{padding:.6rem .75rem;font-size:.7rem;font-family:Lato,sans-serif;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;background:linear-gradient(180deg,#321c0e,#201107,#28160a);border:1px solid rgba(139,105,20,.25);border-top-color:#ffffff0a;color:var(--text-muted);cursor:pointer;border-radius:4px;box-shadow:0 2px 4px #0009,inset 0 1px #ffffff0d,inset 0 -1px #0006;text-shadow:0 1px 2px rgba(0,0,0,.9);transition:all .15s ease}.pattern-button:hover{background:linear-gradient(180deg,#462a12,#321c0c,#3c220e);color:var(--text-secondary);border-color:#d4af3766}.pattern-button:active{transform:translateY(1px);box-shadow:0 1px 2px #000000b3,inset 0 2px 4px #000000b3}.pattern-button.selected{background:linear-gradient(180deg,#644b14e6,#46320a 40%,#553c0ff2 60%,#322305);border-color:var(--gold-mid);border-top-color:#f0cb5a40;color:var(--gold-highlight);box-shadow:0 2px 6px #000000b3,0 0 10px #d4af3726,inset 0 1px #fff0641f,inset 0 -1px #00000080;text-shadow:0 0 10px rgba(212,175,55,.6),0 1px 2px rgba(0,0,0,.9)}.color-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.5rem;margin-bottom:.75rem}.color-button{width:100%;aspect-ratio:1;border-radius:50%;cursor:pointer;transition:all .2s ease;position:relative;border:2px solid rgba(0,0,0,.5);border-top-color:#ffffff40;box-shadow:0 3px 8px #000000b3,0 1px 2px #000000e6,inset 0 2px 5px #fff3,inset 0 -2px 5px #0006}.color-button:before{content:"";position:absolute;top:12%;left:18%;width:38%;height:28%;background:radial-gradient(ellipse,rgba(255,255,255,.55) 0%,transparent 100%);border-radius:50%;pointer-events:none}.color-button:hover{transform:scale(1.12) translateY(-1px);border-top-color:#ffffff80;box-shadow:0 6px 14px #000c,0 2px 4px #000000e6,inset 0 2px 5px #ffffff47,inset 0 -2px 5px #0006}.color-button.selected{border-color:#fffc;transform:scale(1.15) translateY(-1px);box-shadow:0 6px 16px #000000e6,0 0 12px currentColor,inset 0 2px 5px #ffffff4d,inset 0 -2px 5px #0006}.color-button.selected:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 8px #ffffffe6}.color-picker{width:100%;height:44px;border-radius:4px;cursor:pointer;padding:3px;background:linear-gradient(180deg,#28160a,#1c0e06);border:1px solid rgba(212,175,55,.3);border-top-color:#d4af3726;box-shadow:0 2px 6px #0009,inset 0 1px #ffffff0a,inset 0 2px 6px #00000080;transition:border-color .2s ease}.color-picker:hover{border-color:#d4af3799}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;outline:none;cursor:pointer;background:linear-gradient(180deg,#0a0502,#190d06 40%,#120904);box-shadow:inset 0 2px 5px #000000e6,inset 0 1px 2px #000c,0 1px #ffffff0d;border:1px solid rgba(0,0,0,.6)}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;cursor:pointer;background:radial-gradient(circle at 35% 35%,var(--gold-shine) 0%,var(--gold-highlight) 25%,var(--gold-bright) 50%,var(--gold-mid) 75%,var(--gold-deep) 100%);box-shadow:0 3px 8px #000c,0 1px 3px #000000e6,inset 0 1px #ffffff4d;border:1px solid rgba(139,105,20,.8);transition:all .15s ease}.slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px #000000e6,0 0 15px #d4af3780,inset 0 1px #fff6}.slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;cursor:pointer;background:radial-gradient(circle at 35% 35%,var(--gold-shine) 0%,var(--gold-highlight) 25%,var(--gold-bright) 50%,var(--gold-mid) 75%,var(--gold-deep) 100%);box-shadow:0 3px 8px #000c,inset 0 1px #ffffff4d;border:1px solid rgba(139,105,20,.8);transition:all .15s ease}.checkbox-label{display:flex;align-items:center;cursor:pointer;gap:.875rem}.checkbox-label input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;cursor:pointer;flex-shrink:0;background:linear-gradient(180deg,#0a0502,#160b05);border:1px solid rgba(139,105,20,.4);border-top-color:#000000b3;border-radius:3px;box-shadow:inset 0 2px 5px #000c,0 1px #ffffff0d;transition:all .15s ease;position:relative}.checkbox-label input[type=checkbox]:checked{background:linear-gradient(180deg,#644b14e6,#46320a);border-color:var(--gold-mid);box-shadow:inset 0 1px 3px #00000080,0 0 8px #d4af374d}.checkbox-label input[type=checkbox]:checked:after{content:"";position:absolute;top:4px;left:7px;width:5px;height:9px;border:2px solid var(--gold-highlight);border-top:none;border-left:none;transform:rotate(45deg)}.checkbox-label span{font-size:.72rem;color:var(--text-secondary);letter-spacing:1.5px;text-transform:uppercase;font-weight:700;font-family:Lato,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.8)}.audio-note{margin-top:.5rem;font-size:.68rem;color:var(--text-muted);font-style:italic;letter-spacing:.5px}.audio-denied{color:#c8503ce6!important}.tabs{display:flex;gap:0;margin-bottom:1.5rem;border-radius:5px;overflow:hidden;background:linear-gradient(180deg,#0f0803,#0a0502);border:1px solid rgba(139,105,20,.35);border-top-color:#d4af3740;box-shadow:0 3px 10px #000c,inset 0 1px #ffffff0a,inset 0 -1px #00000080}.tab{flex:1;padding:.75rem .875rem;background:transparent;border:none;border-right:1px solid rgba(139,105,20,.2);color:var(--text-muted);font-size:.62rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;font-family:Cinzel,serif;cursor:pointer;transition:all .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.9);position:relative}.tab:last-child{border-right:none}.tab:hover{color:var(--text-secondary);background:#d4af370a}.tab.active{background:linear-gradient(180deg,#50370fcc,#372608e6,#412c0ad9);color:var(--gold-highlight);text-shadow:0 0 12px rgba(212,175,55,.5),0 1px 2px rgba(0,0,0,.9);box-shadow:inset 0 1px #fff0641a,inset 0 -2px 4px #00000080}.tab.active:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold-bright),transparent)}.combined-tab.active{background:linear-gradient(180deg,#50370fcc,#372608e6)}.tab-content{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.haptic-pattern-list{display:flex;flex-direction:column;gap:.4rem}.haptic-pattern-list.compact{gap:.3rem}.haptic-pattern-button{display:flex;flex-direction:column;align-items:flex-start;padding:.7rem 1rem;background:linear-gradient(180deg,#28160ae6,#1c0e06,#221208f2);border:1px solid rgba(139,105,20,.18);border-top-color:#ffffff08;color:var(--text-muted);cursor:pointer;border-radius:4px;text-align:left;width:100%;box-shadow:0 2px 5px #0009,inset 0 1px #ffffff0a,inset 0 -1px #0006;transition:all .15s ease}.haptic-pattern-button:hover{background:linear-gradient(180deg,#37200ee6,#28160a);color:var(--text-secondary);border-color:#d4af374d}.haptic-pattern-button:active{transform:translateY(1px);box-shadow:0 1px 2px #000000b3,inset 0 2px 5px #000000b3}.haptic-pattern-button.selected{background:linear-gradient(180deg,#644812e6,#412e08 40%,#50380cf2 60%,#322205);border-color:var(--gold-mid);border-top-color:#f0cb5a40;color:var(--gold-highlight);box-shadow:0 2px 8px #000000b3,0 0 12px #d4af3726,inset 0 1px #fff0641a,inset 0 -1px #00000080}.haptic-pattern-button.ultimate{border-color:#d4af3738}.haptic-pattern-button.ultimate.selected{box-shadow:0 3px 10px #000000b3,0 0 20px #d4af3733,inset 0 1px #fff0641f,inset 0 -1px #00000080}.haptic-pattern-name{font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-family:Lato,sans-serif}.haptic-pattern-desc{font-size:.63rem;color:var(--text-muted);margin-top:.2rem;font-weight:300;font-style:italic}.haptic-pattern-button.selected .haptic-pattern-desc{color:#d4af3799}.intensity-buttons{display:flex;gap:.4rem}.intensity-button{flex:1;padding:.6rem .75rem;font-size:.68rem;font-weight:700;font-family:Lato,sans-serif;letter-spacing:1.5px;text-transform:uppercase;background:linear-gradient(180deg,#2d190b,#1c0e06,#241308);border:1px solid rgba(139,105,20,.22);border-top-color:#ffffff0a;border-radius:4px;color:var(--text-muted);cursor:pointer;box-shadow:0 2px 4px #0009,inset 0 1px #ffffff0a,inset 0 -1px #0006;transition:all .15s ease}.intensity-button:hover{color:var(--text-secondary);border-color:#d4af3759}.intensity-button:active{transform:translateY(1px);box-shadow:0 1px 2px #000000b3,inset 0 2px 4px #000000b3}.intensity-button.selected{background:linear-gradient(180deg,#5f4410e6,#3c2c08,#4b360cf2);border-color:var(--gold-mid);border-top-color:#f0cb5a38;color:var(--gold-highlight);box-shadow:0 2px 6px #000000b3,0 0 8px #d4af3726,inset 0 1px #fff0641a,inset 0 -1px #0006;text-shadow:0 0 8px rgba(212,175,55,.5)}.preview-button{width:100%;padding:.75rem;font-size:.72rem;font-weight:700;font-family:Cinzel,serif;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(180deg,#28160ae6,#1a0d05);border:1px dashed rgba(212,175,55,.3);border-radius:4px;color:#d4af37b3;cursor:pointer;box-shadow:0 2px 6px #0009,inset 0 1px #ffffff08;text-shadow:0 0 10px rgba(212,175,55,.3);transition:all .2s ease}.preview-button:hover:not(:disabled){background:linear-gradient(180deg,#41280fe6,#2d1908);border-color:var(--gold-bright);border-style:solid;color:var(--gold-highlight);text-shadow:0 0 15px rgba(212,175,55,.6)}.preview-button:disabled{opacity:.3;cursor:not-allowed}.ultimate-badge{margin-top:.875rem;padding:.875rem 1rem;font-size:.68rem;color:var(--text-muted);line-height:1.6;font-style:italic;background:linear-gradient(180deg,#1e1208cc,#160c05e6);border:1px solid rgba(212,175,55,.1);border-radius:4px;box-shadow:inset 0 1px #ffffff08,0 2px 6px #0006}.sensual-badge{border-color:#b76e7933!important}.combined-header{margin-bottom:1rem}.combined-desc{font-size:.72rem;color:var(--text-muted);letter-spacing:.5px;margin:0;text-align:center;font-style:italic}.combined-power{min-width:280px}.combined-columns{display:grid;grid-template-columns:1fr auto 1fr;margin-top:1.25rem}.combined-col{display:flex;flex-direction:column}.combined-col:first-child{padding-right:1.25rem}.combined-col:last-child{padding-left:1.25rem}.col-divider{width:1px;background:linear-gradient(180deg,transparent 0%,rgba(212,175,55,.2) 20%,rgba(212,175,55,.12) 80%,transparent 100%);align-self:stretch}.col-title{font-family:Cinzel,serif;font-size:.62rem;letter-spacing:3px;text-transform:uppercase;color:#d4af37a6;font-weight:600;margin:0 0 .875rem;text-shadow:0 0 10px rgba(212,175,55,.25)}.pattern-grid.compact{grid-template-columns:repeat(2,1fr)}.color-grid.compact{grid-template-columns:repeat(4,1fr)}.drag-handle{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.875rem 1rem .625rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .2s ease;border-bottom:1px solid rgba(212,175,55,.06);margin-bottom:.5rem}.drag-handle:hover{opacity:.85}.drag-handle-bar{width:44px;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.45) 20%,rgba(240,203,90,.65) 50%,rgba(212,175,55,.45) 80%,transparent 100%);border-radius:2px;box-shadow:0 1px 3px #0009;transition:all .2s ease}.drag-handle:hover .drag-handle-bar{background:linear-gradient(90deg,transparent 0%,rgba(240,203,90,.7) 20%,rgba(255,240,140,1) 50%,rgba(240,203,90,.7) 80%,transparent 100%);box-shadow:0 0 8px #d4af3766}.drag-handle-label{font-size:.58rem;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;font-family:Lato,sans-serif;font-weight:700}.control-panel.collapsed{max-height:none;overflow:visible}.gradient-toggle-row{margin-top:.75rem}.gradient-end-row{margin-top:.75rem;padding:.875rem;background:linear-gradient(180deg,#160b05e6,#100803f2);border:1px solid rgba(212,175,55,.1);border-radius:4px;box-shadow:inset 0 2px 6px #0009,0 2px 4px #0006;display:flex;flex-direction:column;gap:.75rem}.gradient-preview{height:10px;border-radius:5px;margin-top:.125rem;box-shadow:0 2px 6px #0009,inset 0 1px #ffffff26;border:1px solid rgba(0,0,0,.4)}.bpm-row{display:flex;gap:.5rem;align-items:center}.bpm-tap-button{flex:1;padding:.875rem 1rem;font-family:Cinzel,serif;font-size:.78rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(180deg,#37230c,#231406 45%,#2d1b09 55%,#190d04);border:1px solid rgba(212,175,55,.32);border-top-color:#f0cb5a2e;border-radius:5px;color:var(--gold-bright);cursor:pointer;box-shadow:0 3px 8px #000000b3,inset 0 1px #ffffff0f,inset 0 -2px 4px #00000080;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 10px rgba(212,175,55,.3);transition:all .1s ease}.bpm-tap-button:active{background:linear-gradient(180deg,#50380fe6,#372608);border-color:var(--gold-bright);transform:scale(.98) translateY(1px);box-shadow:0 1px 4px #000c,0 0 15px #d4af374d,inset 0 2px 6px #000000b3}.bpm-tap-button:hover{border-color:#d4af3780;color:var(--gold-highlight)}.bpm-clear-btn{padding:.875rem 1rem;font-size:.62rem;font-weight:700;font-family:Lato,sans-serif;letter-spacing:1.5px;text-transform:uppercase;background:linear-gradient(180deg,#1e0f06,#140a04);border:1px solid rgba(255,255,255,.08);border-radius:4px;color:var(--text-muted);cursor:pointer;box-shadow:0 2px 4px #0009,inset 0 1px #ffffff08;transition:all .2s ease}.bpm-clear-btn:hover{border-color:#c8503c66;color:#dc6450cc}.bpm-value{display:inline-block;margin-left:.5rem;font-size:.78rem;color:var(--gold-highlight);font-weight:700;letter-spacing:.5px;text-transform:none;font-family:Lato,sans-serif;text-shadow:0 0 8px rgba(212,175,55,.5)}.timer-section{border-top:1px solid rgba(212,175,55,.07);padding-top:1.125rem;margin-top:.25rem}.timer-fields{margin-top:1rem;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.timer-field label{display:block;font-size:.62rem;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-weight:700;font-family:Lato,sans-serif;margin-bottom:.4rem}.timer-input{width:100%;padding:.5rem .75rem;font-family:Lato,sans-serif;font-size:.875rem;color:var(--text-secondary);background:linear-gradient(180deg,#0a0502,#120904);border:1px solid rgba(212,175,55,.18);border-top-color:#0009;border-radius:4px;outline:none;box-shadow:inset 0 2px 5px #000c,0 1px #ffffff0a;transition:border-color .2s ease}.timer-input:focus{border-color:#d4af376b;box-shadow:inset 0 2px 5px #000000b3,0 0 8px #d4af371f}.timer-countdown{grid-column:1 / -1;font-size:.72rem;color:#5a9e6a;text-align:center;margin:.25rem 0 0;letter-spacing:.5px;text-shadow:0 0 8px rgba(90,158,106,.5);font-family:Lato,sans-serif}.presets-tab.active{background:linear-gradient(180deg,#50370fcc,#372608e6);color:var(--gold-highlight)}@media (max-width: 768px){.control-panel{padding:0 1rem 1.5rem}.brand h1{font-size:1.4rem}.pattern-grid{grid-template-columns:repeat(2,1fr)}.color-grid{grid-template-columns:repeat(4,1fr)}.power-button{padding:.875rem 2rem;font-size:.85rem}.combined-columns{grid-template-columns:1fr}.col-divider{width:auto;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.18) 30%,rgba(212,175,55,.18) 70%,transparent 100%);margin:1.25rem 0}.combined-col:first-child{padding-right:0}.combined-col:last-child{padding-left:0}}.status-badge{position:fixed;top:1.25rem;right:1.25rem;display:flex;align-items:center;gap:.5rem;z-index:2000;animation:slideIn .3s ease;pointer-events:none;background:linear-gradient(180deg,#26160af7,#190d05fc);border:1px solid rgba(212,175,55,.4);border-top-color:#f0cb5a4d;border-bottom-color:#64480c99;border-radius:100px;padding:.375rem .875rem;box-shadow:0 4px 16px #000c,0 1px #ffffff0f,0 0 12px #d4af371a,inset 0 1px #ffffff0f,inset 0 -1px #00000080}@keyframes slideIn{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}.status-dot{width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--gold-shine) 0%,var(--gold-highlight) 40%,var(--gold-bright) 100%);box-shadow:0 0 8px #d4af37b3,0 1px 2px #0009,inset 0 1px #fff6;animation:pulse-dot 1.5s ease-in-out infinite;flex-shrink:0}@keyframes pulse-dot{0%,to{box-shadow:0 0 6px #d4af37b3,0 1px 2px #0009}50%{box-shadow:0 0 14px #d4af37,0 0 24px #d4af3766,0 1px 2px #0009}}.status-label{font-size:.62rem;font-family:Lato,sans-serif;font-weight:700;color:var(--text-secondary);letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.9)}.status-tag{font-size:.56rem;font-family:Lato,sans-serif;font-weight:700;color:var(--gold-bright);letter-spacing:.5px;text-transform:uppercase;text-shadow:0 0 6px rgba(212,175,55,.4);background:linear-gradient(180deg,#46320ab3,#2d1e05e6);border:1px solid rgba(212,175,55,.3);border-radius:3px;padding:.1rem .35rem;box-shadow:0 1px 3px #0009,inset 0 1px #ffffff0d}.timer-tag{color:#5a9e6a;background:linear-gradient(180deg,#143219b3,#0c200fe6);border-color:#5a9e6a59;text-shadow:0 0 6px rgba(90,158,106,.5)}.audio-visualiser{position:fixed;top:1.25rem;left:50%;transform:translate(-50%);z-index:2000;pointer-events:none;animation:fadeInVis .3s ease;background:linear-gradient(180deg,#26160af7,#190d05fc);border:1px solid rgba(212,175,55,.35);border-top-color:#f0cb5a40;border-bottom-color:#64480c8c;border-radius:10px;padding:.45rem .75rem;box-shadow:0 4px 16px #000c,0 1px #ffffff0d,0 0 10px #d4af3714,inset 0 1px #ffffff0d,inset 0 -1px #00000080}@keyframes fadeInVis{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.audio-vis-canvas{display:block}.app{position:relative;width:100vw;height:100vh;background:radial-gradient(ellipse at 30% 20%,rgba(74,44,26,.6) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(46,26,16,.8) 0%,transparent 50%),linear-gradient(160deg,#1a0d08,#2e1a10 40%,#1a0d08);overflow:hidden}.app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.08) 3px,rgba(0,0,0,.08) 4px),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(0,0,0,.05) 3px,rgba(0,0,0,.05) 4px);pointer-events:none;z-index:0}*{margin:0;padding:0;box-sizing:border-box}:root{--leather-dark: #1a0d08;--leather-mid: #2e1a10;--leather-light: #4a2c1a;--leather-highlight: #6b3f25;--leather-sheen: #8b5a35;--gold-deep: #8B6914;--gold-mid: #C9981F;--gold-bright: #D4AF37;--gold-highlight: #F0CB5A;--gold-shine: #FFF0A0;--metal-dark: #1c1c1c;--metal-mid: #2e2e2e;--metal-light: #484848;--metal-highlight: #707070;--metal-shine: #a0a0a0;--stitch-color: rgba(212, 175, 55, .4);--text-primary: #F5E6CC;--text-secondary: #C8AA80;--text-muted: #8B7355;--text-dark: #1a0d08;--shadow-deep: 0 8px 32px rgba(0,0,0,.8), 0 2px 8px rgba(0,0,0,.9);--shadow-inset: inset 0 2px 8px rgba(0,0,0,.7), inset 0 1px 2px rgba(0,0,0,.9);--shadow-emboss: 0 1px 0 rgba(255,255,255,.12), 0 -1px 0 rgba(0,0,0,.5);--shadow-deboss: inset 0 1px 3px rgba(0,0,0,.8), inset 0 -1px 0 rgba(255,255,255,.06)}body{margin:0;font-family:Lato,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;background:var(--leather-dark)}#root{width:100vw;height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--leather-dark);border-left:1px solid rgba(0,0,0,.5)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--leather-highlight),var(--leather-mid));border-radius:3px;border:1px solid rgba(0,0,0,.4)}