.icon-button.svelte-1nncf6v{width:32px;height:32px;border:none;box-shadow:none;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;outline:none;background:transparent;color:#ffffffb3;border-radius:4px;transition:color .15s;position:relative}.icon-button.svelte-1nncf6v:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:28px;height:28px;margin:auto;border-radius:4px;background:transparent;transition:background .15s;pointer-events:none}.icon-button.svelte-1nncf6v:hover:before{background:#ffffff1a}.icon-button.svelte-1nncf6v:hover{color:#fff}.icon-button.active.svelte-1nncf6v:before{background:#ffffff1a}.icon-button.active.svelte-1nncf6v{color:#fff}.icon-button.active.svelte-1nncf6v:hover:before{background:#ffffff26}.icon-button.svelte-1nncf6v:focus{outline:none;box-shadow:none}.icon-button.svelte-1nncf6v:focus:before{background:#ffffff1a}.icon-button.svelte-1nncf6v:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.icon-button.svelte-1nncf6v svg{color:currentColor;position:relative;z-index:1}.section-header.svelte-1qvkxrf{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1rem;height:32px;width:100%;background:transparent;color:#fff;-webkit-user-select:none;user-select:none}.header-main.svelte-1qvkxrf{flex:1;min-width:0;display:flex;align-items:center;background:transparent;border:none;padding:0;margin:0;color:inherit;font:inherit;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none}.section-header.non-collapsible.svelte-1qvkxrf{cursor:default}.section-header.non-collapsible.clickable.svelte-1qvkxrf .header-main:where(.svelte-1qvkxrf){cursor:pointer}.section-header.non-collapsible.clickable.svelte-1qvkxrf:hover .header-title:where(.svelte-1qvkxrf){color:#fff}.section-header.collapsible.svelte-1qvkxrf .header-main:where(.svelte-1qvkxrf){cursor:pointer}.toggle-btn.svelte-1qvkxrf{align-items:center;gap:.375rem;font-size:var(--ui-font-size, 15px);color:#ffffff80;transition:color .15s}.toggle-btn.svelte-1qvkxrf b:where(.svelte-1qvkxrf){font-weight:500}.header-title.svelte-1qvkxrf{display:flex;align-items:center;gap:.375rem;font-size:var(--ui-font-size, 15px)}.header-title.svelte-1qvkxrf b:where(.svelte-1qvkxrf){font-weight:500}.chevron.svelte-1qvkxrf{display:inline-flex;align-items:center;justify-content:center;color:#fff6;opacity:0;transition:opacity .15s,transform .2s ease}.chevron.collapsed.svelte-1qvkxrf{transform:rotate(-90deg)}.section-header.collapsible.svelte-1qvkxrf:hover .toggle-btn:where(.svelte-1qvkxrf){color:#fff}.section-header.collapsible.svelte-1qvkxrf:hover .chevron:where(.svelte-1qvkxrf){opacity:1}.count.svelte-1qvkxrf{font-size:calc(var(--ui-font-size, 15px) * .8);font-weight:400;color:#fff6}.header-actions.svelte-1qvkxrf{display:flex;align-items:center;gap:0}.header-actions.svelte-1qvkxrf svg{width:16px;height:16px}.github-section.svelte-m7w7wa{display:flex;flex-direction:column;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--sk-border);margin-bottom:1rem}.top-row.svelte-m7w7wa{display:flex;align-items:center;justify-content:space-between}.undo-redo.svelte-m7w7wa{display:flex;align-items:center;gap:.125rem}.back-link.svelte-m7w7wa{display:flex;align-items:center;gap:.25rem;color:var(--sk-fg-2);text-decoration:none;font-size:.8125rem;transition:color .15s ease}.back-link.svelte-m7w7wa:hover{color:var(--sk-fg-1)}.sync-row.svelte-m7w7wa{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sync-status.svelte-m7w7wa{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--sk-fg-3)}.sync-status.synced.svelte-m7w7wa{color:#22c55e}.sync-status.pending.svelte-m7w7wa{color:#eab308}.sync-status.syncing.svelte-m7w7wa{color:var(--sk-fg-2)}.sync-status.not-saved.svelte-m7w7wa{color:var(--sk-fg-3)}.sync-status .spinner{animation:svelte-m7w7wa-spin 1s linear infinite}@keyframes svelte-m7w7wa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.save-btn.svelte-m7w7wa{padding:.375rem .75rem;background:var(--sk-bg-3);border:1px solid var(--sk-border);border-radius:6px;color:var(--sk-fg-1);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease;text-decoration:none;display:inline-flex;align-items:center}.save-btn.svelte-m7w7wa:hover:not(:disabled){background:var(--sk-bg-4);border-color:var(--sk-border-highlight, var(--sk-border))}.save-btn.svelte-m7w7wa:disabled{opacity:.5;cursor:not-allowed}.repo-info.svelte-m7w7wa{padding-top:.25rem}.repo-name.svelte-m7w7wa{font-size:.6875rem;color:var(--sk-fg-3);font-family:var(--sk-font-mono, monospace)}.files-tree.svelte-16cd9g4{position:relative;display:flex;flex-direction:column;gap:0;z-index:0;flex-shrink:0;padding-bottom:1rem;border-bottom:1px solid var(--sk-border);margin-bottom:1rem}.files-tree.collapsed.svelte-16cd9g4{padding:0;border-bottom:none;margin-bottom:0}.collapsed-header.svelte-16cd9g4{display:flex;align-items:center;justify-content:center;padding:.5rem}.file-tabs.svelte-16cd9g4{border:none;margin:0;width:100%;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}.file-tabs.svelte-16cd9g4 .button:where(.svelte-16cd9g4){position:relative;display:flex;align-items:center;justify-content:flex-start;font:var(--sk-font-ui-small);border:none;padding:.8rem 1rem;width:100%;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}.file-tabs.svelte-16cd9g4 .button.preview-active:where(.svelte-16cd9g4){background:#3b82f61a}.file-tabs.svelte-16cd9g4 .button:where(.svelte-16cd9g4){--padding-left: 2.5rem;--padding-right: 1.4rem;padding-block:calc(.5rem - 4px);padding-inline:.5rem}.file-tabs.svelte-16cd9g4 .button:where(.svelte-16cd9g4).editable{--padding-right: 1.8rem}.file-tabs.svelte-16cd9g4 .button:where(.svelte-16cd9g4) .file-icon:where(.svelte-16cd9g4){display:flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;flex-shrink:0;color:#ffffff80}.file-tabs.svelte-16cd9g4 .button:where(.svelte-16cd9g4) .file-icon.component:where(.svelte-16cd9g4){color:#a855f7}.file-tabs.svelte-16cd9g4 .button:where(.svelte-16cd9g4) .more-icon:where(.svelte-16cd9g4){position:absolute;display:flex;align-items:center;justify-content:center;top:50%;right:.5rem;transform:translateY(-50%);width:1.5rem;height:1.5rem;padding:0;border:none;background:var(--sk-bg-3);border-radius:4px;cursor:pointer;color:var(--sk-fg-2)}.file-tabs.svelte-16cd9g4 .button:where(.svelte-16cd9g4) .more-icon:where(.svelte-16cd9g4):hover{background:var(--sk-bg-4);color:var(--sk-fg-1)}.file-tabs.svelte-16cd9g4 .button:where(.svelte-16cd9g4).drag-over{background:var(--sk-bg-4)}.file-tabs.svelte-16cd9g4 .button:where(.svelte-16cd9g4):hover:not([aria-current=true]):after{content:"";position:absolute;top:0;left:8px;right:8px;bottom:0;background:#ffffff0a;pointer-events:none}.file-tabs.svelte-16cd9g4 .button:where(.svelte-16cd9g4)[aria-current=true].editable .filename:where(.svelte-16cd9g4){cursor:text}.filename.svelte-16cd9g4{font-size:var(--ui-font-size, 13px)}input.svelte-16cd9g4{position:absolute;width:calc(100% - var(--padding-left) - var(--padding-right));border:none;outline:none;background-color:transparent;color:inherit;top:0;left:var(--padding-left);height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--sk-font-family-ui);font-size:var(--ui-font-size, 13px);box-sizing:border-box}input.svelte-16cd9g4:focus{color:var(--sk-fg-accent)}.context-menu-overlay.svelte-16cd9g4{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.context-menu.svelte-16cd9g4{position:fixed;min-width:140px;background:var(--sk-bg-2);border:1px solid var(--sk-border);border-radius:6px;box-shadow:0 4px 12px #0000004d;padding:4px;z-index:1001}.context-menu-item.svelte-16cd9g4{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--sk-fg-1);font:var(--sk-font-ui-small);cursor:pointer;border-radius:4px;text-align:left}.context-menu-item.svelte-16cd9g4:hover:not(:disabled){background:var(--sk-bg-4)}.context-menu-item.svelte-16cd9g4:disabled{opacity:.4;cursor:not-allowed}.context-menu-item.svelte-16cd9g4.danger{color:#ef4444}.context-menu-item.svelte-16cd9g4.danger:hover:not(:disabled){background:#ef44441a}.context-menu-divider.svelte-16cd9g4{height:1px;background:var(--sk-border);margin:4px 0}.message.svelte-8ayd81{position:relative;color:#fff;padding:12px 16px 12px 44px;font:var(--sk-font-ui-small);margin:0;border-top:1px solid var(--sk-border)}.message.svelte-8ayd81:before{content:"!";position:absolute;left:12px;top:10px;text-align:center;line-height:1;padding:4px;border-radius:50%;color:#fff;border:2px solid white;box-sizing:content-box;width:10px;height:10px;font-size:11px;font-weight:700}.truncate.svelte-8ayd81{white-space:pre;overflow-x:hidden;text-overflow:ellipsis}.error.svelte-8ayd81{background-color:#da106e}.info.svelte-8ayd81{background-color:var(--sk-fg-4)}.error-overlay.svelte-1s2kwqj{position:absolute;width:100%;height:100%;top:0;padding:1em;background:#0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.error.svelte-1s2kwqj{display:flex;flex-direction:column;gap:1em;background:var(--sk-bg-1);padding:1em;border-top:4px solid var(--sk-fg-accent);border-radius:4px;filter:drop-shadow(2px 4px 8px rgba(0,0,0,.1))}pre.svelte-1s2kwqj{padding:.5em;background:var(--sk-bg-3)}small.svelte-1s2kwqj{color:var(--sk-fg-4)}[data-scroll-area-viewport]{scrollbar-width:none!important;-ms-overflow-style:none!important;-webkit-overflow-scrolling:touch!important}[data-scroll-area-viewport]::-webkit-scrollbar{display:none!important}:where([data-scroll-area-viewport]){display:flex;flex-direction:column;align-items:stretch}:where([data-scroll-area-content]){flex-grow:1}.iframe-container.svelte-1n9i5wu{position:relative;border:none;width:100%;height:100%;flex:1;min-height:0;transition:background-color .2s ease;overflow:hidden;border-radius:8px}.iframe-container.bg-light.svelte-1n9i5wu{background-color:#fff}.iframe-container.bg-dark.svelte-1n9i5wu{background-color:#0a0a0a}.iframe-container.bg-checkerboard.svelte-1n9i5wu{background-color:#a0a0a0;background-image:linear-gradient(45deg,#808080 25%,transparent 25%),linear-gradient(-45deg,#808080 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#808080 75%),linear-gradient(-45deg,transparent 75%,#808080 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}iframe.svelte-1n9i5wu{width:100%;height:100%;border:none;overflow:hidden;border-radius:8px;display:block;background-color:transparent}.greyed-out.svelte-1n9i5wu{filter:grayscale(50%) blur(1px);opacity:.25}.overlay.svelte-1n9i5wu{position:absolute;top:0;width:100%}.output-container.svelte-uf8zwh{display:flex;flex-direction:column;width:100%;height:100%;position:relative}.codemirror-wrapper{height:100%}.cm-editor{color:var(--shiki-color-text);background-color:transparent;height:100%}.cm-editor.cm-focused{outline:none}.cm-editor.cm-focused .cm-cursor{border-left-color:var(--sk-fg-3)}.cm-editor.cm-focused>.cm-scroller>.cm-selectionLayer .cm-selectionBackground,.cm-editor.cm-focused .cm-selectionBackground,.cm-editor.cm-focused .cm-content ::selection{background-color:var(--sk-bg-selection)}.cm-editor.cm-focused .cm-matchingBracket,.cm-editor.cm-focused .cm-nonmatchingBracket{background-color:#bad0f847}.cm-editor .cm-scroller{font:var(--sk-font-mono)}.cm-editor .cm-gutters{background:transparent;border:none;padding-left:.25rem}.cm-editor .cm-activeLine{background:inherit}.cm-editor .cm-foldGutter{width:1.4rem}.cm-editor .cm-activeLineGutter{background:#0000000a}:root.dark :is(.cm-editor .cm-activeLineGutter){background:#ffffff0a}.cm-editor .cm-gutterElement{position:relative}.cm-editor .cm-gutterElement:where(:has([title="Fold line"]),:has([title="Unfold line"])):after{content:"";position:absolute;width:100%;right:0;top:50%;transform:translateY(-50%) rotate(270deg);height:2.4rem;background:currentColor;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path d='M5 7L7.5 9.5L10 7' stroke='white' stroke-linecap='round'/></svg>") no-repeat 50% 50%;-webkit-mask-size:70%;mask-size:70%;transition:transform .2s;cursor:pointer}.cm-editor .cm-gutterElement:has([title="Unfold line"]):after{transform:translateY(-50%) rotate(180deg)}.cm-editor .cm-gutterElement span{color:transparent}.cm-editor .cm-lineNumbers{flex:1}.cm-editor .cm-lineNumbers .cm-gutterElement:not(:last-child){display:flex;justify-content:end;align-items:end}.cm-editor .cm-foldPlaceholder{background-color:transparent;border:none;color:#ddd}.cm-editor .cm-lintRange{background-position:left bottom;background-repeat:repeat-x;padding-bottom:4px}.cm-editor .cm-content{padding:.4rem 0}.cm-editor .cm-line{padding:0 1rem}.cm-editor .cm-selectionBackground{border-radius:2px;background-color:var(--sk-bg-unfocused-selection)}.cm-editor .cm-selectionMatch{background:var(--selection-color);color:var(--sk-fg-2)}.cm-editor .cm-tooltip.cm-tooltip-autocomplete{color:var(--sk-fg-3)!important;perspective:1px}.cm-editor .cm-tooltip.cm-tooltip-autocomplete>ul>li[aria-selected]{background-color:var(--sk-bg-4);color:var(--sk-fg-2)!important}.cm-editor .cm-tooltip.cm-tooltip-autocomplete>ul{font:var(--sk-font-mono)}.cm-editor .cm-panels{font:var(--sk-font-ui-small);background:var(--sk-bg-2);color:inherit}.cm-editor .cm-panels.cm-panels-top,.cm-editor .cm-panels.cm-panels-bottom{border-top:1px solid var(--sk-border);border-bottom:1px solid var(--sk-border)}.cm-editor .cm-panels .cm-panel{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem 4.2rem .5rem .5rem}.cm-editor .cm-panels .cm-panel .cm-button,.cm-editor .cm-panels .cm-panel button[aria-label=close]{margin:0;font:inherit;background:inherit;height:3.2rem;padding:0 .8rem;border-style:solid;border-width:var(--sk-raised-width);border-color:var(--sk-raised-color);border-radius:var(--sk-border-radius)}.cm-editor .cm-panels .cm-panel .cm-button:hover,.cm-editor .cm-panels .cm-panel button[aria-label=close]:hover{border-color:var(--sk-raised-hover-color)}.cm-editor .cm-panels .cm-panel .cm-button:active,.cm-editor .cm-panels .cm-panel button[aria-label=close]:active{border-color:var(--sk-raised-active-color);border-width:var(--sk-raised-active-width)}.cm-editor .cm-panels .cm-panel button[aria-label=close]{aspect-ratio:1;top:.5rem;right:.5rem}.cm-editor .cm-panels .cm-panel button[aria-label=close]:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:currentColor;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path d='M4 4L12 12M12 4L4 12' stroke='white' stroke-linecap='round'/></svg>") 50% 50% no-repeat;-webkit-mask-size:1.8rem;mask-size:1.8rem}.cm-editor .cm-panels .cm-panel .cm-textfield{font:inherit;background:inherit;color:inherit;border:1px solid var(--sk-border);border-radius:var(--sk-border-radius);margin:0}.cm-editor .cm-panels .cm-panel .cm-search button:focus-visible,.cm-editor .cm-panels .cm-panel .cm-search input:focus-visible{border:2px solid var(--flash)}.cm-editor .cm-panels .cm-panel .cm-search input[type=checkbox]:focus-visible{outline:2px solid var(--flash)}.cm-editor .cm-panels .cm-panel label{font:inherit;display:inline-flex;gap:.5rem;align-items:center;margin:0 0 0 .5rem}.cm-editor .cm-searchMatch.cm-searchMatch-selected{background-color:#6199ff2f}.cm-editor .cm-tooltip{--warning: hsl(40 100% 70%);--error: hsl(0 100% 90%);border:none;background:var(--sk-bg-3);font:var(--sk-font-ui-small);max-width:calc(100vw - 10em);position:relative;padding:1rem;filter:var(--sk-shadow)}.cm-editor .cm-tooltip :root.dark{--warning: hsl(40 100% 50%);--error: hsl(0 100% 70%)}.cm-editor .cm-tooltip:has(.cm-diagnostic){background:transparent}.cm-editor .cm-tooltip:has(.cm-diagnostic-warning){--bg: var(--warning);--fg: #222}.cm-editor .cm-tooltip:has(.cm-diagnostic-error){--bg: var(--error);--fg: #222}.cm-editor .cm-tooltip .cm-tooltip-section{position:relative;padding:1rem;background:var(--bg);border-radius:2px;max-width:64em}.cm-editor .cm-tooltip .cm-tooltip-section .cm-diagnostic{padding:0;margin:0;position:relative;border:none;border-radius:var(--sk-border-radius)}.cm-editor .cm-tooltip .cm-tooltip-section .cm-diagnostic:not(:last-child){border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:1rem;padding-bottom:1rem}.cm-editor .cm-tooltip .cm-tooltip-section .cm-diagnostic :not(code){font:var(--sk-font-ui-small)}.cm-editor .cm-tooltip .cm-tooltip-section .cm-diagnostic .cm-diagnosticText{position:relative;display:flex;color:var(--fg);z-index:2}.cm-editor .cm-tooltip .cm-tooltip-section .cm-diagnostic .cm-diagnosticText code{color:inherit;background-color:#0000000d;font-size:1em;margin:0;padding:.2rem .4rem}.cm-editor .cm-tooltip .cm-tooltip-section .cm-diagnostic .cm-diagnosticText a{font:var(--sk-font-mono);color:inherit;font-size:1em;text-decoration:underline}.cm-editor .highlight{background:var(--sk-bg-highlight);padding:4px 0}.ͼ2 .cm-gutters.cm-gutters-before{background:var(--sk-bg-1)}.editor-wrapper.svelte-1ntwi0g{display:flex;flex-direction:column;flex:1;min-height:0;gap:0}.container.svelte-1ntwi0g{width:100%;flex:1;min-height:0}.fake.svelte-1ntwi0g{display:grid;grid-template-columns:4rem 1fr;grid-gap:1rem;padding:.4rem 0}.fake.svelte-1ntwi0g :where(.svelte-1ntwi0g){color:var(--sk-fg-4);font:var(--sk-font-mono)}.fake-gutter.svelte-1ntwi0g{text-align:right;padding-right:.7rem}.fake-content.svelte-1ntwi0g{padding:0 1rem}.attribute-editor.svelte-s7rx0p{display:flex;flex-direction:column;gap:.5rem}.attribute-row.svelte-s7rx0p{display:flex;align-items:center;gap:.5rem;font-family:var(--ui-font-family, inherit);font-size:var(--ui-font-size, 15px)}.attr-name-wrapper.svelte-s7rx0p{flex:0 0 auto;min-width:80px;max-width:120px}.attr-name-input.svelte-s7rx0p{width:100%;background:#ffffff0d;color:#d19a66;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:.375rem .5rem;font-family:inherit;font-size:var(--ui-font-size, 15px);outline:none}.attr-name-input.svelte-s7rx0p:focus{border-color:#6496ff99;background:#ffffff14}.attr-name-input.svelte-s7rx0p::placeholder{color:#ffffff4d}.attr-value-wrapper.svelte-s7rx0p{flex:1;min-width:0;display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding-right:.25rem;transition:all .15s;position:relative}.attr-value-wrapper.focused.svelte-s7rx0p{border-color:#6496ff99;background:#ffffff14}.attr-value-wrapper.has-changes.svelte-s7rx0p{border-color:#28a74599}.attr-value-input.svelte-s7rx0p{flex:1;min-width:0;background:transparent;color:#98c379;border:none;padding:.375rem .5rem;font-family:inherit;font-size:inherit;outline:none}.attr-value-input.svelte-s7rx0p::placeholder{color:#ffffff4d}.input-actions.svelte-s7rx0p{display:flex;align-items:center;gap:.125rem;flex-shrink:0}.input-btn.svelte-s7rx0p{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:3px;cursor:pointer;padding:0;outline:none;transition:all .15s}.input-btn.btn-save.svelte-s7rx0p{color:#28a745}.input-btn.btn-save.svelte-s7rx0p:hover{background:#28a74533}.input-btn.btn-cancel.svelte-s7rx0p{color:#ffffff80}.input-btn.btn-cancel.svelte-s7rx0p:hover{color:#fffc;background:#ffffff1a}.error-message.svelte-s7rx0p{font-size:.65rem;color:#d73a49;padding:.25rem .5rem;background:#d73a491a;border-radius:3px}.event-icon.svelte-s7rx0p{display:flex;align-items:center;color:#e5c07b;margin-right:.25rem}.attr-name-input.event-handler.svelte-s7rx0p{color:#e5c07b}.function-picker.svelte-s7rx0p{position:relative}.function-select-btn.svelte-s7rx0p{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.375rem .5rem;background:transparent;border:none;color:#e5c07b;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:var(--ui-font-size, 15px);cursor:pointer;text-align:left}.function-select-btn.svelte-s7rx0p:hover{background:#ffffff0d}.function-value.svelte-s7rx0p{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.function-dropdown.svelte-s7rx0p{position:absolute;top:100%;left:0;right:0;z-index:100;background:#1e1e1e;border:1px solid rgba(255,255,255,.2);border-radius:4px;box-shadow:0 4px 12px #0000004d;max-height:200px;overflow-y:auto;margin-top:2px}.function-option.svelte-s7rx0p{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem;background:transparent;border:none;color:#fffc;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:var(--ui-font-size, 15px);cursor:pointer;text-align:left}.function-option.svelte-s7rx0p:hover{background:#ffffff1a}.function-option.selected.svelte-s7rx0p{background:#3b82f633;color:#3b82f6}.function-option.create-new.svelte-s7rx0p{border-top:1px solid rgba(255,255,255,.1);color:#ffffff80;font-style:italic}.no-functions.svelte-s7rx0p{padding:.5rem;color:#fff6;font-size:.85em;text-align:center}.prop-picker-btn.svelte-s7rx0p{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;border-radius:3px;color:#fff6;cursor:pointer;flex-shrink:0}.prop-picker-btn.svelte-s7rx0p:hover{color:#a855f7;background:#a855f71a}.prop-dropdown.svelte-s7rx0p{position:absolute;top:100%;right:0;z-index:100;min-width:150px;background:#1e1e1e;border:1px solid rgba(255,255,255,.2);border-radius:4px;box-shadow:0 4px 12px #0000004d;max-height:200px;overflow-y:auto;margin-top:2px}.prop-option.svelte-s7rx0p{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.5rem;background:transparent;border:none;color:#fffc;font-size:var(--ui-font-size, 15px);cursor:pointer;text-align:left}.prop-option.svelte-s7rx0p:hover{background:#a855f71a}.prop-option.svelte-s7rx0p .prop-name:where(.svelte-s7rx0p){color:#c4b5fd;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace}.prop-option.svelte-s7rx0p .prop-type:where(.svelte-s7rx0p){color:#fff6;font-size:.8em}.section.svelte-1ndfpgf{border:none}.section-content.svelte-1ndfpgf{padding:.5rem 1rem .75rem;display:flex;flex-direction:column;gap:.5rem}.breakpoint-info.svelte-1ndfpgf{display:flex;align-items:center;gap:.5rem;font-size:.85em}.breakpoint-label.svelte-1ndfpgf{color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;font-size:.8em}.breakpoint-name.svelte-1ndfpgf{font-family:var(--sk-font-mono, monospace);font-weight:600;font-size:1em;text-transform:uppercase}.breakpoint-width.svelte-1ndfpgf{color:#fff6;font-family:var(--sk-font-mono, monospace);font-size:.85em;margin-left:auto}.zoom-indicator.svelte-1ndfpgf{color:#f59e0b;font-weight:600;margin-left:.25rem}.breakpoint-buttons.svelte-1ndfpgf{display:flex;align-items:center;gap:.375rem}.breakpoint-btn.svelte-1ndfpgf{flex:1;padding:.5rem;background:transparent;border:none;border-radius:0;color:#ffffff80;font-family:var(--sk-font-mono, monospace);font-size:.75em;text-transform:uppercase;cursor:pointer;transition:color .15s ease;font-weight:500;text-align:center;position:relative}.breakpoint-btn.svelte-1ndfpgf:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;border-radius:4px;transition:background .15s ease;pointer-events:none;z-index:-1}.breakpoint-btn.svelte-1ndfpgf:hover:not(.active){color:#ffffffe6}.breakpoint-btn.svelte-1ndfpgf:hover:not(.active):before{background:#ffffff0d}.breakpoint-btn.active.svelte-1ndfpgf{color:#fff}.breakpoint-btn.active.svelte-1ndfpgf:before{background:var(--bp-color, #3b82f6)}.breakpoint-btn:first-child.active.svelte-1ndfpgf:before{background:#ffffff1a}.section.svelte-oh9gi{border:none}.current-classes.svelte-oh9gi{padding:.5rem 1rem}.current-classes.collapsed.svelte-oh9gi{display:none}.class-chips.svelte-oh9gi{display:flex;flex-wrap:wrap;gap:4px}.class-chip.svelte-oh9gi{display:inline-flex;align-items:center;gap:4px;padding:2px 0 2px 8px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:3px;font-family:var(--sk-font-mono, monospace);font-size:var(--ui-font-size, 15px);color:#93c5fd}.chip-remove-btn{height:100%!important;min-height:0!important;padding:0 4px 0 2px!important;color:#fff9!important;border-radius:0 3px 3px 0!important;margin:-2px 0!important}.chip-remove-btn:before{display:none!important}.chip-remove-btn:hover{color:#fff!important;background:transparent!important}.chip-remove-btn:hover:before{display:none!important}.radio-group.svelte-10oz82v{display:flex}.radio-group.svelte-10oz82v .icon-button.radio-group-item{width:32px;height:32px;padding:8px;background:transparent;border:none;border-radius:0;color:#ffffff80}.radio-group.svelte-10oz82v .icon-button.radio-group-item:before{width:28px;height:28px}.radio-group.svelte-10oz82v .icon-button.radio-group-item:hover:not(:disabled){color:#fff}.radio-group.svelte-10oz82v .icon-button.radio-group-item.active{color:#fff}.radio-group.svelte-10oz82v .icon-button.radio-group-item.active:before{background:#ffffff1a}.select-wrapper.svelte-9yypim{position:relative;flex:1;display:flex;align-items:center}select.svelte-9yypim{flex:1;width:100%;padding:4px 28px 4px 8px;background:transparent;border:none;box-shadow:none;border-radius:4px;color:#ffffffe6;font-size:var(--ui-font-size, 13px);cursor:pointer;transition:box-shadow .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}select.svelte-9yypim:hover{box-shadow:0 0 0 1px #ffffff1a}select.svelte-9yypim:focus{outline:none;box-shadow:0 0 0 1px #3b82f6}select.svelte-9yypim option{background:#1a1a1a;color:#ffffffe6;padding:4px 8px}select.svelte-9yypim option:hover,select.svelte-9yypim option:checked,select.svelte-9yypim option:focus{background:#3b82f633;color:#fff}.select-chevron.svelte-9yypim{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#ffffff80;opacity:0;transition:opacity .1s;pointer-events:none;display:flex;align-items:center}.select-wrapper.svelte-9yypim:hover .select-chevron:where(.svelte-9yypim){opacity:1}.label.svelte-12ltzgz{min-width:60px;font-size:var(--ui-font-size, 13px);color:#ffffffb3}.label.active.svelte-12ltzgz{color:#3b82f6}.input-wrapper.svelte-1sd2o0o{position:relative;flex:1;min-width:0;display:flex;align-items:center}input.svelte-1sd2o0o{flex:1;width:100%;min-width:0;padding:4px 6px;background:transparent;border:none;box-shadow:none;border-radius:4px;color:#ffffffe6;font-size:var(--ui-font-size, 13px);transition:box-shadow .15s}input.svelte-1sd2o0o:hover{box-shadow:0 0 0 1px #ffffff1a}input.svelte-1sd2o0o:focus{outline:none;box-shadow:0 0 0 1px #3b82f6}input[type=number].svelte-1sd2o0o::-webkit-inner-spin-button,input[type=number].svelte-1sd2o0o::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;display:none}input[type=number].svelte-1sd2o0o{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input.with-icon.svelte-1sd2o0o{padding-left:32px}input.with-chevron.svelte-1sd2o0o{padding-right:24px}.input-icon-left.svelte-1sd2o0o{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#ffffff80;display:flex;align-items:center;justify-content:center;pointer-events:none;width:16px;height:16px}.input-icon-left.svelte-1sd2o0o svg{width:16px;height:16px}.input-chevron.svelte-1sd2o0o{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#ffffff80;opacity:0;transition:opacity .1s;pointer-events:none;display:flex;align-items:center}.input-wrapper.svelte-1sd2o0o:hover .input-chevron:where(.svelte-1sd2o0o){opacity:1}.section.svelte-mx2vn2{border:none}.section-content.svelte-mx2vn2{padding:.5rem 1rem .75rem;display:flex;flex-direction:column;gap:.5rem}.field.svelte-mx2vn2{display:flex;align-items:center;gap:.5rem}.row.svelte-mx2vn2{display:flex;align-items:center;justify-content:space-between;flex:1}.toggle-inline-btn.active:before{background:#ffffff1a!important}.opacity-controls.svelte-mx2vn2{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.input-wrapper.opacity-number-input{flex:0 1 40px!important;min-width:40px!important;max-width:40px!important}.opacity-slider.svelte-mx2vn2{width:0;flex:1 1 50px;min-width:50px;height:4px;border-radius:2px;background:#ffffff1a;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.opacity-slider.svelte-mx2vn2::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 1px 3px #0006}.opacity-slider.svelte-mx2vn2::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer;border:none;box-shadow:0 1px 3px #0006}.overflow-container.svelte-mx2vn2{display:flex;flex-direction:column;gap:.5rem;overflow:hidden}.radius-container.svelte-mx2vn2{display:flex;flex-direction:column;gap:.5rem}.field.no-label.svelte-mx2vn2{padding-left:68px}.alignment-grid.svelte-1lrz92x{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#ffffff1a;border-radius:6px;padding:2px;width:80px;height:80px}.grid-cell.svelte-1lrz92x{display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;cursor:pointer;padding:2px;transition:all .15s;opacity:0}.grid-cell.active.svelte-1lrz92x{opacity:1;background:transparent}.grid-cell.svelte-1lrz92x:hover{opacity:1;background:#ffffff1a}.grid-cell.active.svelte-1lrz92x:hover{background:#ffffff1a}.preview-container.svelte-1lrz92x{display:flex;flex-direction:column;width:100%;height:100%;gap:1px;padding:2px}.preview-container.column.svelte-1lrz92x{flex-direction:row}.preview-container.justify-start.svelte-1lrz92x{align-items:flex-start}.preview-container.justify-center.svelte-1lrz92x{align-items:center}.preview-container.justify-end.svelte-1lrz92x{align-items:flex-end}.preview-container.items-start.svelte-1lrz92x{justify-content:flex-start}.preview-container.items-center.svelte-1lrz92x{justify-content:center}.preview-container.items-end.svelte-1lrz92x{justify-content:flex-end}.bar.svelte-1lrz92x{background:currentColor;border-radius:1px;opacity:.5}.preview-container.svelte-1lrz92x:not(.column) .bar:where(.svelte-1lrz92x){width:60%;height:3px}.preview-container.column.svelte-1lrz92x .bar:where(.svelte-1lrz92x){height:60%;width:3px}.grid-cell.active.svelte-1lrz92x .bar:where(.svelte-1lrz92x){opacity:1;background:#3b82f6}.preview-container.svelte-1lrz92x:not(.column) .bar:where(.svelte-1lrz92x):nth-child(2){width:80%}.preview-container.svelte-1lrz92x:not(.column) .bar:where(.svelte-1lrz92x):nth-child(3){width:50%}.preview-container.column.svelte-1lrz92x .bar:where(.svelte-1lrz92x):nth-child(2){height:80%}.preview-container.column.svelte-1lrz92x .bar:where(.svelte-1lrz92x):nth-child(3){height:50%}.section.svelte-1ypuqpj{border:none}.section-content.svelte-1ypuqpj{padding:.5rem 1rem .75rem;display:flex;flex-direction:column;gap:.5rem}.field.svelte-1ypuqpj{display:flex;align-items:center;gap:.5rem}.flex-controls.svelte-1ypuqpj{display:flex;gap:8px}.left-panel.svelte-1ypuqpj{display:flex;flex-direction:column;gap:.5rem;flex:1}.right-panel.svelte-1ypuqpj{display:flex;align-items:center;justify-content:center}.field.svelte-1ypuqpj .input-wrapper{flex:1}.field.no-label.svelte-1ypuqpj{margin-top:0}.label-spacer.svelte-1ypuqpj{min-width:60px;visibility:hidden}.section.svelte-1odjwqf{border:none}.section-content.svelte-1odjwqf{padding:.5rem 1rem .75rem;display:flex;flex-direction:column;gap:.5rem}.field.svelte-1odjwqf{display:flex;align-items:center;gap:.5rem}.field.compound.svelte-1odjwqf{flex-wrap:wrap}.compound-inputs.svelte-1odjwqf{display:flex;gap:4px;flex:1}.side-select{flex:.6!important}.value-select{flex:.4!important}.section.svelte-1h7fjjj{border:none}.section-content.svelte-1h7fjjj{padding:.5rem 1rem .75rem;display:flex;flex-direction:column;gap:.5rem}.field.svelte-1h7fjjj{display:flex;align-items:center;gap:.5rem}.field.compound.svelte-1h7fjjj{flex-wrap:wrap}.compound-inputs.svelte-1h7fjjj{display:flex;gap:4px;flex:1}.section.svelte-urf1n6{border:none}.section-content.svelte-urf1n6{padding:.5rem 1rem .75rem;display:flex;flex-direction:column;gap:.5rem}.field.svelte-urf1n6{display:flex;align-items:center;gap:.5rem}.combobox-wrapper.svelte-hnwrkr{flex:1;position:relative}.input-row.svelte-hnwrkr{display:flex;align-items:center;gap:2px;position:relative}.combobox-input.svelte-hnwrkr{flex:1;min-width:0;padding:4px 8px;background:transparent;border:none;border-radius:4px;color:#fff9;font-size:var(--ui-font-size, 13px);font-family:var(--sk-font-mono, monospace);cursor:text;transition:box-shadow .15s,color .15s}.combobox-input.has-value.svelte-hnwrkr{color:#ffffffe6}.combobox-input.svelte-hnwrkr:hover{box-shadow:0 0 0 1px #ffffff1a}.combobox-input.svelte-hnwrkr:focus,.combobox-input.is-open.svelte-hnwrkr{outline:none;box-shadow:0 0 0 1px #3b82f6;color:#ffffffe6}.suffix-area.svelte-hnwrkr{display:flex;align-items:center;gap:2px;position:absolute;right:4px;top:50%;transform:translateY(-50%)}.unit-select.svelte-hnwrkr{padding:0;background:transparent;border:none;color:#ffffff80;font-size:11px;font-family:var(--sk-font-mono, monospace);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.unit-select.svelte-hnwrkr:hover{color:#fffc}.unit-select.svelte-hnwrkr:focus{outline:none;color:#fffc}.unit-select.svelte-hnwrkr option:where(.svelte-hnwrkr){background:#1a1a1a;color:#ffffffe6}.chevron-btn.svelte-hnwrkr{padding:2px;background:transparent;border:none;color:#fff6;opacity:0;transition:opacity .1s;cursor:pointer;display:flex;align-items:center}.input-row.svelte-hnwrkr:hover .chevron-btn:where(.svelte-hnwrkr),.input-row.is-open.svelte-hnwrkr .chevron-btn:where(.svelte-hnwrkr){opacity:1}.chevron-btn.svelte-hnwrkr:hover{color:#ffffffb3}.popover-inner.svelte-hnwrkr{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:180px;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:6px;overflow:hidden;box-shadow:0 4px 12px #0006;z-index:100}.backdrop.svelte-hnwrkr{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.slider-section.svelte-hnwrkr{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.slider.svelte-hnwrkr{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1a;border-radius:2px;cursor:pointer}.slider.svelte-hnwrkr::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#3b82f6;border-radius:50%;cursor:grab;transition:transform .1s}.slider.svelte-hnwrkr::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider.svelte-hnwrkr::-webkit-slider-thumb:active{cursor:grabbing}.slider-value.svelte-hnwrkr{min-width:28px;text-align:right;font-size:11px;font-family:var(--sk-font-mono, monospace);color:#ffffffb3}.options-list.svelte-hnwrkr{max-height:200px;overflow-y:auto;padding:4px}.option.svelte-hnwrkr{display:block;width:100%;padding:6px 10px;background:transparent;border:none;border-radius:4px;color:#fffc;font-size:12px;font-family:var(--sk-font-mono, monospace);text-align:left;cursor:pointer;transition:background .1s}.option.svelte-hnwrkr:hover{background:#ffffff14}.option.selected.svelte-hnwrkr{background:#3b82f633;color:#93c5fd}.options-list.svelte-hnwrkr::-webkit-scrollbar{width:6px}.options-list.svelte-hnwrkr::-webkit-scrollbar-track{background:transparent}.options-list.svelte-hnwrkr::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.options-list.svelte-hnwrkr::-webkit-scrollbar-thumb:hover{background:#ffffff40}.section.svelte-sjupin{border:none}.section-content.svelte-sjupin{padding:.5rem 1rem .75rem;display:flex;flex-direction:column;gap:.5rem}.field.svelte-sjupin{display:flex;align-items:center;gap:.5rem}.plus-menu-wrapper.svelte-sjupin{position:relative}.plus-menu.svelte-sjupin{position:absolute;top:100%;right:0;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:4px;z-index:10;display:flex;flex-direction:column;gap:2px;min-width:100px}.plus-menu.svelte-sjupin button:where(.svelte-sjupin){padding:4px 8px;background:transparent;border:none;color:#fffc;font-size:11px;text-align:left;cursor:pointer;border-radius:2px}.plus-menu.svelte-sjupin button:where(.svelte-sjupin):hover{background:#ffffff1a}.section.svelte-1r2yghw{border:none}.section-content.svelte-1r2yghw{padding:.5rem 1rem .75rem;display:flex;flex-direction:column;gap:.5rem}.field.svelte-1r2yghw{display:flex;align-items:center;gap:.5rem}.field.compound.svelte-1r2yghw{flex-wrap:wrap}.compound-inputs.svelte-1r2yghw{display:flex;gap:4px;flex:1;align-items:center}.color-preview.svelte-1r2yghw{width:20px;height:20px;border-radius:3px;border:1px solid rgba(255,255,255,.2);flex-shrink:0}.color-select{flex:1!important}.shade-select{flex:.4!important;min-width:50px}.plus-menu-wrapper.svelte-1r2yghw{position:relative}.plus-menu.svelte-1r2yghw{position:absolute;top:100%;right:0;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:4px;z-index:10;display:flex;flex-direction:column;gap:2px;min-width:100px}.plus-menu.svelte-1r2yghw button:where(.svelte-1r2yghw){padding:4px 8px;background:transparent;border:none;color:#fffc;font-size:11px;text-align:left;cursor:pointer;border-radius:2px}.plus-menu.svelte-1r2yghw button:where(.svelte-1r2yghw):hover{background:#ffffff1a}.tw-editor.svelte-lc7ovl{display:flex;flex-direction:column}.icon-button.active:before{background:#3b82f6}.icon-button.active{color:#fff}.icon-button.active:hover:before{background:#2563eb}.draggable-list.svelte-fc4rr4{display:flex;flex-direction:column;touch-action:pan-y}.draggable-list.touch-dragging.svelte-fc4rr4{touch-action:none}.draggable-item.svelte-fc4rr4{cursor:move;transition:all .15s ease;-webkit-user-select:none;user-select:none;touch-action:pan-y}.draggable-item.dragging.svelte-fc4rr4{touch-action:none;opacity:.5}.draggable-item.drop-before.svelte-fc4rr4{border-top:2px solid var(--accent-500, #3b82f6)}.draggable-item.drop-after.svelte-fc4rr4{border-bottom:2px solid var(--accent-500, #3b82f6)}.draggable-item.drop-inside.svelte-fc4rr4{background:#3b82f61a;border:1px dashed var(--accent-500, #3b82f6);border-radius:4px}.text-content-editor.svelte-6zbisz{display:flex;flex-direction:column;gap:.25rem}.content-item.svelte-6zbisz{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;background:#ffffff08;border-radius:4px;cursor:pointer;transition:all .15s}.content-item.svelte-6zbisz:hover{background:#ffffff0f}.content-item.dragging.svelte-6zbisz{opacity:.5}.content-icon.svelte-6zbisz{display:flex;align-items:center;color:#ffffff80;flex-shrink:0}.content-value.svelte-6zbisz{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--ui-font-family, inherit);font-size:var(--ui-font-size, 15px);color:#fffc}.mustache-braces.svelte-6zbisz{color:#fff6}.actions.svelte-6zbisz{display:flex;align-items:center;gap:.25rem;position:relative}.actions.svelte-6zbisz .icon-button.small{height:1.25rem;padding:.25rem}.actions.svelte-6zbisz .icon-button.small :global(svg){width:.75rem;height:.75rem}.actions.svelte-6zbisz .ellipsis-btn{opacity:0;transition:opacity .15s}.content-item.svelte-6zbisz:hover .actions:where(.svelte-6zbisz) .ellipsis-btn{opacity:1}.dropdown-menu.svelte-6zbisz{position:absolute;top:100%;right:0;background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:.25rem;z-index:100;min-width:140px;box-shadow:0 4px 12px #0006}.dropdown-item.svelte-6zbisz{display:flex;align-items:center;gap:.5rem;width:100%;padding:.375rem .5rem;background:none;border:none;border-radius:3px;color:#fffc;font-family:var(--ui-font-family, inherit);font-size:var(--ui-font-size, 13px);cursor:pointer;white-space:nowrap}.dropdown-item.svelte-6zbisz:hover{background:#ffffff14}.dropdown-item.delete.svelte-6zbisz:hover{background:#ef444433;color:#ef4444}.edit-input.svelte-6zbisz{flex:1;padding:.25rem .5rem;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:3px;color:#fff;font-family:var(--ui-font-family, inherit);font-size:var(--ui-font-size, 15px)}.edit-input.svelte-6zbisz:focus{outline:none;border-color:#3b82f6}.array-editor.svelte-s6vkle{display:flex;flex-direction:column;gap:.5rem}.array-header.svelte-s6vkle{display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.array-name.svelte-s6vkle{font-weight:600;color:#fff}.array-count.svelte-s6vkle{font-size:.85em;color:#ffffff80;flex:1}.array-items.svelte-s6vkle{display:flex;flex-direction:column;gap:.25rem}.array-item.svelte-s6vkle{display:flex;align-items:center;gap:.5rem;padding:.25rem;border-radius:4px;background:#ffffff08;cursor:grab;transition:all .15s ease}.array-item.svelte-s6vkle:hover{background:#ffffff0f}.array-item.dragging.svelte-s6vkle{opacity:.5;cursor:grabbing}.array-item.drop-target.svelte-s6vkle{border-top:2px solid var(--accent-500, #3b82f6)}.drag-handle.svelte-s6vkle{display:flex;align-items:center;color:#ffffff4d;cursor:grab}.drag-handle.svelte-s6vkle:active{cursor:grabbing}.item-index.svelte-s6vkle{min-width:1.5rem;font-size:.8em;color:#fff6;text-align:center}.item-value.svelte-s6vkle{flex:1;min-width:0;padding:.25rem .5rem;border:none;border-radius:4px;background:#ffffff0d;color:#fff;font-family:var(--font-mono, monospace);font-size:.9em}.item-value.svelte-s6vkle:focus{outline:1px solid var(--accent-500, #3b82f6);background:#ffffff14}.delete-btn.svelte-s6vkle{display:flex;align-items:center;justify-content:center;padding:.25rem;border:none;border-radius:4px;background:transparent;color:#fff6;cursor:pointer;transition:all .15s ease}.delete-btn.svelte-s6vkle:hover{background:#ff3e0033;color:#ff3e00}.empty-array.svelte-s6vkle{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;color:#fff6;font-size:.9em}.add-first-btn.svelte-s6vkle{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;border:1px dashed rgba(255,255,255,.2);border-radius:6px;background:transparent;color:#fff9;cursor:pointer;transition:all .15s ease}.add-first-btn.svelte-s6vkle:hover{border-color:var(--accent-500, #3b82f6);color:var(--accent-500, #3b82f6);background:#3b82f61a}.inspector.svelte-1i3ewtx{display:flex;flex-direction:column;height:100%;color:#fff;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.inspector.collapsed.svelte-1i3ewtx{overflow:hidden}.collapsed-header.svelte-1i3ewtx{display:flex;align-items:center;justify-content:center;padding:.5rem}.inspector.svelte-1i3ewtx::-webkit-scrollbar{width:4px}.inspector.svelte-1i3ewtx::-webkit-scrollbar-track{background:transparent}.inspector.svelte-1i3ewtx::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.inspector.svelte-1i3ewtx::-webkit-scrollbar-thumb:hover{background:#ffffff40}.inspector-content.svelte-1i3ewtx{padding:.75rem 1rem}.inspector-content.hidden.svelte-1i3ewtx{display:none}.prop-editor-section.svelte-1i3ewtx{display:flex;flex-direction:column;gap:.75rem}.prop-editor-field.svelte-1i3ewtx{display:flex;flex-direction:column;gap:.25rem}.prop-editor-label.svelte-1i3ewtx{font-size:.8em;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.prop-editor-input.svelte-1i3ewtx{border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fff;border-radius:4px;padding:.5rem;font-family:var(--monospace-font, monospace);font-size:.9em}.prop-editor-input.svelte-1i3ewtx:focus{outline:none;border-color:#6496ff99;background:#ffffff14}.prop-editor-input.svelte-1i3ewtx::placeholder{font-style:italic;color:#fff6}.prop-edit-error.svelte-1i3ewtx{margin-top:.25rem;font-size:.8em;color:#ff3e00;padding:.375rem .5rem;background:#ff3e001a;border-radius:4px}.prop-instance-row.svelte-1i3ewtx{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.prop-instance-row.svelte-1i3ewtx:last-child{margin-bottom:0}.prop-instance-name.svelte-1i3ewtx{flex:0 0 auto;min-width:60px;color:#d19a66;font-size:.9em}.prop-instance-input.svelte-1i3ewtx{flex:1;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#98c379;border-radius:4px;padding:.375rem .5rem;font-size:.9em;outline:none;transition:border-color .15s,background .15s}.prop-instance-input.svelte-1i3ewtx:focus{border-color:#6496ff99;background:#ffffff14}.prop-instance-input.svelte-1i3ewtx::placeholder{font-style:italic;color:#ffffff59}.no-props-message.svelte-1i3ewtx{color:#fff6;font-size:.85em;font-style:italic}.tag-select.svelte-1i3ewtx{width:100%;padding:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-family:var(--ui-font-family, inherit);font-size:var(--ui-font-size, 15px);cursor:pointer}.tag-select.svelte-1i3ewtx:focus{outline:none;border-color:#6496ffcc;background:#ffffff14}.tag-select.svelte-1i3ewtx option:where(.svelte-1i3ewtx){background:#1a1a1a;color:#ffffffe6;padding:.5rem}.tag-select.svelte-1i3ewtx option:where(.svelte-1i3ewtx):hover,.tag-select.svelte-1i3ewtx option:where(.svelte-1i3ewtx):checked,.tag-select.svelte-1i3ewtx option:where(.svelte-1i3ewtx):focus{background:#3b82f633;color:#fff}.inspector-empty.svelte-1i3ewtx{display:flex;flex-direction:column;height:100%;color:#ffffff80}.empty-header.svelte-1i3ewtx{display:flex;justify-content:flex-end;padding:.25rem .5rem}.empty-message.svelte-1i3ewtx{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem}.empty-message.svelte-1i3ewtx p:where(.svelte-1i3ewtx){margin:0;font-size:var(--ui-font-size, 15px);-webkit-user-select:none;user-select:none}.text-add-wrapper.svelte-1i3ewtx{position:relative}.text-add-menu.svelte-1i3ewtx{position:absolute;top:100%;right:0;margin-top:.25rem;background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:.25rem;display:flex;flex-direction:column;gap:.25rem;z-index:100;min-width:120px}.text-add-menu.svelte-1i3ewtx button:where(.svelte-1i3ewtx){padding:.375rem .5rem;background:transparent;border:none;color:#fffc;text-align:left;cursor:pointer;border-radius:3px;font-size:var(--ui-font-size, 15px);transition:background .15s}.text-add-menu.svelte-1i3ewtx button:where(.svelte-1i3ewtx):hover{background:#ffffff1a}.variables-section.svelte-1i3ewtx{border-top:1px solid rgba(255,255,255,.1);margin-top:.25rem;padding-top:.25rem}.variables-label.svelte-1i3ewtx{padding:.25rem .5rem;font-size:12px;color:#ffffff80;text-transform:uppercase}.component-header.svelte-1i3ewtx{display:flex;align-items:center;gap:.25rem;padding:.5rem}.component-button.svelte-1i3ewtx{flex:1;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:background .15s;font-size:var(--ui-font-size, 15px)}.component-button.svelte-1i3ewtx:hover{background:#ffffff14}.component-button.svelte-1i3ewtx .component-icon{color:#a855f7;flex-shrink:0}.component-name.svelte-1i3ewtx{flex:1;text-align:left;font-weight:500}.component-button.svelte-1i3ewtx .goto-icon{color:#fff6;flex-shrink:0}.component-button.svelte-1i3ewtx:hover .goto-icon{color:#ffffffb3}.script-editor.svelte-1i3ewtx{display:flex;flex-direction:column;gap:.75rem}.script-type-row.svelte-1i3ewtx{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;color:#ffffffb3}.script-type-icon.svelte-1i3ewtx{display:flex;align-items:center;justify-content:center;color:#d19a66}.script-type-label.svelte-1i3ewtx{font-family:var(--monospace-font, monospace);font-size:.9em;color:#c678dd}.script-field.svelte-1i3ewtx{display:flex;flex-direction:column;gap:.25rem}.script-field-label.svelte-1i3ewtx{font-size:.8em;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.script-field-input.svelte-1i3ewtx{border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fff;border-radius:4px;padding:.5rem;font-family:var(--monospace-font, monospace);font-size:.9em}.script-field-input.svelte-1i3ewtx:focus{outline:none;border-color:#6496ff99;background:#ffffff14}.script-field-textarea.svelte-1i3ewtx{border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#98c379;border-radius:4px;padding:.5rem;font-family:var(--monospace-font, monospace);font-size:.9em;resize:vertical;min-height:60px}.script-field-textarea.svelte-1i3ewtx:focus{outline:none;border-color:#6496ff99;background:#ffffff14}.script-edit-error.svelte-1i3ewtx{padding:.375rem .5rem;background:#ff3e001a;border-radius:4px;font-size:.8em;color:#ff3e00}.ui-scroll-area{position:relative;width:100%;height:100%;min-height:0;overflow:hidden}.ui-scroll-viewport,.ui-scroll-viewport[data-scroll-area-viewport]{width:100%;height:100%;min-height:0}.ui-scrollbar{position:absolute;top:0;bottom:0;right:0;display:flex;padding:2px;touch-action:none;-webkit-user-select:none;user-select:none;z-index:1}.ui-scrollbar[data-orientation=vertical]{width:10px}.ui-scroll-thumb{position:relative;flex:1;border-radius:999px;background:#ffffff29;transition:background-color .15s ease}.ui-scroll-thumb:hover{background:#ffffff3d}.color-picker.svelte-ob6cvt{width:240px;display:flex;flex-direction:column;gap:8px;color:#fff;font-family:inherit}.color-picker .tabs{padding:2px;background:#ffffff0d;border-radius:6px}.tokens-wrap.svelte-ob6cvt{height:320px}.tokens-scroll{height:320px!important}.tokens.svelte-ob6cvt{display:flex;flex-direction:column;gap:8px;padding-right:8px}.ramp.svelte-ob6cvt{display:flex;flex-direction:column;gap:4px}.ramp-label.svelte-ob6cvt{font-size:10px;line-height:12px;color:#ffffff85;text-transform:capitalize;letter-spacing:.1px}.row.svelte-ob6cvt{display:grid;grid-template-columns:repeat(11,1fr);gap:2px}.base-row.svelte-ob6cvt{grid-template-columns:repeat(11,1fr)}.swatch.svelte-ob6cvt{aspect-ratio:1;border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:0;cursor:pointer;background-clip:padding-box}.swatch.svelte-ob6cvt:hover{border-color:#fff6}.swatch.selected.svelte-ob6cvt{border-color:#fff;box-shadow:0 0 0 1px #fff}.swatch.transparent.svelte-ob6cvt{background:linear-gradient(45deg,transparent 45%,#ef4444 46%,#ef4444 54%,transparent 55%),conic-gradient(#2a2a2a 25%,#1a1a1a 0,#1a1a1a 50%,#2a2a2a 0,#2a2a2a 75%,#1a1a1a 0);background-size:100% 100%,8px 8px}.custom.svelte-ob6cvt{display:flex;flex-direction:column;gap:8px}.sv.svelte-ob6cvt{position:relative;width:100%;height:140px;border-radius:6px;overflow:hidden;cursor:crosshair;touch-action:none}.sv-sat.svelte-ob6cvt{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#fff,transparent)}.sv-val.svelte-ob6cvt{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000,transparent)}.sv-thumb.svelte-ob6cvt{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0006;transform:translate(-50%,-50%);pointer-events:none}.sliders.svelte-ob6cvt{display:flex;align-items:center;gap:8px}.preview.svelte-ob6cvt{width:28px;height:28px;border-radius:6px;overflow:hidden;background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.2) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.2) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;background-color:#333;border:1px solid rgba(255,255,255,.12);flex-shrink:0}.preview-fill.svelte-ob6cvt{width:100%;height:100%}.slider-col.svelte-ob6cvt{display:flex;flex:1;flex-direction:column;gap:6px}.hue.svelte-ob6cvt{position:relative;height:10px;margin:0 6px;border-radius:999px;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);cursor:pointer;touch-action:none}.hue-thumb.svelte-ob6cvt{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.6);transform:translate(-50%,-50%);pointer-events:none}.alpha.svelte-ob6cvt{position:relative;height:10px;margin:0 6px;border-radius:999px;overflow:hidden;background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%);background-size:6px 6px;background-color:#333;cursor:pointer;touch-action:none}.alpha-grad.svelte-ob6cvt{position:absolute;top:0;right:0;bottom:0;left:0}.alpha-thumb.svelte-ob6cvt{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.6);transform:translate(-50%,-50%);pointer-events:none}.hex-row.svelte-ob6cvt{display:flex;align-items:center;gap:4px}.hex-field,.alpha-field{height:28px}.hex-hash.svelte-ob6cvt,.alpha-unit.svelte-ob6cvt{color:#ffffff85;font-size:12px}.color-chip.svelte-doz5f,.color-chip.svelte-1qrdcgi{display:inline-block;width:16px;height:16px;border-radius:4px;border:1px solid rgba(255,255,255,.12);flex-shrink:0;background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%);background-size:6px 6px;background-color:transparent}.color-chip.empty.svelte-1qrdcgi{background-image:none;background-color:transparent}.sidebar.svelte-16tdki0{display:flex;flex-direction:column;height:100%;min-height:0;color:#fff;overflow:hidden}.body.svelte-16tdki0{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.body.svelte-16tdki0::-webkit-scrollbar{width:4px}.body.svelte-16tdki0::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.empty-message.svelte-16tdki0{display:flex;align-items:center;justify-content:center;height:100%;padding:2rem;color:#ffffff80;text-align:center}.empty-message.svelte-16tdki0 p:where(.svelte-16tdki0){margin:0;-webkit-user-select:none;user-select:none}.resizer.svelte-zk2zgs{position:relative;height:12px;margin:-2px 0;cursor:row-resize;flex-shrink:0}.resizer.svelte-zk2zgs:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--sidebar-divider, rgba(255, 255, 255, .08));transform:translateY(-50%);transition:background-color .15s ease}.resizer.svelte-zk2zgs:hover:before{background:#ffffff24}.resizer.disabled.svelte-zk2zgs{cursor:default}.resizer.disabled.svelte-zk2zgs:before{background:var(--sidebar-divider, rgba(255, 255, 255, .08))}.tree-row.svelte-10zzjl4{display:flex;align-items:center;gap:6px;padding:var(--controls-padding-block-compact, 6px) 16px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.tree-row.svelte-10zzjl4:after{content:"";position:absolute;top:2px;right:8px;bottom:2px;left:8px;border-radius:6px;background:transparent;pointer-events:none;transition:background-color .1s ease,box-shadow .1s ease;z-index:0}.tree-row.svelte-10zzjl4:hover:not(.selected):after{background:var(--sidebar-row-hover)}.tree-row.selected.svelte-10zzjl4:after{background:var(--sidebar-row-selected);box-shadow:var(--sidebar-row-selected-shadow)}.tree-row.svelte-10zzjl4>*{position:relative;z-index:1}.tree-row.dragging.svelte-10zzjl4{opacity:.45;cursor:grabbing}.tree-row.drop-before.svelte-10zzjl4:before{content:"";position:absolute;top:0;left:8px;right:8px;height:2px;background:#3b82f6b3;border-radius:1px;z-index:2}.tree-row.drop-after.svelte-10zzjl4{box-shadow:inset 0 -2px #3b82f6b3}.tree-row.drop-inside.svelte-10zzjl4{outline:1px solid rgba(59,130,246,.7);outline-offset:-1px}.tree-row-slot.svelte-10zzjl4{display:flex;align-items:center;gap:4px;flex-shrink:0;border-radius:5px}.tree-list.svelte-1pcmlwb{display:flex;flex-direction:column;width:100%;touch-action:pan-y}.tree-list.touch-dragging.svelte-1pcmlwb{touch-action:none}.tree-list.svelte-1pcmlwb .tree-row{-webkit-touch-callout:none}.empty-state.svelte-1pcmlwb{padding:8px;color:#ffffff73;font-size:12px;line-height:16px;letter-spacing:.12px}.nesting-space.svelte-1pcmlwb,.chevron-placeholder.svelte-1pcmlwb{display:inline-block;width:16px;height:16px;flex-shrink:0}.chevron.svelte-1pcmlwb{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:#fff6;transition:transform .15s ease}.node-icon.svelte-1pcmlwb{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.node-icon--prop.svelte-1pcmlwb{color:var(--figma-emerald-300, #6ee7b7);opacity:.6}.icon-component.svelte-1pcmlwb{color:var(--sidebar-icon-components, #bd7efc)}.icon-directory.svelte-1pcmlwb{color:#ffffff80}.icon-template.svelte-1pcmlwb{color:var(--figma-bright-cyan, #5ccaff)}.icon-styles.svelte-1pcmlwb{color:var(--sidebar-icon-styles, #fef08a)}.node-label.svelte-1pcmlwb{flex:1;min-width:0;font-size:12px;font-weight:400;line-height:20px;letter-spacing:.12px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rename-input.svelte-1pcmlwb{flex:1;min-width:0;border:none;outline:none;background:transparent;color:#fff;font-size:12px;font-weight:400;line-height:20px;letter-spacing:.12px;font-family:inherit}.rename-input.svelte-1pcmlwb:focus{color:var(--figma-bright-cyan, #5ccaff)}.trailing-icon.svelte-1pcmlwb{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;margin-left:auto;color:var(--figma-emerald-300, #6ee7b7);opacity:.7}.control-row.svelte-1pcmlwb{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.control-badge.svelte-1pcmlwb{display:inline-flex;align-items:center;padding:0 4px;border-radius:4px;font-size:11px;line-height:20px;white-space:nowrap;font-feature-settings:"ss02" 1}.control-badge--keyword.svelte-1pcmlwb{background:#7dd3fc1a;color:#5ccaff;letter-spacing:.44px}.control-badge--condition.svelte-1pcmlwb{background:#6ee7b71a;color:#6ee7b7;letter-spacing:.13px;font-size:12px;display:flex;align-items:center;gap:2px}.ctx-menu{min-width:150px;background:#1c1c1cf7;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:4px;box-shadow:0 8px 24px #0006;z-index:9999}.ctx-item{display:flex;align-items:center;padding:6px 12px;border-radius:5px;font-size:12px;line-height:16px;color:#fff;cursor:pointer;outline:none}.ctx-item:hover,.ctx-item[data-highlighted]{background:#ffffff0f}.ctx-item--danger{color:#f87171}.ctx-item--danger:hover,.ctx-item--danger[data-highlighted]{background:#f871711a}.ctx-sep{height:1px;background:#ffffff14;margin:4px 0}.components-section.svelte-15kw05o{display:flex;flex-direction:column;flex-shrink:0;min-height:32px;overflow:hidden}.list-scroll{flex:1;min-height:0}.list.svelte-130vlej{display:flex;flex-direction:column;gap:0;padding-top:8px}.row-button.svelte-130vlej{width:100%;height:32px;display:flex;align-items:center;gap:8px;padding:0 8px;border:none;border-radius:6px;background:transparent;color:#fff;text-align:left;cursor:pointer;transition:background-color .15s ease}.row-button.svelte-130vlej:hover{background:var(--sidebar-row-hover)}.row-button.selected.svelte-130vlej{background:var(--sidebar-row-selected);box-shadow:var(--sidebar-row-selected-shadow)}.row-icon.svelte-130vlej{width:16px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--sidebar-icon-data)}.row-label.svelte-130vlej{min-width:0;font-size:12px;line-height:20px;letter-spacing:.12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state.svelte-130vlej{padding:8px;color:#ffffff73;font-size:12px}.drop-zone.svelte-a221l4{width:100%}.drop-zone.drag-over.svelte-a221l4{background:#3b82f614;outline:1px dashed rgba(59,130,246,.45);outline-offset:4px;border-radius:10px}.add-form.svelte-a221l4{display:flex;flex-direction:column;gap:8px;margin-bottom:8px;padding:8px;border-radius:10px;background:#ffffff0a}.form-row.svelte-a221l4{display:flex;gap:8px;align-items:center}.form-select.svelte-a221l4{height:30px;min-width:92px;padding:0 8px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff0a;color:#fff;font-size:12px;line-height:16px;outline:none}.form-select.svelte-a221l4 option:where(.svelte-a221l4){background:#111;color:#fff}.form-select.svelte-a221l4:focus{border-color:#ffffff2e;background:#ffffff0f}.form-actions.svelte-a221l4{display:flex;gap:6px}.error-message.svelte-a221l4{padding:0 2px;color:#ff8b8b;font-size:12px;line-height:16px}.add-el-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999}.add-el-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--sk-bg-2, #1e1e1e);border:1px solid var(--sk-border, #333);border-radius:12px;padding:1.25rem;width:min(90vw,340px);z-index:10000;box-shadow:0 8px 32px #0006}.add-el-header.svelte-6379i6{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.add-el-title{font-size:.9375rem;font-weight:600;color:var(--sk-fg-1, #fff);margin:0}.add-el-close.svelte-6379i6{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--sk-fg-3, #888);cursor:pointer}.add-el-close.svelte-6379i6:hover{background:var(--sk-bg-3, #333);color:var(--sk-fg-1, #fff)}.add-el-grid.svelte-6379i6{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.add-el-card.svelte-6379i6{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem .5rem;border-radius:8px;border:1px solid var(--sk-border, #333);background:var(--sk-bg-3, #252525);color:var(--sk-fg-2, #aaa);cursor:pointer;transition:all .15s ease;font-size:.75rem}.add-el-card.svelte-6379i6:hover{border-color:var(--sk-accent, #3b82f6);color:var(--sk-fg-1, #fff);background:var(--sk-bg-4, #2a2a2a)}.svg-input.svelte-6379i6{display:flex;flex-direction:column;gap:.75rem}.svg-input.svelte-6379i6 textarea:where(.svelte-6379i6){width:100%;background:var(--sk-bg-3, #252525);border:1px solid var(--sk-border, #333);border-radius:8px;color:var(--sk-fg-1, #fff);font-family:var(--sk-font-mono, monospace);font-size:.8125rem;padding:.75rem;resize:vertical;outline:none}.svg-input.svelte-6379i6 textarea:where(.svelte-6379i6):focus{border-color:var(--sk-accent, #3b82f6)}.svg-actions.svelte-6379i6{display:flex;justify-content:flex-end;gap:.5rem}.btn-back.svelte-6379i6,.btn-insert.svelte-6379i6{padding:.4rem .875rem;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;border:none;transition:all .15s ease}.btn-back.svelte-6379i6{background:var(--sk-bg-3, #333);color:var(--sk-fg-1, #fff)}.btn-back.svelte-6379i6:hover{background:var(--sk-bg-4, #444)}.btn-insert.svelte-6379i6{background:var(--sk-accent, #3b82f6);color:#fff}.btn-insert.svelte-6379i6:hover:not(:disabled){filter:brightness(1.1)}.btn-insert.svelte-6379i6:disabled{opacity:.4;cursor:not-allowed}.tokens-list.svelte-hi156j{display:flex;flex-direction:column;padding-top:8px}.token-section.svelte-hi156j{display:flex;flex-direction:column;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.section-button.svelte-hi156j{width:100%;display:flex;align-items:center;gap:8px;padding:8px 0;border:none;background:transparent;color:#fff;cursor:pointer;text-align:left}.section-button.svelte-hi156j:hover{color:#ffffffeb}.section-title.svelte-hi156j{min-width:0;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.12px}.section-count.svelte-hi156j{margin-left:auto;padding:0 6px;border-radius:999px;background:#ffffff14;color:#ffffff85;font-size:11px;line-height:18px}.section-chevron.svelte-hi156j{display:inline-flex;align-items:center;justify-content:center;color:#ffffff85}.token-rows.svelte-hi156j{display:flex;flex-direction:column;gap:2px;padding:4px 0 0 8px}.token-row.svelte-hi156j{display:flex;align-items:center;gap:8px;min-height:30px;padding:4px 8px;border-radius:6px;transition:background-color .15s ease}.token-row.svelte-hi156j:hover{background:#ffffff0a}.token-name.svelte-hi156j{min-width:88px;max-width:112px;font-size:12px;line-height:18px;color:#f5f5f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.token-value.svelte-hi156j{min-width:0;flex:1;font-size:12px;line-height:18px;color:#ffffff9e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-swatch.svelte-hi156j{display:inline-flex;align-items:center;min-height:20px;padding:0 6px;border:1px solid rgba(255,255,255,.12);border-radius:4px;font-size:11px;line-height:16px}.primary-sidebar.svelte-1p5kgv{display:flex;flex-direction:column;height:100%;min-height:0;border-radius:10px;background:#121212eb;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);color:#fff;--sidebar-divider: rgba(255, 255, 255, .08);--sidebar-row-hover: rgba(255, 255, 255, .03);--sidebar-row-selected: rgba(255, 255, 255, .05);--sidebar-row-selected-shadow: 0 4px 8px rgba(0, 0, 0, .05);--sidebar-icon-components: var(--figma-bright-purp);--sidebar-icon-tokens: var(--figma-emerald-300);--sidebar-icon-data: var(--figma-white-50);--sidebar-icon-styles: var(--figma-yellow-200);overflow:hidden}.primary-sidebar.collapsed.svelte-1p5kgv{justify-content:flex-start;align-items:center;padding-inline:8px}.collapsed-trigger.svelte-1p5kgv{border:0;cursor:pointer;color:#fff;padding-block:8px;width:100%}.brand-mark.svelte-1p5kgv{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.project-trigger.svelte-1p5kgv{display:inline-flex;align-items:center;gap:4px;min-width:0;padding:4px 6px;margin-left:-6px;border:none;border-radius:6px;background:transparent;color:#fff;cursor:pointer;transition:background-color .15s ease}.project-trigger.svelte-1p5kgv:hover,.project-trigger[data-state=open].svelte-1p5kgv{background:#ffffff0a}.project-trigger.svelte-1p5kgv:focus-visible{outline:2px solid rgba(255,255,255,.18);outline-offset:2px}.project-title.svelte-1p5kgv{font-weight:500;line-height:16px;letter-spacing:.12px;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-chevron.svelte-1p5kgv{display:inline-flex;align-items:center;justify-content:center;color:#ffffff8c;flex-shrink:0}.tab-group.svelte-1p5kgv{display:flex;align-items:center;gap:2px}.search-wrap.svelte-1p5kgv{display:flex;align-items:center;gap:4px}.body.svelte-1p5kgv,.components-tab.svelte-1p5kgv{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.section-stack.svelte-1p5kgv{display:flex;flex-direction:column}.components-spacer.svelte-1p5kgv{min-height:8px;flex-shrink:0}.single-pane-tab,.section-stack-scroll{flex:1;min-height:0}.debug-overlay.svelte-15k6d53{position:fixed;bottom:60px;left:0;right:0;background:#000000f2;color:#0f0;padding:.5rem;font-size:11px;font-family:monospace;z-index:9999;max-height:250px;overflow-y:auto;word-break:break-all;border-top:1px solid #0f0}.debug-header.svelte-15k6d53{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid #333}.debug-title.svelte-15k6d53{color:#ff0;font-weight:700}.debug-buttons.svelte-15k6d53{display:flex;gap:.5rem}.debug-buttons.svelte-15k6d53 button:where(.svelte-15k6d53){background:#333;color:#0f0;border:1px solid #0f0;padding:.25rem .5rem;font-size:11px;border-radius:4px;font-family:monospace;cursor:pointer}.debug-buttons.svelte-15k6d53 button:where(.svelte-15k6d53):hover{background:#0f0;color:#000}.debug-log.svelte-15k6d53{max-height:100px;overflow-y:auto}.log-entry.svelte-15k6d53{color:#0f0;font-size:10px;line-height:1.3;padding:1px 0}.debug-textarea.svelte-15k6d53{width:100%;height:150px;background:#111;color:#0f0;border:1px solid #0f0;font-size:9px;font-family:monospace;resize:none;margin-bottom:.25rem}.debug-hint.svelte-15k6d53{color:#888;font-size:10px;text-align:center}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999}.dialog-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--sk-bg-2, #1e1e1e);border:1px solid var(--sk-border, #333);border-radius:12px;padding:1.5rem;width:min(90vw,420px);z-index:10000;box-shadow:0 8px 32px #0006}.dialog-header.svelte-1ex9vl4{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.icon-wrapper.svelte-1ex9vl4{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;flex-shrink:0;background:#ffffff14;color:#fff}.dialog-title{font-size:1.125rem;font-weight:600;color:var(--sk-fg-1, #fff);margin:0}.dialog-description{font-size:.875rem;color:var(--sk-fg-2, #aaa);line-height:1.5;margin-bottom:1.25rem}.form.svelte-1ex9vl4{display:flex;flex-direction:column;gap:1rem}.field.svelte-1ex9vl4{display:flex;flex-direction:column;gap:.5rem}.field.svelte-1ex9vl4 label:where(.svelte-1ex9vl4){font-size:.8125rem;font-weight:500;color:var(--sk-fg-2, #aaa)}.field.svelte-1ex9vl4 legend:where(.svelte-1ex9vl4){padding:0;font-size:.8125rem;font-weight:500;color:var(--sk-fg-2, #aaa)}.visibility-field.svelte-1ex9vl4{border:none;padding:0;margin:0;min-width:0}.field.svelte-1ex9vl4 input:where(.svelte-1ex9vl4){padding:.625rem .75rem;background:var(--sk-bg-3, #252525);border:1px solid var(--sk-border, #333);border-radius:8px;color:var(--sk-fg-1, #fff);font-size:.875rem}.field.svelte-1ex9vl4 input:where(.svelte-1ex9vl4):focus{outline:none;border-color:var(--sk-accent, #3b82f6)}.field.svelte-1ex9vl4 input:where(.svelte-1ex9vl4)::placeholder{color:var(--sk-fg-3, #666)}.field.svelte-1ex9vl4 input:where(.svelte-1ex9vl4):disabled{opacity:.6}.visibility-options.svelte-1ex9vl4{display:flex;gap:.5rem}.visibility-option.svelte-1ex9vl4{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem;background:var(--sk-bg-3, #252525);border:1px solid var(--sk-border, #333);border-radius:8px;color:var(--sk-fg-2, #aaa);cursor:pointer;transition:all .15s ease}.visibility-option.svelte-1ex9vl4:hover:not(:disabled){background:var(--sk-bg-4, #2a2a2a)}.visibility-option.selected.svelte-1ex9vl4{background:#3b82f626;border-color:var(--sk-accent, #3b82f6);color:var(--sk-fg-1, #fff)}.visibility-option.svelte-1ex9vl4:disabled{opacity:.6;cursor:not-allowed}.error-message.svelte-1ex9vl4{padding:.625rem .75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.8125rem}.dialog-actions.svelte-1ex9vl4{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--sk-bg-3, #333);color:var(--sk-fg-1, #fff)}.btn-secondary:hover:not(:disabled){background:var(--sk-bg-4, #444)}.btn-primary{background:var(--sk-accent, #3b82f6);color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.spinner{animation:svelte-1ex9vl4-spin 1s linear infinite}@keyframes svelte-1ex9vl4-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.repl-container.svelte-j8y1oh{--ui-font-size: 13px;--ui-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--editor-padding: 16px;--curva-app-bg: #141414;position:relative;flex:1;height:100%;min-height:0;background:var(--curva-app-bg);color:#fff;padding-block:var(--editor-padding);font-family:var(--ui-font-family);font-size:var(--ui-font-size);box-sizing:border-box}.repl-container.svelte-j8y1oh.embedded{height:100%}.repl-container.svelte-j8y1oh input,.repl-container.svelte-j8y1oh select,.repl-container.svelte-j8y1oh textarea,.repl-container.svelte-j8y1oh button{font-family:var(--ui-font-family, inherit);font-size:var(--ui-font-size, 13px)}.repl-container.svelte-j8y1oh input::placeholder,.repl-container.svelte-j8y1oh textarea::placeholder{font-family:var(--ui-font-family, inherit);font-size:var(--ui-font-size, 13px)}.viewport.svelte-j8y1oh{height:100%;display:flex;flex-direction:column;overflow:hidden}.viewport.svelte-j8y1oh>[data-slot=resizable-pane-group]{flex:1;min-height:0}.left-pane-group>[data-pane]:first-child[data-pane-state=collapsed]{flex:0 0 48px!important;min-width:48px!important;max-width:48px!important}.mobile-layout.svelte-j8y1oh{display:flex;flex:1;min-height:0;height:100%}.mobile-layout.svelte-j8y1oh>[data-slot=resizable-pane-group]{flex:1;min-height:0}.editor-panel.svelte-j8y1oh,.design-panel.svelte-j8y1oh,.output-panel.svelte-j8y1oh{position:relative;display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box;overflow:hidden;background:transparent}.editor-panel.svelte-j8y1oh,.design-panel.svelte-j8y1oh{border-radius:8px}.mobile-segmented-control.svelte-j8y1oh{display:flex;margin:.5rem .75rem;padding:2px;background:#ffffff0f;border-radius:8px;flex-shrink:0;margin-top:auto}.mobile-segmented-control.svelte-j8y1oh .segment:where(.svelte-j8y1oh){flex:1;padding:6px 0;border:none;background:transparent;color:#ffffff80;font-size:var(--ui-font-size, 13px);font-family:var(--ui-font-family, inherit);font-weight:500;cursor:pointer;border-radius:6px;transition:all .15s ease}.mobile-segmented-control.svelte-j8y1oh .segment.active:where(.svelte-j8y1oh){background:#ffffff1f;color:#fff}.save-notification.svelte-j8y1oh{position:fixed;bottom:2rem;right:2rem;background:var(--sk-bg-2);color:var(--sk-fg-1);padding:.75rem 1.5rem;border-radius:.5rem;box-shadow:0 4px 12px #00000026;font-size:var(--ui-font-size, 15px);z-index:1000;animation:svelte-j8y1oh-fadeInOut 2s ease-in-out}@keyframes svelte-j8y1oh-fadeInOut{0%{opacity:0;transform:translateY(10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}body{margin:0;padding:0}main.svelte-1ewa73p{display:flex;height:100vh;width:100%}
