*{box-sizing:border-box;margin:0;padding:0}input[type=checkbox]{appearance:none;cursor:pointer;background:#4a4a4a;border:1.5px solid #666;border-radius:3px;flex-shrink:0;width:14px;height:14px;position:relative}input[type=checkbox]:checked{background:#7089a8;border-color:#7089a8}input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:11px;font-weight:700;position:absolute;top:-1px;left:1.5px}:focus-visible{outline-offset:2px;outline:2px solid #f0a050}#app{width:100%;max-width:1440px}body{color:#ccc;background:#383838;flex-direction:column;align-items:center;min-height:100vh;padding:20px;font-family:Google Sans Flex,sans-serif;display:flex}.top-bar.svelte-otqzrt{flex-wrap:wrap;align-items:center;gap:8px 16px;width:100%;margin-bottom:12px;display:flex}h1.svelte-otqzrt{letter-spacing:.5px;font-size:1.4rem;font-weight:600}.top-buttons.svelte-otqzrt{flex-wrap:wrap;gap:8px;display:flex}.top-buttons.svelte-otqzrt button:where(.svelte-otqzrt){color:#ccc;cursor:pointer;background:#4a4a4a;border:1px solid #666;border-radius:4px;padding:4px 10px;font-family:inherit;font-size:.78rem;font-weight:600}.top-buttons.svelte-otqzrt button:where(.svelte-otqzrt):hover{background:#555}.fixed-btn.svelte-otqzrt{text-align:center;min-width:100px}.canvas-area.svelte-dfb6jk{flex:1 1 0;min-width:0}.canvas-container.svelte-dfb6jk{display:inline-block;position:relative}.canvas-container.svelte-dfb6jk:fullscreen{background:#000;justify-content:center;align-items:center;display:flex}canvas.svelte-dfb6jk{cursor:default;border-radius:8px;display:block}.canvas-container.svelte-dfb6jk:fullscreen canvas:where(.svelte-dfb6jk){border-radius:0}.rate-readout.svelte-dfb6jk{color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;background:#00000080;border-radius:4px;padding:2px 6px;font-size:.72rem;position:absolute;bottom:8px;left:8px}.overlay-left.svelte-dfb6jk,.overlay-right.svelte-dfb6jk{opacity:0;transition:opacity .2s;position:absolute;top:8px}.overlay-left.svelte-dfb6jk{left:8px}.overlay-right.svelte-dfb6jk{gap:4px;display:flex;right:8px}:is(.canvas-container.svelte-dfb6jk:hover .overlay-left:where(.svelte-dfb6jk),.canvas-container.svelte-dfb6jk:hover .overlay-right:where(.svelte-dfb6jk),.canvas-container.svelte-dfb6jk:focus-within .overlay-left:where(.svelte-dfb6jk),.canvas-container.svelte-dfb6jk:focus-within .overlay-right:where(.svelte-dfb6jk),.canvas-container.svelte-dfb6jk:fullscreen .overlay-left:where(.svelte-dfb6jk),.canvas-container.svelte-dfb6jk:fullscreen .overlay-right:where(.svelte-dfb6jk)){opacity:1}.overlay-btn.svelte-dfb6jk{color:#fff;cursor:pointer;background:#0006;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex}.overlay-btn.svelte-dfb6jk:hover{background:#0009}.section.svelte-1ms4b45{border-bottom:1px solid #ffffff14}.section-header-row.svelte-1ms4b45{justify-content:space-between;align-items:center;display:flex}.header-extra.svelte-1ms4b45{align-items:center;display:flex}.section-header.svelte-1ms4b45{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:6px;padding:8px 0;font-family:inherit;font-size:.85rem;font-weight:700;display:flex}.section-header.svelte-1ms4b45:hover{color:#f0a050}.arrow.svelte-1ms4b45{text-align:center;flex-shrink:0;width:12px;font-size:.65rem}.section-body[hidden].svelte-1ms4b45{display:none}.section-body.svelte-1ms4b45{flex-direction:column;gap:12px;padding:0 0 10px 18px;display:flex}.slider-group.svelte-yhjxqj{flex-direction:column;gap:6px;width:100%;display:flex}.label-row.svelte-yhjxqj{justify-content:space-between;align-items:baseline;display:flex}.label-row.svelte-yhjxqj label:where(.svelte-yhjxqj){font-size:.78rem;font-weight:600}.value.svelte-yhjxqj{color:#aaa;font-size:.72rem}input[type=range].svelte-yhjxqj{accent-color:#7089a8;appearance:none;background:#4a4a4a;border-radius:2px;width:100%;height:4px}input[type=range].svelte-yhjxqj::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#7089a8;border-radius:50%;width:14px;height:14px}input[type=range].svelte-yhjxqj::-moz-range-track{background:#4a4a4a;border-radius:2px;height:4px}input[type=range].svelte-yhjxqj::-moz-range-thumb{cursor:pointer;background:#7089a8;border:none;border-radius:50%;width:14px;height:14px}.presets.svelte-1uze4n0{flex-direction:column;gap:6px;display:flex}.save-row.svelte-1uze4n0{gap:4px;display:flex}.save-row.svelte-1uze4n0 input:where(.svelte-1uze4n0){color:#ddd;background:#333;border:1px solid #555;border-radius:3px;width:100px;padding:3px 6px;font-family:inherit;font-size:.75rem}.save-row.svelte-1uze4n0 button:where(.svelte-1uze4n0),.io-row.svelte-1uze4n0 button:where(.svelte-1uze4n0){color:#ddd;cursor:pointer;background:#444;border:1px solid #666;border-radius:3px;padding:3px 8px;font-family:inherit;font-size:.72rem;font-weight:600}.save-row.svelte-1uze4n0 button:where(.svelte-1uze4n0):hover,.io-row.svelte-1uze4n0 button:where(.svelte-1uze4n0):hover{background:#555}.save-row.svelte-1uze4n0 button:where(.svelte-1uze4n0):disabled,.io-row.svelte-1uze4n0 button:where(.svelte-1uze4n0):disabled{opacity:.4;cursor:default}.preset-list.svelte-1uze4n0{flex-direction:column;gap:2px;max-height:120px;display:flex;overflow-y:auto}.preset-item.svelte-1uze4n0{align-items:center;gap:2px;display:flex}.preset-name.svelte-1uze4n0{text-align:left;color:#ccc;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:3px;flex:1;padding:2px 6px;font-family:inherit;font-size:.75rem;font-weight:600;overflow:hidden}.preset-name.svelte-1uze4n0:hover{background:#444}.icon-btn.svelte-1uze4n0{color:#888;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:1px 4px;font-size:.8rem}.icon-btn.svelte-1uze4n0:hover{color:#ccc;background:#444}.delete-btn.svelte-1uze4n0:hover{color:#e55}.rename-input.svelte-1uze4n0{color:#ddd;background:#333;border:1px solid #888;border-radius:3px;flex:1;padding:2px 6px;font-family:inherit;font-size:.75rem}.io-row.svelte-1uze4n0{gap:4px;display:flex}.message.svelte-1uze4n0{color:#aaa;font-size:.72rem}.message.error.svelte-1uze4n0{color:#e88}.side-panel.svelte-fl8gqj{scrollbar-width:thin;scrollbar-color:#555 transparent;flex-direction:column;min-width:280px;max-width:320px;max-height:calc(100vh - 80px);padding:4px 12px 4px 0;display:flex;overflow-y:auto}.side-panel.svelte-fl8gqj::-webkit-scrollbar{width:6px}.side-panel.svelte-fl8gqj::-webkit-scrollbar-track{background:0 0}.side-panel.svelte-fl8gqj::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.checkbox-row.svelte-fl8gqj{flex-wrap:wrap;gap:10px;display:flex}.checkbox-row.svelte-fl8gqj label:where(.svelte-fl8gqj),.checkbox-single.svelte-fl8gqj{cursor:pointer;white-space:nowrap;align-items:center;gap:4px;font-size:.78rem;font-weight:600;display:flex}.select-row.svelte-fl8gqj{align-items:center;gap:8px;display:flex}.select-row.svelte-fl8gqj label:where(.svelte-fl8gqj){white-space:nowrap;font-size:.8rem;font-weight:600}.select-row.svelte-fl8gqj select:where(.svelte-fl8gqj){color:#ccc;background:#4a4a4a;border:1px solid #5a5a5a;border-radius:4px;padding:4px 6px;font-family:inherit;font-size:.78rem}.select-row.svelte-fl8gqj select:where(.svelte-fl8gqj) option:where(.svelte-fl8gqj){color:#ccc;background:#4a4a4a}.header-checkbox{cursor:pointer;margin-right:4px}.main-row.svelte-1n46o8q{align-items:flex-start;gap:16px;width:100%;display:flex}@media (width<=860px){.main-row.svelte-1n46o8q{flex-direction:column;align-items:stretch}}