:root{--line-strong:#0e0e1047}html[data-theme=ink]{--line-strong:#f5f2ea47}.render-main.svelte-1jo6gb0{grid-template-columns:1fr 380px;height:calc(100vh - 100px);min-height:540px;display:grid}@media (width<=920px){.render-main.svelte-1jo6gb0{grid-template-columns:1fr;height:calc(100vh - 80px)}}.canvas-wrap.svelte-1jo6gb0{background:linear-gradient(45deg, color-mix(in oklab, var(--fg) 4%, var(--bg)) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in oklab, var(--fg) 4%, var(--bg)) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in oklab, var(--fg) 4%, var(--bg)) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in oklab, var(--fg) 4%, var(--bg)) 75%);border-right:2px solid var(--fg);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;position:relative}@media (width<=920px){.canvas-wrap.svelte-1jo6gb0{border-right:none;border-bottom:2px solid var(--fg)}}.render-canvas.svelte-1jo6gb0{touch-action:none;width:100%;height:100%;display:block}.loading-overlay.svelte-1jo6gb0{font-family:var(--font-mono);color:var(--fg-soft);background:color-mix(in oklab, var(--bg) 90%, transparent);text-transform:uppercase;letter-spacing:.1em;pointer-events:none;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;inset:0}.canvas-hud.svelte-1jo6gb0{pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.hud-btn.svelte-1jo6gb0{pointer-events:auto;background:var(--card);border:1.5px solid var(--fg);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--fg);box-shadow:3px 3px 0 var(--fg);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;transition:transform .1s,box-shadow .1s;display:inline-flex}.hud-btn.svelte-1jo6gb0:hover{box-shadow:4px 4px 0 var(--accent), 4px 4px 0 1.5px var(--fg);transform:translate(-1px,-1px)}.hud-btn.svelte-1jo6gb0:active{box-shadow:none;transform:translate(2px,2px)}.hud-btn.svelte-1jo6gb0 span:where(.svelte-1jo6gb0){font-size:14px;font-family:var(--font-sans)}.hud-spacer.svelte-1jo6gb0{flex:1}.hud-hint.svelte-1jo6gb0{pointer-events:none;font-family:var(--font-mono);color:var(--fg-soft);background:color-mix(in oklab, var(--bg) 85%, transparent);text-transform:uppercase;letter-spacing:.06em;border-radius:8px;padding:6px 10px;font-size:11px}.mobile-panel-toggle.svelte-1jo6gb0{background:var(--fg);color:var(--bg);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border:none;border-radius:999px;padding:10px 16px;font-size:12px;display:none;position:absolute;top:14px;right:14px}@media (width<=920px){.mobile-panel-toggle.svelte-1jo6gb0{z-index:30;display:block}.canvas-hud.svelte-1jo6gb0{bottom:80px}}.controls.svelte-1jo6gb0{background:var(--bg);overflow:hidden auto}@media (width<=920px){.controls.svelte-1jo6gb0{z-index:25;border-left:2px solid var(--fg);width:min(380px,100vw);transition:transform .25s;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.controls.mobile-open.svelte-1jo6gb0{transform:translate(0)}}.controls-inner.svelte-1jo6gb0{padding:20px 22px 60px}.section.svelte-1jo6gb0{border-bottom:1px dashed var(--line-strong);margin-bottom:22px;padding-bottom:22px}.section.svelte-1jo6gb0:last-of-type{border-bottom:none}.section-title.svelte-1jo6gb0{font-family:var(--font-display);letter-spacing:-.005em;text-transform:lowercase;margin-bottom:14px;font-size:18px}.section-body.svelte-1jo6gb0{flex-direction:column;gap:12px;display:flex}.field.svelte-1jo6gb0{flex-direction:column;gap:6px;display:flex}.field-label.svelte-1jo6gb0{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--fg-soft);font-size:10px}.ctrl-input.svelte-1jo6gb0{background:var(--card);border:1.5px solid var(--fg);width:100%;font-family:var(--font-mono);color:var(--fg);border-radius:10px;outline:none;padding:10px 14px;font-size:16px;transition:box-shadow .12s}.ctrl-input.svelte-1jo6gb0:focus{box-shadow:3px 3px 0 var(--accent), 3px 3px 0 1.5px var(--fg)}.ctrl-select.svelte-1jo6gb0{background:var(--card);border:1.5px solid var(--fg);width:100%;font-family:var(--font-mono);color:var(--fg);cursor:pointer;border-radius:10px;outline:none;padding:9px 12px;font-size:13px}.slider.svelte-1jo6gb0{flex-direction:column;gap:4px;display:flex}.slider-head.svelte-1jo6gb0{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-soft);justify-content:space-between;align-items:center;font-size:11px;display:flex}.slider-value.svelte-1jo6gb0{color:var(--fg);font-weight:600}.slider.svelte-1jo6gb0 input[type=range]:where(.svelte-1jo6gb0){appearance:none;cursor:pointer;background:0 0;width:100%;height:22px}.slider.svelte-1jo6gb0 input[type=range]:where(.svelte-1jo6gb0)::-webkit-slider-runnable-track{background:var(--fg);border-radius:999px;height:4px}.slider.svelte-1jo6gb0 input[type=range]:where(.svelte-1jo6gb0)::-moz-range-track{background:var(--fg);border-radius:999px;height:4px}.slider.svelte-1jo6gb0 input[type=range]:where(.svelte-1jo6gb0)::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--fg);cursor:grab;border-radius:50%;width:18px;height:18px;margin-top:-7px}.slider.svelte-1jo6gb0 input[type=range]:where(.svelte-1jo6gb0)::-moz-range-thumb{background:var(--accent);border:2px solid var(--fg);cursor:grab;border-radius:50%;width:18px;height:18px}.toggle.svelte-1jo6gb0{border:1px solid var(--line-strong);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--fg);cursor:pointer;background:0 0;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;transition:all .12s;display:flex}.toggle.svelte-1jo6gb0:hover{border-color:var(--fg)}.toggle.on.svelte-1jo6gb0{border-color:var(--fg);background:var(--fg);color:var(--bg)}.toggle-switch.svelte-1jo6gb0{background:var(--line-strong);border-radius:999px;width:36px;height:20px;transition:background .15s;position:relative}.toggle.on.svelte-1jo6gb0 .toggle-switch:where(.svelte-1jo6gb0){background:var(--accent)}.toggle-knob.svelte-1jo6gb0{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle.on.svelte-1jo6gb0 .toggle-knob:where(.svelte-1jo6gb0){transform:translate(16px)}.seg.svelte-1jo6gb0{background:var(--card);border:1.5px solid var(--fg);border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(0,1fr));padding:3px;display:grid}.seg-btn.svelte-1jo6gb0{font-family:var(--font-mono);color:var(--fg-soft);text-transform:lowercase;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:8px 10px;font-size:12px;transition:all .12s}.seg-btn.svelte-1jo6gb0:hover{color:var(--fg)}.seg-btn.active.svelte-1jo6gb0{background:var(--fg);color:var(--bg)}.preset-grid.svelte-1jo6gb0{grid-template-columns:repeat(var(--cols,3), 1fr);gap:6px;display:grid}.preset-btn.svelte-1jo6gb0{background:var(--card);border:1.5px solid var(--line-strong);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--fg);cursor:pointer;border-radius:10px;padding:10px 8px;font-size:11px;transition:all .12s}.preset-btn.svelte-1jo6gb0:hover{border-color:var(--fg)}.preset-btn.active.svelte-1jo6gb0{background:var(--fg);color:var(--bg);border-color:var(--fg);box-shadow:2px 2px 0 var(--accent), 2px 2px 0 1.5px var(--fg);transform:translate(-1px,-1px)}.color-row.svelte-1jo6gb0{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.swatch.svelte-1jo6gb0{border:1.5px solid var(--line-strong);cursor:pointer;border-radius:8px;width:28px;height:28px;padding:0;transition:all .12s}.swatch.svelte-1jo6gb0:hover{border-color:var(--fg);transform:scale(1.08)}.swatch.active.svelte-1jo6gb0{border-color:var(--fg);box-shadow:0 0 0 2px var(--accent), 0 0 0 4px var(--fg)}.swatch-custom.svelte-1jo6gb0{border:1.5px dashed var(--line-strong);cursor:pointer;width:28px;height:28px;font-family:var(--font-mono);color:var(--fg-soft);background:var(--card);border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:inline-flex;position:relative}.swatch-custom.svelte-1jo6gb0:hover{border-color:var(--fg);color:var(--fg)}.swatch-custom.svelte-1jo6gb0 input:where(.svelte-1jo6gb0){opacity:0;cursor:pointer;position:absolute;inset:0}.export-grid.svelte-1jo6gb0{grid-template-columns:repeat(2,1fr);gap:6px;margin-top:4px;display:grid}.export-card.svelte-1jo6gb0{text-align:left;background:var(--card);border:1.5px solid var(--fg);color:var(--fg);cursor:pointer;border-radius:12px;flex-direction:column;gap:3px;padding:12px 14px;transition:all .12s;display:flex}.export-card.svelte-1jo6gb0:hover{box-shadow:3px 3px 0 var(--accent), 3px 3px 0 1.5px var(--fg);transform:translate(-1px,-1px)}.export-card-label.svelte-1jo6gb0{font-family:var(--font-display);letter-spacing:-.005em;font-size:14px}.export-card-size.svelte-1jo6gb0{font-family:var(--font-mono);color:var(--fg);font-size:11px;font-weight:600}.export-card-hint.svelte-1jo6gb0{font-family:var(--font-mono);color:var(--fg-soft);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.custom-export.svelte-1jo6gb0{border-top:1px solid var(--line);margin-top:10px;padding-top:12px}.custom-export-label.svelte-1jo6gb0{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--fg-soft);margin-bottom:6px;font-size:10px}.custom-export-row.svelte-1jo6gb0{align-items:center;gap:6px;display:flex}.custom-export-row.svelte-1jo6gb0 input:where(.svelte-1jo6gb0){background:var(--card);border:1.5px solid var(--fg);width:70px;font-family:var(--font-mono);color:var(--fg);border-radius:8px;outline:none;padding:8px 10px;font-size:13px}.custom-export-row.svelte-1jo6gb0 span:where(.svelte-1jo6gb0){color:var(--fg-soft);font-family:var(--font-mono);font-size:14px}.custom-export-btn.svelte-1jo6gb0{background:var(--fg);color:var(--bg);border:1.5px solid var(--fg);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border-radius:8px;flex:1;padding:8px;font-size:12px;font-weight:600;transition:all .12s}.custom-export-btn.svelte-1jo6gb0:hover{background:var(--accent);color:var(--fg)}.footer-actions.svelte-1jo6gb0{gap:6px;padding-top:12px;display:flex}.footer-act.svelte-1jo6gb0{border:1px solid var(--line);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--fg);cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:8px;font-size:10px;transition:all .12s}.footer-act.svelte-1jo6gb0:hover{border-color:var(--fg)}.footer-act.danger.svelte-1jo6gb0:hover{background:var(--fg);color:var(--bg)}