.app.svelte-ifztv5{grid-template:"header header""stage panel"1fr/1fr 300px;height:100dvh;display:grid}header.svelte-ifztv5{background:var(--halo-bg-light);grid-area:header;align-items:center;gap:16px;padding:8px 16px;display:flex}.hdr-field.svelte-ifztv5{color:var(--halo-text-muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.hint.svelte-ifztv5{color:var(--halo-text-muted);margin-left:auto;font-size:12px}.panel-toggle.svelte-ifztv5{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-ifztv5{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}.sign-wrap.svelte-ifztv5{cursor:pointer;width:min(100%,900px)}.sign-wrap.svelte-ifztv5 canvas:where(.svelte-ifztv5){aspect-ratio:2;border-radius:6px;width:100%;display:block}.panel.svelte-ifztv5{background:var(--halo-bg-light);box-shadow:var(--halo-shadow);grid-area:panel;padding:16px;overflow-y:auto}.panel-head.svelte-ifztv5{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-ifztv5{color:var(--halo-text-muted);cursor:pointer;background:0 0;border:none;display:inline-flex}section.svelte-ifztv5{padding:14px 0}section.svelte-ifztv5+section:where(.svelte-ifztv5){border-top:1px solid var(--halo-border)}section.svelte-ifztv5:first-of-type{padding-top:2px}h2.svelte-ifztv5{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-ifztv5{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.rlabel.svelte-ifztv5{color:var(--halo-text-main);font-size:13px}.text-input.svelte-ifztv5{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-ifztv5:focus-visible{outline:2px solid var(--halo-accent);outline-offset:1px}.row.svelte-ifztv5 input[type=color]:where(.svelte-ifztv5){border:1px solid var(--halo-border);border-radius:var(--halo-radius);cursor:pointer;background:0 0;width:28px;height:28px;padding:0}.panel.svelte-ifztv5 .slider{margin-bottom:14px}.scrim.svelte-ifztv5{border:none;padding:0;display:none}@media (width<=720px){.app.svelte-ifztv5{grid-template-columns:minmax(0,1fr);grid-template-areas:"header""stage"}header.svelte-ifztv5{flex-wrap:wrap;gap:6px 8px;padding:8px 12px}.stage.svelte-ifztv5{padding:6px}.sign-wrap.svelte-ifztv5{width:100%;height:100%}.sign-wrap.svelte-ifztv5 canvas:where(.svelte-ifztv5){aspect-ratio:auto;height:100%}.hint.svelte-ifztv5{display:none}.example-field.svelte-ifztv5{flex:auto;gap:0;min-width:0}.example-field.svelte-ifztv5 .lbl:where(.svelte-ifztv5){display:none}.example-field.svelte-ifztv5 .field{flex:1;min-width:0;display:flex}.example-field.svelte-ifztv5 select{width:100%;min-width:0}.panel-toggle.svelte-ifztv5{flex:none;margin-left:auto;display:inline-flex}.panel-head.svelte-ifztv5{display:flex}.scrim.svelte-ifztv5{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-ifztv5{opacity:1;pointer-events:auto;display:block}.panel.svelte-ifztv5{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-ifztv5{transform:translate(0)}}