*{box-sizing:border-box}html,body{margin:0;padding:0;overflow:hidden;color-scheme:light;background:#e6d7b8}canvas{display:block}.mixer-panel{position:fixed;z-index:40;top:16px;right:16px;width:min(292px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:16px 16px 14px;overflow-y:auto;color:#33291c;background:linear-gradient(105deg,rgb(255 255 255 / 14%),transparent 42%),#e8d7b4;border:1px solid rgb(73 55 34 / 72%);border-radius:3px 9px 4px 7px;box-shadow:0 14px 38px #2d20133d,inset 0 0 0 3px #fffae547;font:15px/1.2 EB Garamond,Georgia,serif;opacity:0;visibility:hidden;pointer-events:none;transform:translate(18px) rotate(.25deg);transition:opacity .14s ease,transform .18s ease,visibility .18s}.mixer-panel--visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0) rotate(.25deg)}.mixer-panel__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:2px double rgb(73 55 34 / 52%)}.mixer-panel__header h2{margin:0;font:16px/1 Oldenburg,Georgia,serif;letter-spacing:.01em}.mixer-panel__header span{display:grid;width:24px;height:24px;place-items:center;border:1px solid rgb(73 55 34 / 52%);border-radius:50%;font:12px/1 Oldenburg,Georgia,serif}.mixer-panel__group{padding:11px 0 4px}.mixer-panel__group+.mixer-panel__group{border-top:1px solid rgb(73 55 34 / 22%)}.mixer-panel__group h3{margin:0 0 8px;color:#725436;font:10px/1 Oldenburg,Georgia,serif;letter-spacing:.13em;text-transform:uppercase}.mixer-panel__row{display:grid;grid-template-columns:1fr 42px;gap:3px 10px;align-items:baseline;margin-bottom:8px}.mixer-panel__row output{color:#5c452f;font-variant-numeric:tabular-nums;text-align:right}.mixer-panel__row input{grid-column:1 / -1;width:100%;height:12px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.mixer-panel__row input::-webkit-slider-runnable-track{height:3px;background:#49372252;border-radius:2px}.mixer-panel__row input::-webkit-slider-thumb{width:12px;height:12px;margin-top:-4.5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#3f3021;border:2px solid #e8d7b4;border-radius:50%;box-shadow:0 0 0 1px #3f3021}.mixer-panel__row input::-moz-range-track{height:3px;background:#49372252;border-radius:2px}.mixer-panel__row input::-moz-range-thumb{width:8px;height:8px;background:#3f3021;border:2px solid #e8d7b4;border-radius:50%;box-shadow:0 0 0 1px #3f3021}.mixer-panel__row input:focus-visible{outline:1px dashed #725436;outline-offset:4px}.mixer-panel__reset{width:100%;margin-top:4px;padding:8px 10px 7px;color:#3f3021;background:#fffae53d;border:1px solid rgb(73 55 34 / 52%);border-radius:2px 5px 3px 4px;font:12px/1 Oldenburg,Georgia,serif;cursor:pointer}.mixer-panel__reset:hover{background:#fffae57a}.mixer-panel__reset:focus-visible{outline:1px dashed #725436;outline-offset:3px}