:root{font-family:Segoe UI,Tahoma,Verdana,sans-serif;color:#173b55;background:#149fbc;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;overflow:hidden}button,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #0565c4;outline-offset:3px}.pool{position:fixed;inset:0}.pool canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;outline:none}.settings-button{position:fixed;right:max(24px,env(safe-area-inset-right));top:max(24px,env(safe-area-inset-top));width:55px;height:55px;display:grid;place-items:center;border:1px solid #a1edff;border-radius:50%;background:radial-gradient(ellipse at 50% 105%,#c5ff34 0%,#55c94a 19%,transparent 45%),linear-gradient(#bfeaff,#298fcf 48%,#04659a 51%,#12b8e8);box-shadow:inset 0 0 0 2px #ffffff52,inset 0 -5px 10px #00327566,0 3px 10px #00345466,0 0 24px #96efff66;transition:box-shadow .2s,transform .2s}.settings-button:before{content:"";position:absolute;top:3px;left:7px;right:7px;height:23px;border-radius:50%;background:linear-gradient(#ffffffe8,#ffffff05);pointer-events:none}.settings-button:hover{box-shadow:inset 0 0 0 2px #fff9,0 3px 12px #00345488,0 0 35px #beffbccc;transform:none}.settings-button svg{width:30px;height:32px;filter:drop-shadow(0 1px 2px #004976);position:relative}:root{--menu-edge:max(20px,env(safe-area-inset-right));--menu-top:max(20px,env(safe-area-inset-top))}.settings-button{right:var(--menu-edge);top:var(--menu-top);width:49px;height:49px;z-index:2}#settings{position:fixed;inset:auto;right:var(--menu-edge);top:calc(var(--menu-top) + 60px);margin:0;width:min(300px,calc(100vw - 32px));max-height:calc(100dvh - var(--menu-top) - 76px);padding:6px;border:1px solid #204860a6;border-radius:9px;background:linear-gradient(125deg,#daeff366,#64899b59 42%,#173e567a);box-shadow:inset 0 0 0 1px #e6fbff99,0 8px 30px #00182666;-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);color:#173b55;overflow:auto;z-index:3;line-height:1.4;scrollbar-width:thin}#settings:not([open]){display:none}.panel-heading{height:32px;display:flex;align-items:center;gap:7px;padding:0 0 6px 6px;color:#fff;text-shadow:0 1px 3px #16354d}.panel-heading h2{font-size:12px;font-weight:400;margin:0}.icon-button{position:absolute;top:0;right:0;display:grid;place-items:center;padding:0;width:43px;height:21px;border:0;border-left:1px solid #754d47;border-bottom:1px solid #754d47;border-radius:0 8px 0 5px;background:linear-gradient(#f2c4b9,#d18c7e 43%,#a84432 47%,#cb735b);box-shadow:inset 0 0 0 1px #ffffff80,0 1px 2px #16364c55;color:#fff;text-shadow:0 1px 2px #4a160d}.icon-button svg{display:block;width:12px;height:12px;filter:drop-shadow(0 1px 1px #63291e)}.icon-button:hover{background:linear-gradient(#ffdab9,#f18c6b 43%,#c34222 47%,#ee9a70);box-shadow:inset 0 0 0 1px #fff9,0 0 10px #ff6e3680}.panel-heading{padding-right:43px}.window-body{padding:14px;background:linear-gradient(115deg,#fff,#edf4f8);border:1px solid #24475b;border-radius:4px 4px 0 0;box-shadow:inset 0 1px #fff}.control-section{border-bottom:1px solid #cddce6;margin:0 0 13px;padding-bottom:13px}.control-section:last-child{margin-bottom:0;padding-bottom:3px;border:0}.section-label{font-size:11px;font-weight:400;color:inherit;letter-spacing:normal}.presets{display:flex;gap:4px;margin-top:7px}.presets button,.window-footer button{border:1px solid #8ca7ba;border-radius:3px;background:linear-gradient(#fff,#f1f6f9 45%,#dce7ee 48%,#edf5fa);box-shadow:inset 0 0 0 1px #fff9;color:#244c67;font-size:10px;padding:6px;flex:1}.presets button:hover,.window-footer button:hover{border-color:#1684cc;background:linear-gradient(#f3fcff,#d7f3ff 45%,#a3dbf5 48%,#e1f8ff)}[data-material][aria-pressed=true]{border-color:#1684cc;background:linear-gradient(#e3f7ff,#c0e8fb 45%,#92cfe9 48%,#c9f0ff)}.properties{display:flex;flex-direction:column;gap:13px}.range-control>label{display:flex;align-items:center;justify-content:space-between;font-size:11px}.range-control output{color:#4c7089;font-size:10px}input[type=range]{appearance:none;width:100%;height:5px;border:1px solid #90a8b8;border-radius:4px;background:linear-gradient(to right,#86bf48 var(--progress),#e0e8ee var(--progress));box-shadow:inset 0 1px 2px #45667d33;margin:12px 0 8px;display:block;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:17px;border-radius:3px 3px 5px 5px;border:1px solid #5486a8;background:linear-gradient(90deg,#f3fcff,#ceeafa 48%,#8dc7e7 52%,#e1f6ff);box-shadow:inset 0 1px #fff,0 1px 2px #45667d44}input[type=range]::-moz-range-thumb{width:11px;height:16px;border:1px solid #5486a8;border-radius:3px;background:linear-gradient(#f3fcff,#9acfea)}.range-captions{display:flex;justify-content:space-between;font-size:9px;color:#60788b}.color-label{display:flex;justify-content:space-between;align-items:center}.color-label>span{font-size:10px;color:#4c6d83}.swatches{display:flex;justify-content:space-between;gap:7px;margin:11px 0 3px}.swatch{flex-shrink:0;width:25px;height:25px;border-radius:50%;border:1px solid #668898;background:radial-gradient(ellipse at 50% 10%,#ffffffd9,#ffffff1a 48%,#0003 50%,transparent),var(--swatch);box-shadow:inset 0 0 0 2px #fff5,0 1px 3px #45667d44;outline:2px solid transparent;outline-offset:2px}.swatch.selected{outline-color:#1784cf}.swatch.selected:after{content:"✓";font-size:12px;color:#fff;text-shadow:0 1px 3px #003559}.swatch.rainbow{background:radial-gradient(ellipse at 50% 10%,#ffffffaa,transparent 65%),conic-gradient(#f66,#fd6,#7c8,#5ce,#98f,#f6b,#f66)}.window-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 6px 2px;color:#e0f3ff}.panel-footer{font-size:9px;text-shadow:0 1px 2px #102b3e}.panel-footer span{margin:0 5px}.window-footer button{flex:0;padding:4px 13px;min-width:58px}.loading{position:fixed;inset:0;display:grid;place-content:center;justify-items:center;gap:16px;background:linear-gradient(#126bae,#65c4e5);color:#fff;font-size:16px;text-align:center;padding:24px}.loading span{font-size:12px;max-width:320px}.loading .loading-orb{font-size:40px}@media(max-width:600px){:root{--menu-edge:max(16px,env(safe-area-inset-right));--menu-top:max(16px,env(safe-area-inset-top))}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}