.illustrate-root.svelte-68afwm{width:100%;max-width:100%}.illustrate-root.framed.svelte-68afwm{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.preset-tabs.svelte-68afwm{min-width:0;position:relative}.preset-tabs.mode-horizontal.svelte-68afwm{width:fit-content;margin-bottom:1rem}.preset-tabs.mode-horizontal.svelte-68afwm:has(.pen-anchor:where(.svelte-68afwm)){padding-right:2.5rem}.preset-tabs.mode-horizontal.framed.svelte-68afwm{border-bottom:1px solid var(--border);width:100%;margin-bottom:0;padding:0 .5rem}.preset-tabs.mode-horizontal.framed.svelte-68afwm:has(.pen-anchor:where(.svelte-68afwm)){padding-right:2.5rem}.preset-tabs.mode-vertical.svelte-68afwm{flex-direction:column;flex-shrink:0;width:12rem;margin-top:2.5rem;margin-right:1rem;display:flex}.preset-tabs.mode-vertical.framed.svelte-68afwm{border-right:1px solid var(--border);margin-right:0;padding:2.5rem 0 .5rem}.tabs-group.svelte-68afwm{gap:.25rem;min-width:0;display:flex;position:relative}.mode-horizontal.svelte-68afwm .tabs-group:where(.svelte-68afwm){flex-flow:wrap}.mode-vertical.svelte-68afwm .tabs-group:where(.svelte-68afwm){flex-direction:column}.preset-tab.svelte-68afwm{color:var(--muted-foreground);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;border-radius:0;max-width:100%;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:color .15s;position:relative;overflow:hidden}.preset-tabs.mode-vertical.svelte-68afwm .preset-tab:where(.svelte-68afwm){text-align:left;width:100%}.preset-tab.svelte-68afwm:hover,.preset-tab.active.svelte-68afwm{color:var(--foreground)}.preset-tab.svelte-68afwm:focus-visible{outline:none}.focus-indicator.svelte-68afwm{background:var(--muted-foreground);pointer-events:none;opacity:0;border-radius:1px;transition:opacity .1s;position:absolute}.focus-indicator.visible.svelte-68afwm{opacity:.3}.preset-tabs.mode-horizontal.svelte-68afwm .focus-indicator:where(.svelte-68afwm){height:2px;bottom:0;left:0;right:0}.preset-tabs.mode-horizontal.framed.svelte-68afwm .focus-indicator:where(.svelte-68afwm){bottom:-1px}.preset-tabs.mode-vertical.svelte-68afwm .focus-indicator:where(.svelte-68afwm){width:2px;top:0;bottom:0;left:0}.preset-tabs.mode-vertical.framed.svelte-68afwm .focus-indicator:where(.svelte-68afwm){left:-1px}.tab-indicator.svelte-68afwm{background:var(--primary);pointer-events:none;border-radius:1px;position:absolute}.tab-indicator.ready.svelte-68afwm{transition:transform .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1),height .25s cubic-bezier(.4,0,.2,1)}.preset-tabs.mode-horizontal.svelte-68afwm .tab-indicator:where(.svelte-68afwm){height:2px;width:var(--indicator-size,0px);bottom:0;left:0}.preset-tabs.mode-horizontal.framed.svelte-68afwm .tab-indicator:where(.svelte-68afwm){bottom:-1px}.preset-tab.svelte-68afwm:after{content:"";background:var(--primary);transform-origin:100%;pointer-events:none;border-radius:1px;height:2px;transition:transform .25s cubic-bezier(.4,0,.2,1);display:none;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.preset-tab.active.svelte-68afwm:after{transform-origin:0;transform:scaleX(1)}.preset-tabs.mode-horizontal.multi-row.svelte-68afwm .tab-indicator:where(.svelte-68afwm){display:none}.preset-tabs.mode-horizontal.multi-row.svelte-68afwm .preset-tab:where(.svelte-68afwm):after{display:block}.preset-tabs.mode-horizontal.multi-row.framed.svelte-68afwm .preset-tab:where(.svelte-68afwm):after{bottom:-1px}.preset-tabs.mode-vertical.svelte-68afwm .tab-indicator:where(.svelte-68afwm){width:2px;height:var(--indicator-size,0px);top:0;left:0}.preset-tabs.mode-vertical.framed.svelte-68afwm .tab-indicator:where(.svelte-68afwm){left:-1px}.preset-description.svelte-68afwm{color:var(--muted-foreground);flex-direction:column;justify-content:flex-end;margin:0 0 1rem;font-size:.8125rem;font-style:italic;line-height:1.5;display:flex}.preset-description.framed.svelte-68afwm{border-bottom:1px solid var(--border);margin:0;padding:.5rem 1rem}.pen-anchor.svelte-68afwm{align-items:center;display:flex;position:relative}.preset-tabs.mode-horizontal.svelte-68afwm .pen-anchor:where(.svelte-68afwm){position:absolute;top:0;right:0}.preset-tabs.mode-vertical.svelte-68afwm .pen-anchor:where(.svelte-68afwm){padding:.25rem 0 0 .5rem}.pen-btn.svelte-68afwm{border-radius:var(--radius);width:1.875rem;height:1.875rem;color:var(--muted-foreground);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s,background .15s;display:flex}.pen-btn.svelte-68afwm:hover{color:var(--foreground);border-color:var(--border);background:var(--muted)}.pen-btn.active.svelte-68afwm{color:var(--ring);border-color:var(--ring);background:color-mix(in srgb, var(--ring) 15%, transparent)}.controls-panel.svelte-68afwm{z-index:10;background:var(--background);border:1px solid var(--border);border-radius:var(--radius);width:200px;box-shadow:0 4px 16px color-mix(in srgb, var(--foreground) 8%, transparent);flex-direction:column;gap:.875rem;padding:.875rem;display:flex}.preset-tabs.mode-horizontal.svelte-68afwm .controls-panel:where(.svelte-68afwm){position:absolute;top:calc(100% + .375rem);right:0}.preset-tabs.mode-vertical.svelte-68afwm .controls-panel:where(.svelte-68afwm){max-height:calc(100vh - 2rem);animation:.18s ease-out svelte-68afwm-controls-panel-slide-in;position:fixed;top:50%;right:1rem;overflow-y:auto;transform:translateY(-50%)}@keyframes svelte-68afwm-controls-panel-slide-in{0%{opacity:0;transform:translate(12px,-50%)}to{opacity:1;transform:translateY(-50%)}}.illustrate-body.svelte-68afwm{min-width:0;display:flex}.preview-column.svelte-68afwm{flex-direction:column;flex:1;min-width:0;display:flex}.component-preview.svelte-68afwm{flex:1;min-width:0}.inline-controls.svelte-68afwm{background:var(--muted);border-radius:var(--radius);flex-direction:column;flex-shrink:0;gap:.875rem;width:180px;padding:.875rem;display:flex}.control-item.svelte-68afwm{flex-direction:column;gap:.375rem;display:flex}.control-label.svelte-68afwm{color:var(--muted-foreground);font-size:.75rem;font-weight:500}.button-group.svelte-68afwm{flex-wrap:wrap;gap:.25rem;display:flex}.option-btn.svelte-68afwm{border-radius:calc(var(--radius) - 2px);border:1px solid var(--border);color:var(--muted-foreground);cursor:pointer;background:0 0;padding:.1875rem .5rem;font-size:.75rem}.option-btn.active.svelte-68afwm{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.illustrate-root.narrow.svelte-68afwm .illustrate-body:where(.svelte-68afwm){flex-direction:column}.illustrate-root.narrow.svelte-68afwm .inline-controls:where(.svelte-68afwm){width:100%}