.app.svelte-vtmj9x{grid-template:"header header""stage panel"1fr/1fr 300px;height:100dvh;display:grid}header.svelte-vtmj9x{background:var(--halo-bg-light);grid-area:header;align-items:center;gap:16px;padding:8px 16px;display:flex}.hdr-field.svelte-vtmj9x{color:var(--halo-text-muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.hint.svelte-vtmj9x{color:var(--halo-text-muted);margin-left:auto;font-size:12px}.panel-toggle.svelte-vtmj9x{border:1px solid var(--halo-border);border-radius:var(--halo-radius);background:var(--halo-bg-main);width:34px;height:34px;color:var(--halo-text-main);cursor:pointer;justify-content:center;align-items:center;display:none}.stage.svelte-vtmj9x{min-height:0;transition:background var(--halo-d-fast) ease-out;grid-area:stage;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.board-wrap.svelte-vtmj9x{width:min(100%,840px)}.board-wrap.clickable.svelte-vtmj9x{cursor:pointer}.board-wrap.svelte-vtmj9x canvas:where(.svelte-vtmj9x){aspect-ratio:2;border-radius:6px;width:100%;display:block}.panel.svelte-vtmj9x{background:var(--halo-bg-light);box-shadow:var(--halo-shadow);grid-area:panel;padding:16px;overflow-y:auto}.panel-head.svelte-vtmj9x{font-family:var(--halo-font-heading);color:var(--halo-text-main);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:none}.sheet-close.svelte-vtmj9x{color:var(--halo-text-muted);cursor:pointer;background:0 0;border:none;display:inline-flex}section.svelte-vtmj9x{padding:14px 0}section.svelte-vtmj9x+section:where(.svelte-vtmj9x){border-top:1px solid var(--halo-border)}section.svelte-vtmj9x:first-of-type{padding-top:2px}h2.svelte-vtmj9x{font-family:var(--halo-font-heading);letter-spacing:.04em;color:var(--halo-text-muted);margin:0 0 12px;font-size:11px;font-weight:500}.row.svelte-vtmj9x{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.rlabel.svelte-vtmj9x{color:var(--halo-text-main);font-size:13px}.text-input.svelte-vtmj9x{border:1px solid var(--halo-border);border-radius:var(--halo-radius);background:var(--halo-bg-main);width:100%;color:var(--halo-text-main);margin-bottom:12px;padding:6px 10px;font-size:13px}.text-input.svelte-vtmj9x:focus-visible{outline:2px solid var(--halo-accent);outline-offset:1px}.duo.svelte-vtmj9x{border:1px solid var(--halo-border);border-radius:var(--halo-radius);grid-template-columns:repeat(2,1fr);display:grid;overflow:hidden}.duo.svelte-vtmj9x label:where(.svelte-vtmj9x){flex-direction:column;gap:2px;padding:6px 8px;display:flex}.duo.svelte-vtmj9x label:where(.svelte-vtmj9x)+label:where(.svelte-vtmj9x){border-left:1px solid var(--halo-border)}.duo.svelte-vtmj9x span:where(.svelte-vtmj9x){color:var(--halo-text-muted);font-size:10px}.duo.svelte-vtmj9x input:where(.svelte-vtmj9x){width:100%;font:inherit;font-variant-numeric:tabular-nums;color:var(--halo-text-main);appearance:textfield;background:0 0;border:none;font-size:14px}.duo.svelte-vtmj9x input:where(.svelte-vtmj9x)::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.duo.svelte-vtmj9x input:where(.svelte-vtmj9x)::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.duo.svelte-vtmj9x input:where(.svelte-vtmj9x):focus-visible{outline:2px solid var(--halo-accent);outline-offset:-1px}.count.svelte-vtmj9x{text-align:right;font-family:var(--halo-font-heading);color:var(--halo-text-muted);margin-top:8px;font-size:13px}.count.svelte-vtmj9x b:where(.svelte-vtmj9x){color:var(--halo-text-main)}.row.svelte-vtmj9x input[type=color]:where(.svelte-vtmj9x){border:1px solid var(--halo-border);border-radius:var(--halo-radius);cursor:pointer;background:0 0;width:28px;height:28px;padding:0}.panel.svelte-vtmj9x .slider{margin-bottom:14px}.scrim.svelte-vtmj9x{border:none;padding:0;display:none}@media (width<=720px){.app.svelte-vtmj9x{grid-template-columns:minmax(0,1fr);grid-template-areas:"header""stage"}header.svelte-vtmj9x{flex-wrap:wrap;gap:6px 8px;padding:8px 12px}.hint.svelte-vtmj9x{display:none}.example-field.svelte-vtmj9x{flex:auto;gap:0;min-width:0}.example-field.svelte-vtmj9x .lbl:where(.svelte-vtmj9x){display:none}.example-field.svelte-vtmj9x .field{flex:1;min-width:0;display:flex}.example-field.svelte-vtmj9x select{width:100%;min-width:0}.panel-toggle.svelte-vtmj9x{flex:none;margin-left:auto;display:inline-flex}.panel-head.svelte-vtmj9x{display:flex}.scrim.svelte-vtmj9x{z-index:1;background:color-mix(in srgb, var(--halo-bg-main) 55%, transparent);opacity:0;pointer-events:none;transition:opacity var(--halo-d-fast) ease-out;position:fixed;inset:0}.scrim.open.svelte-vtmj9x{opacity:1;pointer-events:auto;display:block}.panel.svelte-vtmj9x{z-index:2;width:min(320px,90vw);height:100dvh;transition:transform var(--halo-d-fast) ease-out;position:fixed;top:0;right:0;transform:translate(100%)}.panel.open.svelte-vtmj9x{transform:translate(0)}}