.WatercolorLab-module__OnCOma__lab{background:linear-gradient(157deg,#253a40 0%,#101e2b 55%,#2d2830 100%);border-color:#d7c99c66;min-width:0;position:relative;box-shadow:inset 0 1px #fef5d629,0 4px #554942,0 29px 74px #0009}.WatercolorLab-module__OnCOma__lab:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ecbd9688 46%,#83bacb77 70%,#0000);height:2px;position:absolute;top:0;left:23px;right:23px}.WatercolorLab-module__OnCOma__live{letter-spacing:.13em;color:#9cd5bd;margin-left:12px;font:9px ui-monospace,monospace}.WatercolorLab-module__OnCOma__viewer{isolation:isolate;background:#17242f}.WatercolorLab-module__OnCOma__viewer canvas{aspect-ratio:16/9;z-index:1;width:100%;height:auto;display:block;position:relative}.WatercolorLab-module__OnCOma__viewer:after{content:"";pointer-events:none;z-index:2;position:absolute;inset:0;box-shadow:inset 0 0 32px #0005}.WatercolorLab-module__OnCOma__splitLine{z-index:3;pointer-events:none;background:#e9d3a7;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 14px #fff8}.WatercolorLab-module__OnCOma__splitLine:after{content:"↔";color:#f9e9c5;background:linear-gradient(145deg,#435463,#122634);border:1px solid #dcc49a;border-radius:7px;place-items:center;width:31px;height:31px;font:19px ui-monospace,monospace;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 13px #0008}.WatercolorLab-module__OnCOma__loading,.WatercolorLab-module__OnCOma__error{z-index:4;color:#dcd2c2;text-align:center;background:#142331eb;place-items:center;padding:18px;font-size:12px;line-height:1.7;display:grid;position:absolute;inset:18px}.WatercolorLab-module__OnCOma__presetBar{background:#0a1a2682;border-bottom:1px solid #9caeb236;flex-wrap:wrap;align-items:center;gap:7px;padding:12px 15px;display:flex}.WatercolorLab-module__OnCOma__presetBar>span{color:#9bb6c0;letter-spacing:.12em;flex:1;min-width:84px;font:9px ui-monospace,monospace}.WatercolorLab-module__OnCOma__presetBar button,.WatercolorLab-module__OnCOma__reset{color:#e6dfce;letter-spacing:.02em;background:linear-gradient(155deg,#3b4850,#1d3040);border:1px solid #c8bfa367;border-radius:5px;min-width:0;min-height:35px;padding:7px 10px;font:10px ui-monospace,monospace;box-shadow:inset 0 1px #fff2}.WatercolorLab-module__OnCOma__presetBar button:hover,.WatercolorLab-module__OnCOma__reset:hover{background:#375560;border-color:#f1cea3}.WatercolorLab-module__OnCOma__controls{grid-template-columns:1fr 1fr;align-items:end;gap:12px 19px;padding:16px 18px 14px;display:grid}.WatercolorLab-module__OnCOma__controls label{color:#cddbdd;gap:9px;min-width:0;font-size:11px;display:grid}.WatercolorLab-module__OnCOma__controls label>span{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.WatercolorLab-module__OnCOma__controls output{color:#f6d5ac;font-variant-numeric:tabular-nums;font:10px ui-monospace,monospace}.WatercolorLab-module__OnCOma__controls input[type=range]{accent-color:#e5bd8d;cursor:pointer;width:100%;min-width:0;height:25px;margin:0}.WatercolorLab-module__OnCOma__controls select{color:#ede8e2;background:#1b3542;border:1px solid #a6babb70;border-radius:5px;width:100%;min-width:0;min-height:38px;padding:8px 10px;font:12px ui-monospace,monospace}.WatercolorLab-module__OnCOma__toggleRow{background:#101e2ca6;border-block:1px solid #9bb7b52e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 18px;display:flex}.WatercolorLab-module__OnCOma__toggleRow label{color:#e3d5b9;cursor:pointer;align-items:center;gap:10px;font-size:12px;display:flex}.WatercolorLab-module__OnCOma__toggleRow input{accent-color:#e5bd8d;flex:none;width:16px;height:16px}.WatercolorLab-module__OnCOma__toggleRow>span{color:#8baeba;font:9px ui-monospace,monospace}.WatercolorLab-module__OnCOma__legend{color:#abc1c5;flex-wrap:wrap;align-items:center;gap:9px;padding:13px 18px 0;font:10px ui-monospace,monospace;display:flex}.WatercolorLab-module__OnCOma__swatches{gap:3px;display:flex}.WatercolorLab-module__OnCOma__swatches i{border-radius:2px;width:25px;height:7px;display:block;box-shadow:0 0 0 1px #ffffff1b}.WatercolorLab-module__OnCOma__swatches i:first-child{background:#eebd8e}.WatercolorLab-module__OnCOma__swatches i:nth-child(2){background:#ba8d92}.WatercolorLab-module__OnCOma__swatches i:nth-child(3){background:#6c9fac}.WatercolorLab-module__OnCOma__swatches i:nth-child(4){background:#90a98e}.WatercolorLab-module__OnCOma__swatches i:nth-child(5){background:#e9d6b2}.WatercolorLab-module__OnCOma__disclaimer{color:#99aebc;padding:10px 18px 16px;font-size:10px;line-height:1.8}@media (max-width:690px){.WatercolorLab-module__OnCOma__presetBar>span{flex-basis:100%;width:100%}.WatercolorLab-module__OnCOma__presetBar{padding:11px}.WatercolorLab-module__OnCOma__presetBar button{flex:auto;min-height:41px;padding:7px 5px}.WatercolorLab-module__OnCOma__controls{gap:13px;padding:12px}.WatercolorLab-module__OnCOma__toggleRow,.WatercolorLab-module__OnCOma__disclaimer,.WatercolorLab-module__OnCOma__legend{padding-inline:12px}}@media (max-width:390px){.WatercolorLab-module__OnCOma__controls{grid-template-columns:1fr}.WatercolorLab-module__OnCOma__live{display:none}.WatercolorLab-module__OnCOma__presetBar button{flex:40%}}@media (prefers-reduced-motion:reduce){.WatercolorLab-module__OnCOma__lab *,.WatercolorLab-module__OnCOma__lab :before,.WatercolorLab-module__OnCOma__lab :after{transition:none!important;animation:none!important}}