:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--background: #f4f4f5;--foreground: #18181b;--heading: #18181b;--card: #ffffff;--border: #e4e4e7;--input: #e4e4e7;--input-bg: #ffffff;--muted: #fafafa;--separator: #f4f4f5;--text: #52525b;--text-muted: #71717a;--text-subtle: #6b6b74;--primary: #4f46e5;--primary-hover: #4338ca;--primary-soft: #eef2ff;--ring: #6366f1;--link: #4f46e5;--danger: #ef4444;--danger-hover: #dc2626;--scrollbar: #d4d4d8;--code-bg: #f4f4f5;--code-fg: #27272a;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1)}.dark{--background: #09090b;--foreground: #fafafa;--heading: #fafafa;--card: #18181b;--border: #27272a;--input: #3f3f46;--input-bg: #27272a;--muted: #27272a;--separator: #27272a;--text: #a1a1aa;--text-muted: #a1a1aa;--text-subtle: #8a8a93;--link: #818cf8;--primary-soft: rgb(99 102 241 / .15);--scrollbar: #3f3f46;--code-bg: #09090b;--code-fg: #e4e4e7}*,:before,:after{box-sizing:border-box}html{height:100%;font-family:var(--font-sans);line-height:1.5;-webkit-text-size-adjust:100%}body{margin:0;min-height:100%;display:flex;flex-direction:column;background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,p,ol,ul,pre,figure{margin:0}h1,h2,h3{font-size:inherit;font-weight:inherit}ol,ul{padding:0;list-style:none}a{color:inherit;text-decoration:inherit}img,svg{display:block;vertical-align:middle}img{max-width:100%}button,input,select,textarea{font:inherit;color:inherit;margin:0}button{background:transparent;border:0;padding:0;cursor:pointer}table{border-collapse:collapse}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:9999px}#app{flex-shrink:0}@media(min-width:1024px){#app{height:100dvh}}.page{flex-shrink:0;border-top:1px solid var(--border);background:var(--card);color:var(--text)}.prose{max-width:48rem;margin:0 auto;padding:4rem 1.25rem;font-size:15px;line-height:1.75rem;display:flex;flex-direction:column;gap:3rem}.prose>*{display:flex;flex-direction:column;gap:1rem}.prose h1{font-size:1.875rem;line-height:2.25rem;font-weight:700;letter-spacing:-.025em;color:var(--heading)}.prose .lead{font-size:1.125rem;line-height:1.75rem}.prose h2{font-size:1.25rem;line-height:1.75rem;font-weight:600;color:var(--heading)}.prose h3{font-weight:600;color:var(--heading)}.prose strong,.prose code,.prose thead{color:var(--heading)}.prose a{font-weight:500;color:var(--link)}.prose p a,.prose li a{text-decoration:underline;text-underline-offset:2px}.prose .tool-list a{text-decoration:none}.prose a:hover{text-decoration:underline}.prose ol{list-style:decimal;padding-left:1.25rem;display:flex;flex-direction:column;gap:.5rem}.prose section>div:not(.table-wrap){display:flex;flex-direction:column;gap:1.25rem}.prose nav{gap:.75rem}.prose .tool-list{display:grid;gap:.5rem}.prose .table-wrap{overflow-x:auto}.prose table{width:100%;font-size:.875rem;line-height:1.25rem;text-align:left}.prose th,.prose td{padding:.5rem 1rem .5rem 0}.prose th{font-weight:600}.prose th:last-child,.prose td:last-child{padding-right:0}.prose tr{border-bottom:1px solid var(--border)}.prose tbody tr:last-child{border-bottom:0}.prose .num{font-variant-numeric:tabular-nums}.prose pre{overflow-x:auto;border-radius:.5rem;background:var(--code-bg);padding:1rem;font-family:var(--font-mono);font-size:.75rem;line-height:1.5rem;color:var(--code-fg)}.prose pre code{color:inherit}@media(min-width:640px){.prose h1{font-size:2.25rem;line-height:2.5rem}.prose .tool-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.site-footer{flex-shrink:0;padding:1rem 1.25rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center}.site-footer p{font-size:.75rem;line-height:1rem;color:var(--text-subtle)}.site-footer a{font-weight:500;color:var(--text);text-decoration:underline;text-underline-offset:2px}.site-footer a:hover{text-decoration:underline}.input[data-v-d449ba51]{display:flex;height:2.25rem;width:100%;min-width:0;border-radius:.375rem;border:1px solid var(--input);background:var(--input-bg);padding:.25rem .75rem;font-size:.875rem;color:var(--foreground);box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s}.input[data-v-d449ba51]::placeholder{color:var(--text-subtle)}.input[data-v-d449ba51]:focus-visible{outline:none;border-color:var(--ring);box-shadow:0 0 0 2px var(--ring)}.input[data-v-d449ba51]:disabled{cursor:not-allowed;opacity:.5}.textarea[data-v-b6af7808]{display:flex;min-height:80px;width:100%;border-radius:.375rem;border:1px solid var(--input);background:var(--input-bg);padding:.5rem .75rem;font-size:.875rem;color:var(--foreground);box-shadow:var(--shadow-sm);resize:none}.textarea[data-v-b6af7808]::placeholder{color:var(--text-subtle)}.textarea[data-v-b6af7808]:focus-visible{outline:none;border-color:var(--ring);box-shadow:0 0 0 2px var(--ring)}.textarea[data-v-b6af7808]:disabled{cursor:not-allowed;opacity:.5}.label[data-v-c334f481]{display:block;font-size:.75rem;font-weight:500;line-height:1;color:var(--text)}.separator[data-v-ba4a95e8]{flex-shrink:0;background:var(--separator)}.separator--horizontal[data-v-ba4a95e8]{height:1px;width:100%}.separator--vertical[data-v-ba4a95e8]{height:100%;width:1px}.slider[data-v-28d101c2]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:1rem;background:transparent;cursor:pointer}.slider[data-v-28d101c2]::-webkit-slider-runnable-track{height:6px;border-radius:9999px;background:linear-gradient(to right,var(--primary) var(--fill),var(--input) var(--fill))}.slider[data-v-28d101c2]::-moz-range-track{height:6px;border-radius:9999px;background:linear-gradient(to right,var(--primary) var(--fill),var(--input) var(--fill))}.slider[data-v-28d101c2]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1rem;width:1rem;margin-top:-5px;border-radius:9999px;border:2px solid var(--primary);background:#fff;box-shadow:var(--shadow-sm);cursor:grab}.slider[data-v-28d101c2]::-moz-range-thumb{height:1rem;width:1rem;border-radius:9999px;border:2px solid var(--primary);background:#fff;box-shadow:var(--shadow-sm);cursor:grab}.slider[data-v-28d101c2]:active::-webkit-slider-thumb{cursor:grabbing}.slider[data-v-28d101c2]:active::-moz-range-thumb{cursor:grabbing}.slider[data-v-28d101c2]:focus-visible{outline:none}.slider[data-v-28d101c2]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--ring)}.slider[data-v-28d101c2]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--ring)}.select[data-v-ab217329]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;height:2.25rem;width:100%;border-radius:.375rem;border:1px solid var(--input);background-color:var(--input-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding:0 2rem 0 .75rem;font-size:.875rem;color:var(--foreground);box-shadow:var(--shadow-sm);cursor:pointer}.select[data-v-ab217329]:focus-visible{outline:none;border-color:var(--ring);box-shadow:0 0 0 2px var(--ring)}.select option[data-v-ab217329]{background:var(--input-bg);color:var(--foreground)}.panel[data-v-26b2d73e]{display:flex;flex-direction:column;border-radius:.75rem;border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm);overflow:hidden}.section-toggle[data-v-26b2d73e]{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;transition:background-color .15s}.section-toggle[data-v-26b2d73e]:hover{background:var(--muted)}.section-title[data-v-26b2d73e]{display:flex;align-items:center;gap:.5rem;font-size:.75rem;line-height:1rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.section-title--static[data-v-26b2d73e]{margin-bottom:1rem}.section-icon[data-v-26b2d73e]{height:.875rem;width:.875rem;color:var(--ring)}.chevron[data-v-26b2d73e]{height:1rem;width:1rem;color:var(--text-subtle);transition:transform .15s}.chevron--open[data-v-26b2d73e]{transform:rotate(180deg)}.section-body[data-v-26b2d73e]{padding:0 1.25rem 1.25rem}.section-body--content[data-v-26b2d73e]{padding:1.25rem}.stack[data-v-26b2d73e]{display:flex;flex-direction:column;gap:.75rem}.stack--lg[data-v-26b2d73e]{gap:1rem;margin-top:.25rem}.field[data-v-26b2d73e]{display:flex;flex-direction:column}.field:not(.field--loose)>label[data-v-26b2d73e]{line-height:1.5rem}.field--loose[data-v-26b2d73e]{gap:.5rem}textarea.title-input[data-v-26b2d73e]{min-height:56px;font-weight:500}input.hex[data-v-26b2d73e]{font-family:var(--font-mono);text-transform:uppercase;font-size:.75rem}.segmented[data-v-26b2d73e]{display:flex;border-radius:.375rem;border:1px solid var(--input);padding:2px;margin:.25rem 0 1rem;background:var(--muted)}.segment[data-v-26b2d73e]{flex:1;padding:.375rem 0;font-size:.75rem;line-height:1rem;font-weight:500;border-radius:.25rem;color:var(--text-muted);transition:all .15s}.segment[data-v-26b2d73e]:hover{color:var(--foreground)}.segment--active[data-v-26b2d73e]{background:var(--card);color:var(--foreground);box-shadow:var(--shadow-sm)}.dark .segment--active[data-v-26b2d73e]{background:var(--input)}label.label-gap[data-v-26b2d73e]{margin-bottom:.5rem}label.label-gap-sm[data-v-26b2d73e]{margin-bottom:.375rem}.swatches[data-v-26b2d73e]{display:grid;gap:.375rem}.swatches--solid[data-v-26b2d73e]{grid-template-columns:repeat(8,minmax(0,1fr));margin-bottom:.75rem}.swatches--gradient[data-v-26b2d73e]{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:1rem}.swatch[data-v-26b2d73e]{height:1.75rem;width:100%;border-radius:.375rem;transition:transform .15s,box-shadow .15s}.swatch--gradient[data-v-26b2d73e]{height:2rem}.swatch[data-v-26b2d73e]:hover{transform:scale(1.05)}.swatch--active[data-v-26b2d73e],.swatch--active[data-v-26b2d73e]:hover{box-shadow:0 0 0 1px var(--card),0 0 0 3px var(--ring);transform:scale(1.1)}.swatch--gradient.swatch--active[data-v-26b2d73e]{transform:scale(1.05)}.color-row[data-v-26b2d73e]{display:flex;gap:.5rem;align-items:center}.color-row--tight[data-v-26b2d73e]{gap:.375rem}.color-picker[data-v-26b2d73e]{width:2.25rem;height:2.25rem;flex-shrink:0;border-radius:.375rem;border:1px solid var(--input);padding:2px;background:var(--input-bg);cursor:pointer}.two-col[data-v-26b2d73e]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.two-col--spaced[data-v-26b2d73e]{margin-bottom:.75rem}.slider-head[data-v-26b2d73e]{display:flex;align-items:center;justify-content:space-between}.value[data-v-26b2d73e]{font-size:.75rem;line-height:1rem;font-family:var(--font-mono);color:var(--text-muted)}.align-group[data-v-26b2d73e]{display:flex;gap:.25rem}.align-btn[data-v-26b2d73e]{flex:1;display:flex;align-items:center;justify-content:center;height:2.25rem;border-radius:.375rem;border:1px solid var(--input);color:var(--text-muted);transition:all .15s}.align-btn[data-v-26b2d73e]:hover{background:var(--muted)}.align-btn--active[data-v-26b2d73e],.align-btn--active[data-v-26b2d73e]:hover{border-color:var(--ring);background:var(--primary-soft);color:var(--primary)}.dark .align-btn--active[data-v-26b2d73e]{color:var(--link)}.icon[data-v-26b2d73e]{height:1rem;width:1rem}.checkbox-row[data-v-26b2d73e]{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.75rem;line-height:1rem;font-weight:500;color:var(--text)}.checkbox[data-v-26b2d73e]{width:1rem;height:1rem;accent-color:var(--primary);cursor:pointer}.dropzone[data-v-26b2d73e]{display:flex;align-items:center;justify-content:center;border:1px dashed var(--input);border-radius:.5rem;padding:.75rem;cursor:pointer;transition:background-color .15s}.dropzone[data-v-26b2d73e]:hover{background:var(--muted)}.upload-preview[data-v-26b2d73e]{display:flex;align-items:center;gap:.75rem;width:100%;font-size:.75rem;line-height:1rem;color:var(--text-muted)}.upload-preview img[data-v-26b2d73e]{height:2.5rem;width:2.5rem;object-fit:contain;border-radius:.25rem}.upload-preview span[data-v-26b2d73e]{flex:1}.remove-btn[data-v-26b2d73e]{font-size:.75rem;font-weight:500;color:var(--danger);flex-shrink:0}.remove-btn[data-v-26b2d73e]:hover{color:var(--danger-hover)}.upload-hint[data-v-26b2d73e]{text-align:center;font-size:.75rem;line-height:1rem;color:var(--text-subtle)}.upload-hint-sub[data-v-26b2d73e]{margin-top:2px}.btn[data-v-2a8ff9e2]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:color .15s,background-color .15s,border-color .15s;-webkit-user-select:none;user-select:none}.btn[data-v-2a8ff9e2]:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.btn[data-v-2a8ff9e2]:disabled{pointer-events:none;opacity:.5}.btn--default[data-v-2a8ff9e2]{background:var(--foreground);color:var(--card);box-shadow:var(--shadow)}.btn--outline[data-v-2a8ff9e2]{border:1px solid var(--input);background:var(--input-bg);color:var(--foreground);box-shadow:var(--shadow-sm)}.btn--outline[data-v-2a8ff9e2]:hover{background:var(--muted)}.btn--primary[data-v-2a8ff9e2]{background:var(--primary);color:#fff;box-shadow:var(--shadow)}.btn--primary[data-v-2a8ff9e2]:hover{background:var(--primary-hover)}.btn--size-default[data-v-2a8ff9e2]{height:2.25rem;padding:.5rem 1rem}.btn--size-sm[data-v-2a8ff9e2]{height:2rem;padding:0 .75rem;font-size:.75rem}.modal[data-v-ae24c494]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center}.backdrop[data-v-ae24c494]{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog[data-v-ae24c494]{position:relative;z-index:10;width:400px;max-width:calc(100% - 2rem);background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:1.5rem;box-shadow:0 25px 50px -12px #00000040}.dialog-title[data-v-ae24c494]{font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--heading);margin-bottom:1.25rem}.group[data-v-ae24c494]{margin-bottom:1rem}.group--last[data-v-ae24c494]{margin-bottom:1.5rem}.group-label[data-v-ae24c494]{font-size:.75rem;line-height:1rem;color:var(--text-muted);margin-bottom:.375rem}.filename[data-v-ae24c494]{display:flex;align-items:center;border-radius:.5rem;border:1px solid var(--input);overflow:hidden}.filename[data-v-ae24c494]:focus-within{box-shadow:0 0 0 1px var(--text-subtle)}.filename input[data-v-ae24c494]{flex:1;min-width:0;height:2.25rem;padding:0 .75rem;font-size:.875rem;background:var(--input-bg);color:var(--foreground);border:0;outline:none}.filename input[data-v-ae24c494]::placeholder{color:var(--text-subtle)}.filename span[data-v-ae24c494]{padding:0 .75rem;height:2.25rem;display:flex;align-items:center;font-size:.875rem;color:var(--text-muted);border-left:1px solid var(--input);background:var(--muted);flex-shrink:0}.scales[data-v-ae24c494]{display:flex;border-radius:.5rem;border:1px solid var(--input);overflow:hidden;margin-bottom:.5rem}.scale[data-v-ae24c494]{flex:1;padding:.5rem 0;font-size:.875rem;font-weight:500;color:var(--text-muted);border-right:1px solid var(--input);transition:color .15s,background-color .15s}.scale[data-v-ae24c494]:last-child{border-right:0}.scale[data-v-ae24c494]:hover{color:var(--foreground)}.scale--active[data-v-ae24c494],.scale--active[data-v-ae24c494]:hover{background:var(--foreground);color:var(--card)}.output[data-v-ae24c494]{font-size:.75rem;line-height:1rem;color:var(--text-subtle)}.output span[data-v-ae24c494]{font-family:var(--font-mono);color:var(--text)}.actions[data-v-ae24c494]{display:flex;gap:.5rem}.action[data-v-ae24c494]{flex:1;height:2.25rem;font-size:.875rem;border-radius:.5rem;transition:color .15s,background-color .15s}.action--cancel[data-v-ae24c494]{border:1px solid var(--input);color:var(--text-muted)}.action--cancel[data-v-ae24c494]:hover{color:var(--foreground)}.action--confirm[data-v-ae24c494]{font-weight:500;background:#18181b;color:#fff;display:flex;align-items:center;justify-content:center;gap:.375rem}.action--confirm[data-v-ae24c494]:hover{background:#3f3f46}.icon[data-v-ae24c494]{height:.875rem;width:.875rem}.preview[data-v-3818f2ac]{display:flex;flex-direction:column;height:100%}.preview-header[data-v-3818f2ac]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;flex-shrink:0}.preview-title[data-v-3818f2ac]{font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--heading)}.preview-size[data-v-3818f2ac]{font-size:.75rem;line-height:1rem;color:var(--text-subtle);margin-top:2px}.preview-actions[data-v-3818f2ac]{display:flex;align-items:center;gap:.5rem}.preview-actions .btn[data-v-3818f2ac]{gap:.375rem}.icon[data-v-3818f2ac]{height:.875rem;width:.875rem}.spin[data-v-3818f2ac]{animation:spin-3818f2ac 1s linear infinite}@keyframes spin-3818f2ac{to{transform:rotate(360deg)}}.canvas[data-v-3818f2ac]{flex:1;min-height:240px;display:flex;align-items:center;justify-content:center;overflow:auto;border-radius:.75rem;background:#e4e4e7}.dark .canvas[data-v-3818f2ac]{background:#18181b}@media(min-width:1024px){.preview-header[data-v-3818f2ac]{margin-bottom:1.25rem}}.notice[data-v-ac58e571]{display:inline-flex;align-items:center;gap:.75rem;background:#18181b;border:1px solid #27272a;border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;color:#f4f4f5;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.notice-icon[data-v-ac58e571]{color:#fbbf24;flex-shrink:0}.notice-text[data-v-ac58e571]{flex:1}.notice-text a[data-v-ac58e571]{font-weight:600;text-decoration:underline;text-underline-offset:2px;transition:color .15s}.notice-text a[data-v-ac58e571]:hover{color:#fff}.notice-tag[data-v-ac58e571]{margin-left:.375rem;font-size:.75rem;font-weight:500;color:#a1a1aa}.notice-close[data-v-ac58e571]{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin:-.25rem -.375rem -.25rem 0;color:#a1a1aa;flex-shrink:0;transition:color .15s}.notice-close[data-v-ac58e571]:hover{color:#d4d4d8}.app[data-v-f476e25e]{display:flex;flex-direction:column;min-height:100%;overflow:auto;background:var(--background);color:var(--foreground)}.navbar[data-v-f476e25e]{display:flex;align-items:center;gap:.75rem;padding:0 1rem;height:3.5rem;background:var(--card);border-bottom:1px solid var(--border);flex-shrink:0}.brand[data-v-f476e25e]{display:flex;align-items:center;gap:.5rem}.brand-logo[data-v-f476e25e]{height:1.75rem;width:1.75rem;border-radius:.5rem;background:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-name[data-v-f476e25e]{font-weight:600;font-size:.875rem}.divider[data-v-f476e25e],.tagline[data-v-f476e25e]{display:none}.divider[data-v-f476e25e]{height:1rem;width:1px;margin:0 .25rem;background:var(--input)}.tagline[data-v-f476e25e]{font-size:.75rem;color:var(--text-subtle)}.nav-actions[data-v-f476e25e]{margin-left:auto;display:flex;align-items:center;gap:.5rem}.theme-toggle[data-v-f476e25e]{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;color:var(--text-subtle);transition:color .15s,background-color .15s}.theme-toggle[data-v-f476e25e]:hover{color:var(--foreground);background:var(--muted)}.reset-btn[data-v-f476e25e]{height:2rem;padding:0 .75rem;font-size:.75rem;border-radius:.375rem;border:1px solid var(--input);color:var(--text-muted);transition:color .15s,border-color .15s}.reset-btn[data-v-f476e25e]:hover{color:var(--foreground);border-color:var(--text-subtle)}.notification-row[data-v-f476e25e]{flex-shrink:0;display:flex;justify-content:center;padding:.75rem 1rem 0}.workspace[data-v-f476e25e]{flex:1;display:flex;flex-direction:column;gap:1rem;padding:1rem}.sidebar[data-v-f476e25e]{width:100%}.preview-area[data-v-f476e25e]{flex:1;min-height:320px;display:flex;flex-direction:column}@media(min-width:1024px){.app[data-v-f476e25e]{height:100%;overflow:hidden}.navbar[data-v-f476e25e]{padding:0 1.5rem}.divider[data-v-f476e25e],.tagline[data-v-f476e25e]{display:block}.workspace[data-v-f476e25e]{flex-direction:row;gap:1.5rem;padding:1.5rem;overflow:hidden}.sidebar[data-v-f476e25e]{width:20rem;flex-shrink:0;align-self:flex-start;overflow-y:auto;max-height:100%}.preview-area[data-v-f476e25e]{min-height:0;overflow:hidden}}@media(min-width:1280px){.sidebar[data-v-f476e25e]{width:24rem}}