* :not(body){cursor:inherit}:root{--primary: dodgerblue;--primary-dark: #1872cc;--danger: #ff1e1e;--danger-dark: #cc1818;--foreground: black;--foreground-light: #636363;--foreground-very-light: #c4c4c4;--background: white;--very-light-grey: #f7f7f7}html{overflow:hidden}body{margin:0;font-family:sans-serif;color:#fff}main.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}#canvas-container{grid-area:canvas}#controls{grid-area:controls;align-content:center;padding:10px;background-color:#fff}#controls-bar{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:min-content}.controls-section{display:flex;gap:4px}#centre-controls{justify-content:center}#right-controls{justify-content:end}#settings{grid-area:settings;padding:0 20px 20px;background-color:#dee2e7}#settings.hidden{display:none}button.square-btn{padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;justify-content:center;align-items:center}input:invalid{border:2px solid red}button.square-btn{border:2px solid var(--foreground-light);color:var(--foreground-light);font-size:20px;border-radius:4px;min-height:45px;min-width:45px}button.square-btn:disabled{border-color:var(--foreground-very-light);color:var(--foreground-very-light)}button.square-btn:focus{border:3px solid var(--foreground)}button.btn-primary{color:#fff;border:none;background-color:var(--primary)}button.btn-primary:active{background-color:var(--primary-dark)}button.btn-danger{color:#fff;border:none;background-color:var(--danger)}button.btn-danger:active{background-color:var(--danger-dark)}button.btn-secondary:active:not(:disabled){background-color:#00000026}button:hover:not(:disabled){cursor:pointer}select.dropdown-btn{background:none;border:2px solid var(--foreground-light);border-radius:4px;color:var(--foreground);font-size:16px;padding:10px 14px;width:100px;height:45px;cursor:pointer;outline:none}select.dropdown-btn:focus{border:3px solid var(--foreground);padding:9px 13px}.colour-controls.svelte-1gzpjns{background:#0000001a;padding:15px;border-radius:12px;max-width:360px;box-sizing:border-box}.colour-controls.svelte-1gzpjns .radio-group:where(.svelte-1gzpjns){justify-content:center;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.colour-controls.svelte-1gzpjns .radio-label:where(.svelte-1gzpjns){position:relative;width:40px;height:40px;padding:0;border:none;background:none;cursor:pointer}.colour-controls.svelte-1gzpjns input[type=radio]:where(.svelte-1gzpjns){position:absolute;width:100%;height:100%;cursor:pointer}.colour-circle.svelte-1gzpjns{width:100%;height:100%;border-radius:50%;transition:all 1ms ease;box-shadow:0 2px 4px #0003;position:relative}.colour-controls.svelte-1gzpjns input[type=radio]:where(.svelte-1gzpjns):checked+.colour-circle:where(.svelte-1gzpjns){box-shadow:0 0 0 2px #fff,0 0 0 4px var(--foreground)}.colour-controls.svelte-1gzpjns input[type=radio]:where(.svelte-1gzpjns):hover+.colour-circle:where(.svelte-1gzpjns){transform:scale(1.2);box-shadow:0 4px 8px #0000004d}.colour-picker.svelte-1gzpjns{opacity:0;position:absolute;width:100%;height:100%}.custom-colour-circle.svelte-1gzpjns:after{content:"+";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#00000080;font-size:20px;pointer-events:none}.dark-background.svelte-1gzpjns:after{color:#fffc}.remove-colour-btn.svelte-1gzpjns{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:#ff3e3e;color:#fff;border:none;font-size:16px;line-height:1;opacity:0;transition:opacity .2s}.custom-saved-label.svelte-1gzpjns:hover .remove-colour-btn:where(.svelte-1gzpjns){opacity:1}.remove-colour-btn.svelte-1gzpjns:hover{background:#ff6b6b}#settings{width:400px;flex-shrink:0;overflow-y:auto;height:100%;position:fixed;right:0;top:0;padding:20px;box-sizing:border-box;z-index:1000}#settings h1{color:#445d77;margin-top:3rem;margin-bottom:1.5rem;font-family:Poppins,sans-serif;font-weight:700;font-size:1.8rem;text-align:center;letter-spacing:-.5px}#settings h2{color:#3f5770;margin-top:2.5rem;font-family:Poppins,sans-serif;font-weight:540;font-size:1.2rem;letter-spacing:-.2px}.grid-controls.svelte-8ijsiv{background:#0000001a;padding:15px;border-radius:12px;display:flex;justify-content:center;gap:30px}.grid-input-group.svelte-8ijsiv{display:flex;align-items:center;gap:12px}.grid-input-group.svelte-8ijsiv input{text-align:center;padding:10px 1px;border-radius:4px;border:2px solid var(--foreground-light);font-size:14px;color:var(--foreground);outline:none;box-sizing:border-box;height:45px;width:85px}.grid-input-group.svelte-8ijsiv input:focus{border:3px solid var(--foreground);outline:none}.grid-input-group.svelte-8ijsiv input:invalid{border-color:var(--danger)}.grid-input-group.svelte-8ijsiv label:where(.svelte-8ijsiv){font-size:15px;color:#2c3e50;font-family:Poppins,sans-serif}.preset-container.svelte-8ijsiv{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;background:#0000001a;padding:20px;border-radius:12px}.preset-button.svelte-8ijsiv{background-color:#ffffffe6;border:2px solid var(--foreground-light);border-radius:4px;padding:10px 14px;cursor:pointer;transition:all .2s ease;font-family:Poppins,system-ui,sans-serif;font-size:13px;font-weight:500;color:#3b3e3f;min-height:45px;min-width:45px}.preset-button.svelte-8ijsiv:focus{border:3px solid var(--foreground);padding:9px 13px}.preset-button.svelte-8ijsiv:active:not(:disabled){background-color:#00000026}.radio-group{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);width:100%}.radio-label{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#ffffffe6;border:2px solid var(--foreground-light);border-radius:4px;cursor:pointer;transition:all .2s ease;justify-content:flex-start;width:100%;box-sizing:border-box}.radio-text{font-family:Poppins,system-ui,sans-serif;font-size:13px;font-weight:500;color:#3b3e3f}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:2px solid #445d77;border-radius:50%;margin:0}input[type=radio].svelte-8ijsiv:checked{background:#445d77;border-color:#fff;box-shadow:0 0 0 2px #445d77}.toggle-group.svelte-8ijsiv{display:flex;align-items:center;gap:12px}.toggle-label.svelte-8ijsiv{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 14px;background:#ffffffe6;border:2px solid var(--foreground-light);border-radius:4px;transition:all .2s ease}.toggle-text.svelte-8ijsiv{font-family:Poppins,system-ui,sans-serif;font-size:13px;font-weight:500;color:#3b3e3f}.toggle-label.svelte-8ijsiv input[type=checkbox]:where(.svelte-8ijsiv){width:16px;height:16px;margin:0}.raised-cells-controls.svelte-8ijsiv{background:#0000001a;padding:15px;border-radius:10px;text-align:center;margin-top:10px}.height-label.svelte-8ijsiv{font-family:Poppins,system-ui,sans-serif;font-size:13px;font-weight:500;color:#3b3e3f}.slider-container.svelte-8ijsiv{display:flex;align-items:center;justify-content:center}.height-value.svelte-8ijsiv{font-family:Poppins,system-ui,sans-serif;font-size:13px;font-weight:480;color:var(--foreground);min-width:40px}input[type=range].svelte-8ijsiv{flex-grow:1;max-width:250px}canvas.svelte-11bxdzg{width:100%;height:100%;grid-area:canvas;background-color:var(--very-light-grey)}canvas.grab.svelte-11bxdzg{cursor:grab}main.svelte-afoi5a{height:100vh;display:grid;grid-template-areas:"controls settings" "canvas settings";grid-template-columns:auto 400px;grid-template-rows:min-content auto;background-color:red}main.settings-hidden.svelte-afoi5a{grid-template-areas:"controls" "canvas";grid-template-columns:auto}