.library-column.svelte-1o3sgti{display:flex;flex-direction:column;height:100%;background:var(--sidebar-bg)}.library-header-panel.svelte-1o3sgti{display:grid;gap:.2rem;padding:.7rem .75rem;border-bottom:1px solid var(--panel-border)}.library-header-panel.svelte-1o3sgti h3:where(.svelte-1o3sgti){margin:0}.library-header-panel.svelte-1o3sgti p:where(.svelte-1o3sgti){margin:0;font-size:.8rem;color:var(--text-secondary)}.library-list-panel.svelte-1o3sgti{flex:1;overflow:auto}button.svelte-1o3sgti{font-size:.69rem;font-weight:600;line-height:1.2;cursor:pointer;text-decoration:none;touch-action:manipulation;border-radius:0;transition:background-color .12s ease}button.svelte-1o3sgti:hover{background:var(--app-bg)}button.svelte-1o3sgti:focus-visible{outline:2px solid var(--brand-accent);outline-offset:1px}.shadow-choice.svelte-1o3sgti{display:flex;flex-direction:column;gap:.18rem;text-align:left;border:0;border-bottom:1px solid var(--panel-border);border-left:2px solid transparent;background:var(--sidebar-bg);color:var(--text-primary);width:100%;padding:.6rem .75rem;border-radius:0;min-height:48px;touch-action:manipulation}.shadow-choice.svelte-1o3sgti:hover{background:hsl(var(--highlight));color:hsl(var(--foreground))}.shadow-choice.is-selected.svelte-1o3sgti{border-left-color:hsl(var(--foreground));background:#ededed;color:hsl(var(--foreground));border-left-width:3px}.shadow-name.svelte-1o3sgti{display:block;font-size:.8rem;font-weight:700}.shadow-preview.svelte-1o3sgti{display:block;font-size:.72rem;line-height:1.2;font-family:inherit;color:#ededed!important;padding:.1rem .45rem;width:fit-content}.shadow-choice.is-selected.svelte-1o3sgti .shadow-preview:where(.svelte-1o3sgti){border-color:hsl(var(--foreground))}.source-wrap.svelte-1o3sgti{display:block;margin-top:.15rem}.shadow-source.svelte-1o3sgti{font-size:.65rem;color:currentColor;text-decoration:underline;text-underline-offset:2px}@media(min-width:980px){.library-column.svelte-1o3sgti{min-height:0}}.panel.svelte-y6dmz4{border:0;padding:0;background:transparent}.toolbar.svelte-y6dmz4{display:grid;gap:0}.toolbar-row.svelte-y6dmz4{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.import-row.svelte-y6dmz4{padding:.6rem .75rem;border-bottom:1px solid var(--panel-border);background:transparent}.import-hint.svelte-y6dmz4{margin:0;font-size:.68rem;line-height:1.2;color:var(--text-muted)}.import-actions.svelte-y6dmz4{display:flex;align-items:center;gap:.35rem}.toolbar.svelte-y6dmz4 input[type=file]:where(.svelte-y6dmz4){display:none}.tool-button.svelte-y6dmz4{display:inline-flex;align-items:center;justify-content:center;height:auto;padding:.35rem .6rem;border:1px solid var(--panel-border);background:transparent;color:var(--text-primary);font-size:.69rem;font-weight:600;line-height:1.2;box-sizing:border-box;border-radius:0;cursor:pointer;text-align:left;text-transform:uppercase;letter-spacing:.05em}.sample-button.svelte-y6dmz4{background:hsl(var(--foreground));color:hsl(var(--background))}.sample-button.svelte-y6dmz4:hover{background:hsl(var(--highlight));color:hsl(var(--foreground));filter:none}.active-file.svelte-y6dmz4{font-size:.74rem;color:var(--text-secondary);word-break:break-word}.main-controls-row.svelte-y6dmz4{padding:.4rem .75rem;border-bottom:1px solid var(--panel-border);gap:.45rem}.metric.svelte-y6dmz4{font-size:.72rem;color:var(--text-secondary)}.artboard-switcher.svelte-y6dmz4{display:flex;flex-direction:column;gap:.25rem}.artboard-label.svelte-y6dmz4{font-size:.72rem;color:var(--text-secondary)}.artboard-buttons.svelte-y6dmz4{display:flex;flex-wrap:wrap;gap:.25rem}.artboard-btn.svelte-y6dmz4{padding:.25rem .5rem;font-size:.66rem;border:1px solid var(--panel-border);background:var(--panel-bg);color:var(--text-primary);border-radius:0;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.artboard-btn.svelte-y6dmz4:hover{background:var(--app-bg)}.artboard-btn.is-active.svelte-y6dmz4{background:hsl(var(--foreground));color:hsl(var(--background));border-color:hsl(var(--foreground))}.metric.svelte-y6dmz4{font-variant-numeric:tabular-nums}.quick-actions.svelte-y6dmz4,.action-row.svelte-y6dmz4{display:flex;flex-wrap:wrap;gap:.35rem}.appearance-panel.svelte-y6dmz4{display:grid;gap:0;padding:.7rem .75rem;border-bottom:1px solid var(--panel-border)}.css-sheet-panel.svelte-y6dmz4{display:grid;gap:0;padding:.7rem .75rem}.css-sheet-block.svelte-y6dmz4{display:grid;gap:.35rem;border:1px solid var(--panel-border);background:var(--app-bg);padding:.35rem}.css-sheet-block.svelte-y6dmz4 h4:where(.svelte-y6dmz4){margin:0;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-primary)}.css-sheet-block.svelte-y6dmz4 p:where(.svelte-y6dmz4){margin:0;font-size:.72rem;line-height:1.35;color:var(--text-secondary)}.workflow-details.svelte-y6dmz4{display:grid;gap:.35rem}.workflow-details.svelte-y6dmz4 summary:where(.svelte-y6dmz4){font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-primary);font-weight:700;cursor:pointer;list-style-position:inside}.workflow-details.svelte-y6dmz4 summary:where(.svelte-y6dmz4):focus-visible{outline:2px solid var(--brand-accent);outline-offset:1px}.workflow-content.svelte-y6dmz4{display:grid;gap:.4rem;margin-top:.2rem}.workflow-intro.svelte-y6dmz4{display:grid;gap:.3rem}.workflow-intro.svelte-y6dmz4 p:where(.svelte-y6dmz4){margin:0;margin-left:.2rem;font-size:.72rem}.class-name-row.svelte-y6dmz4{align-items:center}.class-name-row.svelte-y6dmz4 input:where(.svelte-y6dmz4){min-width:170px;padding:.2rem .3rem;font-size:.75rem;border:1px solid var(--panel-border);background:#fff}.class-name-help.svelte-y6dmz4{font-size:.69rem;color:var(--text-muted)}.css-preview.svelte-y6dmz4{margin:0;padding:.35rem;font-size:.7rem;line-height:1.35;white-space:pre-wrap;word-break:break-word;border:1px solid var(--panel-border);background:var(--app-bg)}.css-rules-list.svelte-y6dmz4{display:grid;gap:.25rem;max-height:130px;overflow:auto;padding:.15rem .1rem}.css-rules-output.svelte-y6dmz4{margin:0;font-size:.7rem;line-height:1.35;padding:.32rem .36rem;border:1px solid var(--panel-border);background:var(--app-bg);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word}.empty-rules.svelte-y6dmz4{font-size:.72rem;color:var(--text-muted)}.appearance-row.svelte-y6dmz4{display:grid;gap:.6rem}.appearance-block.svelte-y6dmz4{display:grid;gap:.35rem;border:0;background:transparent;padding:0;flex:1 1 auto}.appearance-block.svelte-y6dmz4+.appearance-block:where(.svelte-y6dmz4){padding-top:.55rem;border-top:1px solid var(--panel-border)}.appearance-block.svelte-y6dmz4 h4:where(.svelte-y6dmz4){margin:0;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-primary)}.control-row.svelte-y6dmz4{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.control-row.svelte-y6dmz4 label:where(.svelte-y6dmz4),.selection-note.svelte-y6dmz4{font-size:.72rem;color:var(--text-secondary)}button.svelte-y6dmz4{display:inline-flex;align-items:center;gap:.25rem;border:1px solid var(--panel-border);background:var(--panel-bg);color:var(--text-secondary);padding:.24rem .34rem;font-size:.64rem;font-weight:600;line-height:1.2;cursor:pointer;touch-action:manipulation;border-radius:0;text-transform:uppercase;letter-spacing:.04em;transition:border-color .12s ease,color .12s ease,background-color .12s ease}.action-row.svelte-y6dmz4 button:where(.svelte-y6dmz4):first-child{border-color:hsl(var(--foreground));background:hsl(var(--foreground));color:hsl(var(--background))}button.svelte-y6dmz4:hover,.tool-button.svelte-y6dmz4:hover{background:hsl(var(--foreground));color:hsl(var(--background))}.tool-button.svelte-y6dmz4:hover{background:hsl(var(--highlight));border-color:hsl(var(--highlight));color:hsl(var(--foreground));filter:none}button.svelte-y6dmz4:disabled{opacity:.5;cursor:not-allowed}button.svelte-y6dmz4:focus-visible,input.svelte-y6dmz4:focus-visible,.tool-button.svelte-y6dmz4:focus-visible{outline:2px solid var(--brand-accent);outline-offset:1px}button.preview-toggle.svelte-y6dmz4{background:transparent;font-size:.68rem}button.preview-toggle.is-active.svelte-y6dmz4{border-color:hsl(var(--foreground));background:hsl(var(--foreground));color:hsl(var(--background))}.reset-button.svelte-y6dmz4{background:#fff;border-color:var(--panel-border);color:var(--text-secondary)}.reset-button.svelte-y6dmz4 svg{width:12px;height:12px;fill:currentColor}.eyedropper.svelte-y6dmz4 svg{width:14px;height:14px;fill:currentColor}@media(max-width:600px){.import-row.svelte-y6dmz4{display:grid;gap:.4rem}.import-actions.svelte-y6dmz4{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;width:100%}.import-actions.svelte-y6dmz4 .tool-button:where(.svelte-y6dmz4){justify-content:center;width:100%}.appearance-row.svelte-y6dmz4{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.appearance-block.svelte-y6dmz4+.appearance-block:where(.svelte-y6dmz4){padding-top:0;border-top:0}}.draggable-label.svelte-13v9flg{border:none;background:transparent;padding:0;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;outline:1px dashed transparent}.draggable-label.svelte-13v9flg:active{cursor:grabbing}.draggable-label.has-custom-text.svelte-13v9flg p{color:var(--editor-text-color)!important}.draggable-label.has-custom-shadow.svelte-13v9flg p{text-shadow:var(--editor-shadow)!important}.draggable-label.svelte-13v9flg:focus-visible{outline:2px solid var(--brand-accent);outline-offset:1px}.stage-host.svelte-lohhan{position:sticky;top:0;z-index:1;width:100%;background:var(--workspace-bg, #f5f5f5);padding:0;box-sizing:border-box}.editor-root.svelte-lohhan{position:relative}.editor-artboard.svelte-lohhan,.image-stage.svelte-lohhan{position:relative!important;display:block!important;width:100%!important;overflow:hidden;outline:1px solid rgb(30 43 68 / 16%)}.image-stage.svelte-lohhan>img:where(.svelte-lohhan){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.workspace-empty.svelte-lohhan{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1rem;text-align:center;color:var(--text-muted);background:transparent;min-height:200px}@media(max-width:979px){.stage-host.svelte-lohhan{max-width:100%}.workspace-empty.svelte-lohhan{min-height:120px;padding:1rem .75rem}}.workspace-column.is-dragover.svelte-1k8ke2i{background:color-mix(in srgb,var(--canvas-bg) 88%,white 12%)}.workspace-column.svelte-1k8ke2i{display:grid;grid-template-rows:auto 1fr;gap:0;align-content:start;min-width:0;min-height:0;overflow:hidden}.workspace-shell.svelte-1k8ke2i{display:flex;flex-direction:column;border:0;background:transparent;padding:0;min-height:0;overflow:auto}.workspace-shell.is-dragover.svelte-1k8ke2i{outline:2px dashed var(--brand-mid);outline-offset:-3px;background:hsl(var(--card))}.workspace-scroll.svelte-1k8ke2i{overflow:auto;height:100%;padding:.5rem}.image-warning.svelte-1k8ke2i{margin:0 0 .5rem;padding:.45rem .55rem;border:1px solid #cf8d8d;background:#fff1f1;color:#7a2f2f;font-size:.74rem;line-height:1.3}.workspace-empty.svelte-1k8ke2i{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1rem;text-align:center;color:var(--text-muted);background:transparent;min-height:200px}.workspace-empty.svelte-1k8ke2i .empty-icon:where(.svelte-1k8ke2i){width:48px;height:48px;opacity:.4}.workspace-empty.svelte-1k8ke2i p:where(.svelte-1k8ke2i){margin:0;font-size:.85rem}.workspace-empty.svelte-1k8ke2i .empty-hint:where(.svelte-1k8ke2i){font-size:.75rem;opacity:.7}.error.svelte-1k8ke2i{margin:.75rem .75rem 0;padding:.55rem;border:1px solid #c7a2a2;background:#fff1f1;color:#7d3e3e}@media(max-width:979px){.workspace-column.svelte-1k8ke2i{min-height:clamp(140px,28vh,280px);order:0}.workspace-scroll.svelte-1k8ke2i{max-height:40vh;overflow:auto;padding:.5rem}.workspace-empty.svelte-1k8ke2i{min-height:120px;padding:1rem .75rem}}.studio.svelte-1tsqvkl{display:grid;gap:0;align-items:stretch;height:100%;min-height:0;background:var(--canvas-bg);background-image:linear-gradient(90deg,hsl(0 0% 84%) 1px,transparent 1px),linear-gradient(180deg,hsl(0 0% 84%) 1px,transparent 1px);background-size:20px 20px}.left-sidebar.svelte-1tsqvkl,.right-sidebar.svelte-1tsqvkl{display:grid;align-content:start;min-width:0;min-height:0}.left-sidebar.svelte-1tsqvkl{overflow:auto;background:var(--panel-bg);border-right:1px solid var(--panel-border)}.mobile-tools.svelte-1tsqvkl{border:0}.mobile-tools-body.svelte-1tsqvkl{display:contents}.mobile-tools.svelte-1tsqvkl>summary:where(.svelte-1tsqvkl){display:none}.right-sidebar.svelte-1tsqvkl{overflow:auto;background:var(--sidebar-bg);border-left:1px solid var(--panel-border);min-width:0}@media(max-width:979px){.studio.svelte-1tsqvkl{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;overflow:auto}.left-sidebar.svelte-1tsqvkl,.right-sidebar.svelte-1tsqvkl{border:1px solid var(--panel-border)}.left-sidebar.svelte-1tsqvkl{position:sticky;top:0;z-index:5;overflow:visible;border-left:0;border-right:0}.mobile-tools.svelte-1tsqvkl{border-bottom:1px solid var(--panel-border);background:var(--panel-bg)}.mobile-tools.svelte-1tsqvkl>summary:where(.svelte-1tsqvkl){display:flex;align-items:center;justify-content:space-between;padding:.35rem .75rem;min-height:34px;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-primary);cursor:pointer;list-style:none}.mobile-tools.svelte-1tsqvkl>summary:where(.svelte-1tsqvkl)::-webkit-details-marker{display:none}.mobile-tools.svelte-1tsqvkl>summary:where(.svelte-1tsqvkl):after{content:"+";font-size:.95rem;line-height:1}.mobile-tools[open].svelte-1tsqvkl>summary:where(.svelte-1tsqvkl):after{content:"−"}.mobile-tools[open].svelte-1tsqvkl .mobile-tools-body:where(.svelte-1tsqvkl){display:block;max-height:min(30vh,420px);overflow:auto;overscroll-behavior:contain;border-bottom:1px solid var(--panel-border)}.right-sidebar.svelte-1tsqvkl{max-height:180px}}@media(max-width:600px){.left-sidebar .toolbar-row{padding:.5rem}.left-sidebar button,.left-sidebar .tool-button{min-height:44px;min-width:44px;padding:.5rem .65rem;font-size:.75rem;touch-action:manipulation}.left-sidebar .action-row{flex-direction:column}.left-sidebar .action-row button{width:100%;justify-content:center}}@media(min-width:980px){.studio.svelte-1tsqvkl{grid-template-columns:300px minmax(0,1fr) 260px;align-items:stretch}.mobile-tools.svelte-1tsqvkl{height:100%}.mobile-tools.svelte-1tsqvkl:not([open])>.mobile-tools-body:where(.svelte-1tsqvkl){display:block;max-height:none;overflow:visible}.left-sidebar.svelte-1tsqvkl,.right-sidebar.svelte-1tsqvkl{height:100%}}body.dragging-labels{-webkit-user-select:none;user-select:none}.page.svelte-1uha8ag{display:grid;gap:.75rem}.page.is-studio.svelte-1uha8ag{max-width:none;margin:0;padding:0;height:100dvh;display:flex;flex-direction:column;gap:0;overflow:hidden}.topbar.svelte-1uha8ag{display:flex;align-items:center;gap:.65rem;height:56px;padding:0 1rem;border-bottom:3px solid hsl(var(--highlight));background:var(--toolbar-bg);flex-shrink:0}.brand.svelte-1uha8ag{display:flex;align-items:center;gap:.45rem;flex-shrink:0}.brand-mark.svelte-1uha8ag{display:grid;place-items:center;width:28px;height:28px;font-size:.92rem;font-weight:800;background:hsl(var(--highlight));color:hsl(var(--foreground))}.brand-copy.svelte-1uha8ag{display:grid;gap:.08rem;line-height:1}.kicker.svelte-1uha8ag,.version.svelte-1uha8ag{margin:0}.kicker.svelte-1uha8ag{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:hsl(var(--background));font-family:Space Grotesk,Arial Black,sans-serif}.version.svelte-1uha8ag{font-size:.74rem;font-weight:700;color:hsl(var(--background));letter-spacing:.16em;text-transform:uppercase}.top-divider.svelte-1uha8ag{width:1px;height:24px;background:#474747}.studio-shell.svelte-1uha8ag{display:grid;flex:1;min-height:0;overflow:hidden}