:root{--bg: #07070a;--text: #ffffff;--text-sec: rgba(255, 255, 255, .55);--accent: #00d4ff;--glass-bg: rgba(255, 255, 255, .035);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .25), inset 0 .5px 0 rgba(255, 255, 255, .12);--input-bg: rgba(255, 255, 255, .05);--range-track: rgba(255, 255, 255, .12);--toggle-off: rgba(255, 255, 255, .2);--card-hover: rgba(255, 255, 255, .06);--select-bg: rgba(20, 20, 30, .92);--danger: #ff5f6d}@media (prefers-color-scheme: light){:root{--bg: #f4f6fa;--text: #0b0b12;--text-sec: rgba(0, 0, 0, .45);--accent: #0077b6;--glass-bg: rgba(255, 255, 255, .5);--glass-border: rgba(23, 27, 42, .04);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .06), inset 0 .5px 0 rgba(245, 255, 255, .6);--input-bg: rgba(0, 0, 0, .04);--range-track: rgba(0, 0, 0, .08);--toggle-off: rgba(0, 0, 0, .1);--card-hover: rgba(0, 0, 0, .04);--select-bg: rgba(245, 245, 250, .95);--danger: #e03448}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100dvh;margin:0;background:var(--bg)}body{overflow-x:hidden;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;transition:background .4s ease}.glass{background:var(--glass-bg);backdrop-filter:blur(60px) saturate(240%);-webkit-backdrop-filter:blur(60px) saturate(240%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px;transition:background .4s,border-color .4s,box-shadow .4s}.glass-group{background:var(--input-bg);border:1px solid var(--glass-border);border-radius:14px;padding:8px;margin:4px 0}.glass-group .group-title{font-size:11.5px;font-weight:500;color:var(--text-sec);margin-bottom:4px;display:block}button{width:100%;margin-top:4px;padding:7px;border:none;border-radius:12px;background:linear-gradient(315deg,#00d4ffd9,#0077b6d9);color:#fff;font-size:11.5px;font-weight:700;cursor:pointer;transition:opacity .2s;letter-spacing:.2px}button:hover{opacity:.85}button:active{opacity:.7}.section{margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.06)}@media (prefers-color-scheme: light){.section{border-bottom-color:#0000000d}}.section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0003,0 0 0 1px #0000000a;cursor:pointer;transition:transform .15s cubic-bezier(.34,1.56,.64,1)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-webkit-slider-thumb:active{transform:scale(.95)}.select-list{scrollbar-width:thin;scrollbar-color:rgba(128,128,128,.3) transparent}.select-list::-webkit-scrollbar{width:4px}.select-list::-webkit-scrollbar-track{background:transparent}.select-list::-webkit-scrollbar-thumb{background:#80808040;border-radius:4px}.select-list::-webkit-scrollbar-thumb:hover{background:#80808066}.select-options div:hover{background:var(--card-hover)!important}[id=controls]::-webkit-scrollbar{width:3px}[id=controls]::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.spin-wrap{position:relative;flex-shrink:0}.spin-steps{position:absolute;top:1px;right:1px;bottom:1px;width:13px;display:flex;flex-direction:column;border-left:1px solid var(--glass-border);border-radius:0 9px 9px 0;overflow:hidden;background:var(--input-bg)}.spin-steps button{width:100%;margin:0;padding:0;border:none;border-radius:0;background:transparent;color:var(--text-sec);font-size:7px;line-height:1;letter-spacing:0;flex:1;cursor:pointer;transition:color .15s,background .15s}.spin-steps button:hover{color:var(--accent);background:var(--range-track)}.spin-steps button:active{color:#fff;opacity:1}