.markup-workbench.svelte-u8kg23{background:var(--surface);border-block:1px solid var(--fg);grid-template-columns:minmax(0,1.2fr) minmax(20rem,.8fr);min-width:0;display:grid}.editor-panel.svelte-u8kg23,.output-panel.svelte-u8kg23{min-width:0;padding:clamp(1.5rem,3.5vw,3rem)}.editor-panel.svelte-u8kg23{border-right:1px solid var(--fg)}.editor-panel.is-drag-over.svelte-u8kg23{background:var(--fg-soft)}.panel-heading.svelte-u8kg23,.field-heading.svelte-u8kg23{justify-content:space-between;align-items:flex-start;gap:1rem;min-width:0;display:flex}.panel-index.svelte-u8kg23,.image-dimensions.svelte-u8kg23,.ready-label.svelte-u8kg23,.field-heading.svelte-u8kg23 span:where(.svelte-u8kg23),.output-name.svelte-u8kg23{font-family:var(--font-mono);letter-spacing:.055em;text-transform:uppercase;margin:0;font-size:.6875rem;font-weight:700}.panel-index.svelte-u8kg23,.image-dimensions.svelte-u8kg23,.field-heading.svelte-u8kg23 span:where(.svelte-u8kg23){opacity:.58}.panel-heading.svelte-u8kg23 h2:where(.svelte-u8kg23){letter-spacing:-.045em;margin-top:.65rem;font-size:clamp(1.6rem,3vw,2.4rem)}.image-dimensions.svelte-u8kg23,.ready-label.svelte-u8kg23{text-align:right;padding-top:.25rem}.image-field.svelte-u8kg23{border-top:1px solid var(--border);margin-top:2rem;padding-top:1.5rem}.field-heading.svelte-u8kg23{align-items:baseline}.field-heading.svelte-u8kg23 label:where(.svelte-u8kg23),.drawing-controls.svelte-u8kg23 label:where(.svelte-u8kg23){font-size:.8125rem;font-weight:700}.field-help.svelte-u8kg23,.field-error.svelte-u8kg23,.drawing-note.svelte-u8kg23,.drag-help.svelte-u8kg23{margin:.625rem 0 0;font-size:.8125rem}.field-help.svelte-u8kg23,.drawing-note.svelte-u8kg23,.drag-help.svelte-u8kg23{opacity:.6}.field-error.svelte-u8kg23{min-height:1.25rem;font-weight:700}.drawing-controls.svelte-u8kg23{border-top:1px solid var(--border);grid-template-columns:auto minmax(9rem,1fr) auto;align-items:end;gap:1.25rem;margin-top:1.5rem;padding-top:1.5rem;display:grid}.color-control.svelte-u8kg23{gap:.45rem;display:grid}.color-control.svelte-u8kg23 input:where(.svelte-u8kg23){border:1px solid var(--fg);background:var(--surface);cursor:pointer;border-radius:0;width:4rem;height:2.75rem;padding:.25rem}.history-controls.svelte-u8kg23{gap:.5rem;display:flex}.history-controls.svelte-u8kg23 button:where(.svelte-u8kg23){border:1px solid var(--fg);background:var(--surface);min-height:2.75rem;color:var(--fg);border-radius:0;padding:.5rem .75rem;font-size:.75rem;font-weight:700}.history-controls.svelte-u8kg23 button:where(.svelte-u8kg23):hover:not(:disabled){background:var(--fg);color:var(--surface)}.history-controls.svelte-u8kg23 button:where(.svelte-u8kg23):disabled{cursor:not-allowed;opacity:.35}.editor-stage.svelte-u8kg23,.output-drag-surface.svelte-u8kg23{border:1px solid var(--border);background:var(--fg-soft);place-items:center;width:100%;margin-top:1.5rem;display:grid}.editor-stage.svelte-u8kg23{min-height:clamp(18rem,48vw,38rem);padding:clamp(.75rem,2vw,1.25rem)}.editor-stage[data-drag-over=true].svelte-u8kg23{border-color:var(--fg);border-width:2px}.canvas-wrap.svelte-u8kg23{background:var(--output-preview-matte);place-items:center;width:100%;max-height:38rem;display:grid;overflow:hidden}canvas.svelte-u8kg23{object-fit:contain;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;cursor:crosshair;max-width:100%;max-height:38rem;display:block}.stage-placeholder.svelte-u8kg23,.output-placeholder.svelte-u8kg23{text-align:center;place-items:center;max-width:19rem;display:grid}.stage-placeholder.svelte-u8kg23 svg:where(.svelte-u8kg23){stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:4rem;height:4rem;margin-bottom:1rem}.stage-placeholder.svelte-u8kg23 p:where(.svelte-u8kg23),.output-placeholder.svelte-u8kg23 p:where(.svelte-u8kg23){opacity:.58;margin:.35rem 0 0;font-size:.875rem}.drawing-note.svelte-u8kg23{text-align:center}.output-panel.svelte-u8kg23{flex-direction:column;align-items:stretch;display:flex}.output-drag-surface.svelte-u8kg23{align-content:center;gap:0;min-height:clamp(18rem,32vw,32rem);padding:clamp(.75rem,2vw,1.25rem);overflow:hidden}.output-drag-surface.is-ready.svelte-u8kg23{cursor:grab}.output-drag-surface.is-ready.svelte-u8kg23:active{cursor:grabbing}.output-drag-surface.svelte-u8kg23 img:where(.svelte-u8kg23){object-fit:contain;background:var(--output-preview-matte);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;max-height:27rem;display:block}.drag-label.svelte-u8kg23{background:var(--fg);width:100%;min-height:3rem;color:var(--surface);text-align:center;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.8125rem;font-weight:700;display:flex}.drag-label.svelte-u8kg23 svg:where(.svelte-u8kg23){stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:1.1rem;height:1.1rem}.output-placeholder.svelte-u8kg23>span:where(.svelte-u8kg23){border:1px solid var(--fg);width:4rem;height:4rem;font-family:var(--font-mono);place-items:center;margin-bottom:1.25rem;font-size:.75rem;font-weight:700;display:grid}.output-name.svelte-u8kg23{overflow-wrap:anywhere;text-align:center;text-transform:none;margin-top:1rem}.drag-help.svelte-u8kg23{text-align:center}.download-button.svelte-u8kg23{border:1px solid var(--fg);background:var(--fg);width:100%;min-height:3.25rem;color:var(--surface);border-radius:0;justify-content:center;align-items:center;gap:.625rem;margin-top:1.5rem;padding:.75rem 1rem;font-weight:700;display:inline-flex}.download-button.svelte-u8kg23 svg:where(.svelte-u8kg23){stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.1rem;height:1.1rem}.download-button.svelte-u8kg23:hover:not(:disabled){background:var(--surface);color:var(--fg)}.download-button.svelte-u8kg23:disabled{cursor:not-allowed;opacity:.35}.feedback-region.svelte-u8kg23{min-height:2rem;font-family:var(--font-mono);letter-spacing:.035em;text-align:center;margin-top:.75rem;font-size:.6875rem;font-weight:700}.feedback-region.svelte-u8kg23 p:where(.svelte-u8kg23){margin:0}@media (width<=64rem){.markup-workbench.svelte-u8kg23{grid-template-columns:1fr}.editor-panel.svelte-u8kg23{border-right:0;border-bottom:1px solid var(--fg)}.output-drag-surface.svelte-u8kg23 img:where(.svelte-u8kg23){max-height:32rem}}@media (width<=40rem){.panel-heading.svelte-u8kg23,.field-heading.svelte-u8kg23{flex-wrap:wrap}.image-dimensions.svelte-u8kg23,.ready-label.svelte-u8kg23,.field-heading.svelte-u8kg23 span:where(.svelte-u8kg23){text-align:left}.drawing-controls.svelte-u8kg23{grid-template-columns:auto minmax(0,1fr)}.history-controls.svelte-u8kg23{grid-column:1/-1}.history-controls.svelte-u8kg23 button:where(.svelte-u8kg23){flex:1}.editor-stage.svelte-u8kg23,.output-drag-surface.svelte-u8kg23{min-height:16rem}}.markup-page.svelte-1h1l05n{color:var(--fg)}.hero.svelte-1h1l05n{gap:var(--gap-xl);grid-template-columns:minmax(0,1.25fr) minmax(17.5rem,.75fr);align-items:end;padding-top:clamp(3.5rem,8vw,7rem);padding-bottom:clamp(2.75rem,6vw,5rem);display:grid}.hero.svelte-1h1l05n h1:where(.svelte-1h1l05n){letter-spacing:-.065em;max-width:9ch;margin-top:1rem;font-size:clamp(3.25rem,8vw,7.5rem)}.hero-copy.svelte-1h1l05n{justify-self:end;gap:1.5rem;display:grid}.privacy-note.svelte-1h1l05n{font-family:var(--font-mono);letter-spacing:.055em;text-transform:uppercase;align-items:center;gap:.625rem;margin:0;font-size:.6875rem;font-weight:700;display:flex}.privacy-note.svelte-1h1l05n span:where(.svelte-1h1l05n){background:var(--fg);flex:none;width:.5rem;height:.5rem}.tool-section.svelte-1h1l05n{padding-bottom:clamp(4rem,9vw,7.5rem)}.supporting-content.svelte-1h1l05n{padding-bottom:clamp(4rem,8vw,7rem)}.guide.svelte-1h1l05n{border-top:1px solid var(--fg);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2.5rem,8vw,7rem);padding-block:clamp(4rem,8vw,7rem);display:grid}.guide.svelte-1h1l05n h2:where(.svelte-1h1l05n){letter-spacing:-.055em;max-width:12ch;margin-top:1rem;font-size:clamp(2.5rem,5vw,4.75rem)}.guide-heading.svelte-1h1l05n>p:where(.svelte-1h1l05n):last-child{opacity:.62;max-width:35rem;margin:1.5rem 0 0}.guide.svelte-1h1l05n ol:where(.svelte-1h1l05n){margin:0;padding:0;list-style:none;display:grid}.guide.svelte-1h1l05n li:where(.svelte-1h1l05n){border-top:1px solid var(--border);grid-template-columns:3rem 1fr;gap:1rem;padding:1.25rem 0;display:grid}.guide.svelte-1h1l05n li:where(.svelte-1h1l05n):first-child{border-top-color:var(--fg)}.guide.svelte-1h1l05n li:where(.svelte-1h1l05n)>span:where(.svelte-1h1l05n),.detail-number.svelte-1h1l05n{font-family:var(--font-mono);letter-spacing:.065em;text-transform:uppercase;margin:0;font-size:.6875rem;font-weight:700}.guide.svelte-1h1l05n strong:where(.svelte-1h1l05n){font-size:1rem}.guide.svelte-1h1l05n li:where(.svelte-1h1l05n) p:where(.svelte-1h1l05n){opacity:.62;max-width:44rem;margin:.35rem 0 0}.details.svelte-1h1l05n{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.details.svelte-1h1l05n>div:where(.svelte-1h1l05n){background:var(--surface);padding:clamp(1.5rem,3vw,2.5rem)}.detail-number.svelte-1h1l05n{opacity:.62}.details.svelte-1h1l05n h2:where(.svelte-1h1l05n){letter-spacing:-.045em;margin-top:3rem;font-size:clamp(1.5rem,2.4vw,2.25rem)}.details.svelte-1h1l05n>div:where(.svelte-1h1l05n)>p:where(.svelte-1h1l05n):last-child{opacity:.62;margin:1rem 0 0}@media (width<=57.5rem){.hero.svelte-1h1l05n,.guide.svelte-1h1l05n{grid-template-columns:1fr}.hero-copy.svelte-1h1l05n{justify-self:start}}@media (width<=47.5rem){.details.svelte-1h1l05n{grid-template-columns:1fr}.guide.svelte-1h1l05n h2:where(.svelte-1h1l05n){max-width:16ch}}@media (width<=35rem){.hero.svelte-1h1l05n{padding-top:2.75rem}.hero.svelte-1h1l05n h1:where(.svelte-1h1l05n){font-size:clamp(3rem,17vw,4.5rem)}}