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