:root{--color-slate-50: #f5f5f5;--color-slate-100: #e8e8e8;--color-slate-200: #d1d1d1;--color-slate-300: #b0b0b0;--color-slate-400: #888888;--color-slate-500: #666666;--color-slate-600: #444444;--color-slate-700: #333333;--color-slate-800: #2a2a2a;--color-slate-900: #1e1b1d;--color-slate-950: #141214;--color-primary: #ff5c5c;--color-primary-hover: #ff7f7f;--color-danger: #ff5c5c;--color-bg: var(--color-slate-900);--color-surface: var(--color-slate-800);--color-border: var(--color-slate-700);--color-border-hover: var(--color-slate-600);--color-text: var(--color-slate-100);--color-text-muted: var(--color-slate-400);--color-surface-hover: var(--color-slate-700);--color-surface-active: var(--color-slate-600);--font-serif: "EB Garamond", Georgia, serif;--font-heading: "Libre Baskerville", "Book Antiqua", serif;--font-mono: "Courier Prime", "Courier New", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-md: 17px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 30px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--shadow-sm: 0 1px 2px rgb(0 0 0 / .3);--shadow-md: 0 2px 4px rgb(0 0 0 / .4);--shadow-lg: 0 4px 8px rgb(0 0 0 / .5);--shadow-xl: 0 8px 16px rgb(0 0 0 / .6);--shadow-premium: 0 1px 0 var(--color-border);--transition-slow: all .2s ease;--transition-normal: all .15s ease;--transition-fast: all .1s ease;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-serif);scrollbar-gutter:stable}:root[data-theme=monochrome]{--color-bg: #ffffff;--color-surface: #fdfdfd;--color-border: #1a1a1a;--color-text: #1a1a1a;--color-text-muted: #4d4d4d;--color-primary: #bf9400;--color-primary-hover: #a68100;--color-danger: #d90000;--color-border-hover: #000000;--color-surface-hover: #f0f0f0;--color-surface-active: #e0e0e0}:root[data-theme=parchment]{--color-bg: #ead7b1;--color-surface: #d4c4a3;--color-border: #8b4513;--color-text: #2c2420;--color-text-muted: #5c4b40;--color-primary: #7b1113;--color-primary-hover: #5e0d0f;--color-danger: #b22222;--color-border-hover: #5d2e0a;--color-surface-hover: #c4b493;--color-surface-active: #b4a483}:root[data-theme=dungeon]{--color-bg: #0d0d0d;--color-surface: #1a1a1a;--color-border: #333333;--color-text: #d1d1d1;--color-text-muted: #888888;--color-primary: #a3ffac;--color-primary-hover: #85eb8f;--color-danger: #ff82df;--color-border-hover: #4d4d4d;--color-surface-hover: #262626;--color-surface-active: #333333}:root[data-theme=bastion]{--color-bg: #004d4d;--color-surface: #003d3d;--color-border: #f47920;--color-text: #ffffff;--color-text-muted: #80c2c2;--color-primary: #f47920;--color-primary-hover: #ff8c3a;--color-danger: #ff5c5c;--color-border-hover: #ff9d5c;--color-surface-hover: #002d2d;--color-surface-active: #001d1d}:root[data-theme=doom]{--color-bg: #ffff00;--color-surface: #eeee00;--color-border: #000000;--color-text: #000000;--color-text-muted: #444400;--color-primary: #000000;--color-primary-hover: #222222;--color-danger: #ff00ff;--color-border-hover: #222200;--color-surface-hover: #dada00;--color-surface-active: #caca00}:root[data-theme=emerald]{--color-bg: #cad2c5;--color-surface: #ffffff;--color-border: #2f3e46;--color-text: #1b4332;--color-text-muted: #52796f;--color-primary: #2d6a4f;--color-primary-hover: #40916c;--color-danger: #bc4749;--color-border-hover: #1b4332;--color-surface-hover: #eaf0e9;--color-surface-active: #dae0d9}:root[data-theme=midnight]{--color-bg: var(--color-slate-900);--color-surface: var(--color-slate-800);--color-border: var(--color-slate-700);--color-text: var(--color-slate-100);--color-text-muted: var(--color-slate-400);--color-primary: #ff5c5c;--color-primary-hover: #ff7f7f;--color-border-hover: var(--color-slate-600);--color-surface-hover: var(--color-slate-700);--color-surface-active: var(--color-slate-600)}:root[data-theme=sinner]{--color-bg: #40b1d0;--color-surface: #35a0bd;--color-border: #000000;--color-text: #000000;--color-text-muted: #1a1a1a;--color-primary: #e62e2e;--color-primary-hover: #ff4d4d;--color-danger: #e62e2e;--color-border-hover: #1a1a1a;--color-surface-hover: #2ba2c2;--color-surface-active: #238ea8}:root[data-theme=grimoire]{--color-bg: #0d0b1a;--color-surface: #1a162e;--color-border: #3c2d6e;--color-text: #e2e0f0;--color-text-muted: #8f8ca1;--color-primary: #a855f7;--color-primary-hover: #c084fc;--color-danger: #ef4444;--color-border-hover: #5e42a6;--color-surface-hover: #251f3d;--color-surface-active: #2d264a}body{margin:0;min-height:100vh;background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;margin:0;line-height:1.1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:0;border:2px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background:var(--color-slate-700)}label,.control-label{display:block;font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:2px;transition:var(--transition-fast)}span.control-label{border-bottom:1px solid color-mix(in srgb,var(--color-border),transparent 30%);padding-bottom:4px;margin-bottom:8px;color:var(--color-text);margin-top:.5rem}span.control-label:first-child{margin-top:0}input[type=text],input[type=number],select{width:100%;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);padding:.5rem .75rem;border-radius:2px;font-size:var(--text-sm);font-family:var(--font-serif);transition:var(--transition-fast)}input:hover,select:hover{border-color:var(--color-slate-700)}input:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary),transparent 80%)}button{cursor:pointer;transition:var(--transition-fast)}::selection{background:color-mix(in srgb,var(--color-primary),transparent 70%);color:var(--color-slate-50)}@font-face{font-family:Roboto Black;src:url(/fonts/Roboto-Black.ttf) format("truetype");font-weight:900;font-style:normal}.theme-switcher.svelte-1q3kkbs{position:relative;font-family:var(--font-heading, "Libre Baskerville", serif)}.trigger-btn.svelte-1q3kkbs{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;height:32px;transition:all .1s ease;border-radius:0}.trigger-btn.svelte-1q3kkbs:hover{border-color:var(--color-text);background:var(--color-bg)}.trigger-btn.open.svelte-1q3kkbs{border-color:var(--color-primary);background:var(--color-bg)}.swatch-group.svelte-1q3kkbs{display:flex;width:24px;height:14px;border:1px solid var(--color-border);overflow:hidden}.theme-switcher .chevron{color:var(--color-text-muted);transition:transform .2s ease}.theme-switcher .chevron.rotated{transform:rotate(180deg)!important}.dropdown-menu.svelte-1q3kkbs{position:absolute;top:calc(100% + 4px);right:0;width:200px;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-xl);z-index:1000;padding:.25rem;display:flex;flex-direction:column;gap:2px}.menu-item.svelte-1q3kkbs{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;background:none;border:1px solid transparent;color:var(--color-text);cursor:pointer;text-align:left;transition:all .1s ease;border-radius:0}.menu-item.svelte-1q3kkbs:hover{background:var(--color-bg);border-color:var(--color-border)}.menu-item.active.svelte-1q3kkbs{background:var(--color-bg);border-color:var(--color-primary)}.item-name.svelte-1q3kkbs{font-size:var(--text-xs, 11px);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.swatch-group.svelte-1q3kkbs{display:flex;width:24px;height:12px;border:1px solid var(--color-border);overflow:hidden}.swatch.svelte-1q3kkbs{flex:1;height:100%}.swatch.svelte-1q3kkbs:last-child{flex:0 0 6px}.site-header.svelte-iip0pn{padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--color-text);background:var(--color-bg);position:sticky;top:0;z-index:50;flex-shrink:0}@media(min-width:1024px){.site-header.svelte-iip0pn{padding:1rem 3rem}}.logo-btn.svelte-iip0pn{display:flex;align-items:center;gap:1rem;text-decoration:none;color:var(--color-text)}.logo-btn-action.svelte-iip0pn{background:none;border:none;padding:.25rem .5rem;margin-left:-.5rem;cursor:pointer}.logo-btn-action.svelte-iip0pn:hover{background-color:var(--color-surface-hover, rgba(0, 0, 0, .05))}.logo-icon.svelte-iip0pn{width:40px;height:40px;border:2px solid var(--color-primary);background:var(--color-bg);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0;box-shadow:2px 2px 0 var(--color-primary)}.logo-text.svelte-iip0pn{display:flex;flex-direction:column;align-items:flex-start;gap:0}.site-title.svelte-iip0pn{font-family:var(--font-heading, "Libre Baskerville", serif);font-size:var(--text-2xl, 28px);font-weight:700;font-variant:small-caps;letter-spacing:.02em;color:var(--color-primary);margin:0;line-height:1}.site-tagline.svelte-iip0pn{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text);opacity:.7;margin:2px 0 0;display:none}@media(min-width:640px){.site-tagline.svelte-iip0pn{display:block}}.header-right.svelte-iip0pn{display:flex;align-items:center;gap:2rem}.site-nav.svelte-iip0pn{display:none;align-items:center;gap:1.5rem;font-family:var(--font-heading, "Libre Baskerville", serif);font-size:var(--text-xs, 11px);font-weight:700;font-variant:small-caps;letter-spacing:.05em}@media(min-width:768px){.site-nav.svelte-iip0pn{display:flex}}.nav-gmtools.svelte-iip0pn{color:var(--color-text-muted);text-decoration:none;transition:color .1s}.nav-gmtools.svelte-iip0pn:hover{color:var(--color-text)}.header-nav-link{color:var(--color-text-muted);text-decoration:none;background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-heading, "Libre Baskerville", serif);font-size:var(--text-xs, 11px);font-weight:700;font-variant:small-caps;letter-spacing:.05em;transition:color .1s}.header-nav-link:hover{color:var(--color-text)}.header-nav-link.active{color:var(--color-primary)}.header-nav-divider{color:var(--color-border);font-weight:400;font-variant:normal}.site-footer.svelte-1afa1k5{border-top:1px solid var(--color-border);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:var(--text-xs, 11px);color:var(--color-text-muted);background:var(--color-bg);flex-shrink:0}@media(min-width:1024px){.site-footer.svelte-1afa1k5{padding:1rem 3rem}}.author-link.svelte-1afa1k5{color:var(--color-text-muted);font-weight:800;text-decoration:none}.author-link.svelte-1afa1k5:hover{color:var(--color-text)}.build-info.svelte-1afa1k5{font-family:var(--font-mono, "Courier Prime", monospace);opacity:.6}.kofi-link.svelte-1afa1k5{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);font-weight:800;text-decoration:none;transition:border-color .1s,color .1s}.kofi-link.svelte-1afa1k5:hover{border-color:var(--color-primary);color:var(--color-text)}.heart-icon.svelte-1afa1k5{color:var(--color-primary)}.wrapper.svelte-iby577{display:flex;flex-direction:column;gap:.375rem;width:100%}.label.svelte-iby577{font-size:var(--text-xs, 11px);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);transition:color .1s}.field.svelte-iby577{display:flex;align-items:stretch;background:var(--color-surface);border:1px solid var(--color-border);border-radius:2px;overflow:hidden;transition:border-color .1s,box-shadow .1s}input.svelte-iby577:hover:not(:focus):not(:disabled){border-color:var(--color-border-hover)}.field.svelte-iby577:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary),transparent 80%)}.field.disabled.svelte-iby577{opacity:.4}input.svelte-iby577{flex:1;min-width:0;background:transparent;border:none;color:var(--color-text);padding:.5rem .625rem;font-size:var(--text-sm, 13px);font-family:var(--font-serif, "EB Garamond", Georgia, serif);outline:none}input.svelte-iby577::-webkit-outer-spin-button,input.svelte-iby577::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number].svelte-iby577{-moz-appearance:textfield;appearance:textfield}.stepper.svelte-iby577{display:flex;flex-direction:column;border-left:1px solid var(--color-border);flex-shrink:0;transition:border-color .1s}.field.svelte-iby577:focus-within .stepper:where(.svelte-iby577){border-left-color:color-mix(in srgb,var(--color-primary),transparent 60%)}.step-btn.svelte-iby577{display:flex;align-items:center;justify-content:center;width:24px;flex:1;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:0;transition:background .1s,color .1s;font-family:inherit}.step-btn.svelte-iby577+.step-btn:where(.svelte-iby577){border-top:1px solid var(--color-border)}.step-btn.svelte-iby577:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.step-btn.svelte-iby577:active:not(:disabled){background:var(--color-surface-active)}.step-btn.svelte-iby577:disabled{opacity:.25;cursor:not-allowed}.panel-box.svelte-kh5jtp{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:2px;display:flex;flex-direction:column;overflow:visible}.panel-header.svelte-kh5jtp{padding:1.25rem 1.25rem .25rem}.panel-title.svelte-kh5jtp{font-family:var(--font-heading);font-size:var(--text-xs);font-weight:700;font-variant:small-caps;letter-spacing:.08em;color:var(--color-primary);border-bottom:1px solid var(--color-border);padding-bottom:.5rem;margin:0}.panel-content.svelte-kh5jtp{padding:.75rem 1.25rem 1.25rem}.layout.svelte-zzs24w{display:grid;grid-template-columns:1fr;gap:var(--layout-gap, 2.5rem);padding:var(--layout-padding, 1rem);flex:1;min-height:0;overflow-y:auto}@media(min-width:1024px){.layout.svelte-zzs24w{grid-template-columns:var(--sidebar-width, 400px) 1fr;overflow:hidden}}@media(min-width:1024px){.sidebar.svelte-zzs24w{overflow-y:auto;padding-right:.5rem}}.content.svelte-zzs24w{min-width:0}@media(min-width:1024px){.content.svelte-zzs24w{overflow:auto}}.search-container.svelte-1y7g5i3{position:relative;width:100%}.input-wrapper.svelte-1y7g5i3 input:where(.svelte-1y7g5i3){width:100%;padding:.5rem .75rem;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-family:var(--font-serif);box-sizing:border-box}.dropdown.svelte-1y7g5i3{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);max-height:250px;overflow-y:auto;z-index:100;padding:0;list-style:none}.dropdown.svelte-1y7g5i3 li:where(.svelte-1y7g5i3){margin:0;padding:0}.result-btn.svelte-1y7g5i3{width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--color-border);padding:.5rem .75rem;font-size:var(--text-sm);font-family:var(--font-serif);color:var(--color-text);cursor:pointer}.dropdown.svelte-1y7g5i3 li:where(.svelte-1y7g5i3):last-child .result-btn:where(.svelte-1y7g5i3){border-bottom:none}.result-btn.svelte-1y7g5i3:hover,.result-btn.svelte-1y7g5i3:focus,.result-btn.active.svelte-1y7g5i3{background:var(--color-surface-hover);color:var(--color-primary);outline:none}.controls-stack.svelte-d1h2e2{display:flex;flex-direction:column;gap:.75rem}.btn-toggle-group.svelte-d1h2e2{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--color-border)}.btn-toggle.svelte-d1h2e2{padding:.5rem .25rem;background:var(--color-surface);border:none;border-right:1px solid var(--color-border);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);cursor:pointer;transition:background .1s,color .1s}.btn-toggle.svelte-d1h2e2:last-child{border-right:none}.btn-toggle.svelte-d1h2e2:hover{background:var(--color-surface-hover);color:var(--color-text)}.btn-toggle.selected.svelte-d1h2e2{background:var(--color-primary);color:var(--color-bg)}.grid-2.svelte-d1h2e2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}input[type=text].svelte-d1h2e2{width:100%;box-sizing:border-box;padding:.5rem .625rem;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);font-size:var(--text-sm);font-family:var(--font-serif);outline:none;transition:border-color .1s}input[type=text].svelte-d1h2e2:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary),transparent 80%)}input[type=text].svelte-d1h2e2:disabled{opacity:.4;cursor:not-allowed}.upload-zone.svelte-d1h2e2{position:relative;border:1px dashed var(--color-border);margin-top:.75rem;transition:border-color .1s}.upload-zone.svelte-d1h2e2:hover,.upload-zone.has-file.svelte-d1h2e2{border-color:var(--color-primary)}.upload-input.svelte-d1h2e2{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.upload-label.svelte-d1h2e2{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;padding:1rem;cursor:pointer;text-align:center}.upload-icon.svelte-d1h2e2{color:var(--color-text-muted)}.upload-icon.active.svelte-d1h2e2{color:var(--color-primary)}.file-name.svelte-d1h2e2{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.upload-hint.svelte-d1h2e2{font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.checkbox-row.svelte-d1h2e2{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-row.svelte-d1h2e2 input[type=checkbox]:where(.svelte-d1h2e2){width:14px;height:14px;cursor:pointer;accent-color:var(--color-primary);flex-shrink:0}.checkbox-label.svelte-d1h2e2{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--color-text-muted)}.panel-actions.svelte-d1h2e2{margin-top:.75rem}.btn-export.svelte-d1h2e2{width:100%;padding:.75rem 1rem;background:var(--color-primary);border:none;color:var(--color-bg);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:700;font-variant:small-caps;letter-spacing:.06em;cursor:pointer;transition:opacity .1s;box-shadow:3px 3px color-mix(in srgb,var(--color-primary),transparent 50%)}.btn-export.svelte-d1h2e2:hover{opacity:.9}.btn-export.svelte-d1h2e2:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.export-overlay.svelte-d1h2e2{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999}.export-modal.svelte-d1h2e2{background:var(--color-surface);border:2px solid var(--color-border);box-shadow:6px 6px 0 var(--color-border);width:min(480px,90vw);padding:2.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.modal-icon.svelte-d1h2e2{width:56px;height:56px;border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center}.modal-icon.success.svelte-d1h2e2{color:#4ade80;border-color:#4ade80}.modal-icon.loading.svelte-d1h2e2{color:var(--color-primary);border-color:var(--color-primary)}.modal-title.svelte-d1h2e2{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;color:var(--color-text);margin:0}.modal-body.svelte-d1h2e2{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.label-code.svelte-d1h2e2{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-primary);border:1px solid var(--color-border);padding:1px 6px}.progress-wrap.svelte-d1h2e2{width:100%;display:flex;flex-direction:column;gap:.375rem;align-items:flex-start}.progress-bar.svelte-d1h2e2{width:100%;height:8px;background:var(--color-bg);border:1px solid var(--color-border)}.progress-fill.svelte-d1h2e2{height:100%;background:var(--color-primary);transition:width .3s}.progress-text.svelte-d1h2e2{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--color-primary)}.modal-actions.svelte-d1h2e2{width:100%;display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.btn-download.svelte-d1h2e2{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;background:var(--color-primary);border:none;color:var(--color-bg);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:700;cursor:pointer;box-shadow:3px 3px color-mix(in srgb,var(--color-primary),transparent 50%)}.btn-download.svelte-d1h2e2:hover{opacity:.9}.btn-close.svelte-d1h2e2{width:100%;padding:.5rem;background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;cursor:pointer}.btn-close.svelte-d1h2e2:hover{border-color:var(--color-text);color:var(--color-text)}.d20-loader.svelte-d1h2e2{animation:svelte-d1h2e2-d20-float 3s ease-in-out infinite}@keyframes svelte-d1h2e2-d20-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.editor-container.svelte-17jy819{flex:1 1 0%;display:flex;flex-direction:column;background-color:var(--color-bg);overflow:hidden}.canvas-wrapper.svelte-17jy819{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem;overflow:hidden;background-image:radial-gradient(circle at 2px 2px,var(--color-border) 1px,transparent 0);background-size:24px 24px}.interactive-svg.svelte-17jy819{max-width:100%;max-height:100%;background-color:#fff;border:1px solid var(--color-border)}.draggable.svelte-17jy819{cursor:grab}.draggable.svelte-17jy819:active{cursor:grabbing}.hover-box.svelte-17jy819{opacity:0;transition:opacity .2s;pointer-events:none}.draggable.svelte-17jy819:hover .hover-box:where(.svelte-17jy819),.draggable.svelte-17jy819:active .hover-box:where(.svelte-17jy819){opacity:1}.preview-container.svelte-o4ydsk{flex:1 1 0%;display:flex;flex-direction:column;background-color:var(--color-bg);position:relative}.canvas-wrapper.svelte-o4ydsk{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem;overflow:hidden;background-image:radial-gradient(circle at 2px 2px,var(--color-border) 1px,transparent 0);background-size:24px 24px}.interactive-canvas-box.svelte-o4ydsk{background-color:var(--color-surface);border:1px solid var(--color-border);overflow:hidden;position:relative;transition:opacity .2s}.interactive-canvas-box.paused.svelte-o4ydsk{opacity:.4}.pause-overlay.svelte-o4ydsk{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);padding:.5rem 1rem;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.1em;pointer-events:none;z-index:100;display:flex;align-items:center;white-space:nowrap}.spinner.svelte-o4ydsk{display:inline-block;width:12px;height:12px;border:2px solid color-mix(in srgb,var(--color-border),transparent 40%);border-radius:50%;border-top-color:var(--color-primary);animation:svelte-o4ydsk-spin .8s linear infinite;margin-right:8px;flex-shrink:0}@keyframes svelte-o4ydsk-spin{to{transform:rotate(360deg)}}canvas.svelte-o4ydsk{width:100%;height:100%;display:block;outline:none}body{margin:0;padding:0;background-color:var(--color-bg)}.app.svelte-1n46o8q{height:100vh;overflow:hidden;display:flex;flex-direction:column;background-color:var(--color-bg);color:var(--color-text)}.preview-area.svelte-1n46o8q{height:100%;display:flex;flex-direction:column;border:1px solid var(--color-border);background:var(--color-surface);min-width:0}.preview-header.svelte-1n46o8q{padding:.625rem 1rem;border-bottom:1px solid var(--color-border);background:var(--color-bg);flex-shrink:0}.preview-label.svelte-1n46o8q{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.preview-split.svelte-1n46o8q{flex:1;display:flex;flex-direction:column;min-height:0;height:600px}@media(min-width:1024px){.preview-split.svelte-1n46o8q{height:700px}}@media(min-width:1024px){.preview-split.svelte-1n46o8q{flex-direction:row}}.preview-half.svelte-1n46o8q{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;border-bottom:1px solid var(--color-border)}.preview-half.svelte-1n46o8q:last-child{border-bottom:none}@media(min-width:1024px){.preview-half.svelte-1n46o8q{border-bottom:none;border-right:1px solid var(--color-border)}.preview-half.svelte-1n46o8q:last-child{border-right:none}}