.context-menu.svelte-1ct2k2o{position:absolute;z-index:120;width:184px;border:1px solid var(--app-border);border-radius:10px;background:var(--app-surface);box-shadow:0 1px 2px #0000000d;padding:6px;display:grid;gap:4px}.context-menu.svelte-1ct2k2o button:where(.svelte-1ct2k2o){border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-fg-muted);border-radius:8px;min-height:28px;padding:0 8px;font-size:12px;line-height:16px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;justify-content:flex-start}.context-menu.svelte-1ct2k2o button:where(.svelte-1ct2k2o):hover:not(:disabled){border-color:var(--app-brand-soft);color:var(--app-fg);background:var(--app-brand-soft)}.context-menu.svelte-1ct2k2o button.danger:where(.svelte-1ct2k2o){color:var(--app-danger)}.context-menu.svelte-1ct2k2o button:where(.svelte-1ct2k2o):disabled{opacity:.5;cursor:not-allowed}.layer-list.svelte-1jn1ctp{padding:10px;display:grid;gap:4px;align-content:start;min-height:0}.panel-empty.svelte-1jn1ctp{padding:2px 0}.empty-copy.svelte-1jn1ctp{margin:0;font-size:12px;line-height:16px;color:var(--app-fg-muted)}.layer-row.svelte-1jn1ctp{position:relative;display:flex;align-items:center;gap:4px}.layer-row.svelte-1jn1ctp:before{content:"";position:absolute;left:2px;right:2px;height:1px;background:transparent;pointer-events:none}.layer-row.drop-before.svelte-1jn1ctp:before{top:-2px;background:var(--app-brand)}.layer-row.drop-after.svelte-1jn1ctp:before{bottom:-2px;background:var(--app-brand)}.object-item.svelte-1jn1ctp{border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface);text-align:left;padding:4px 8px;min-height:28px;flex:1;min-width:0;display:inline-flex;align-items:center;cursor:pointer}.object-item.selected.svelte-1jn1ctp{border-color:var(--app-brand-soft);background:var(--app-brand-soft)}.layer-main.svelte-1jn1ctp{min-width:0;display:inline-flex;align-items:center;gap:6px}.layer-badge.svelte-1jn1ctp{border:1px solid var(--app-border);border-radius:999px;padding:1px 5px;font-size:12px;line-height:14px;color:var(--app-fg-muted);background:var(--app-surface);white-space:nowrap}.object-item.svelte-1jn1ctp strong:where(.svelte-1jn1ctp){font-size:12px;line-height:16px;font-weight:500;color:var(--app-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-delete-btn.svelte-1jn1ctp{border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface);color:var(--app-danger);width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin:auto 2px auto 0;opacity:0;pointer-events:none;transition:opacity .14s ease,background-color .14s ease,border-color .14s ease}.layer-row.svelte-1jn1ctp:hover .layer-delete-btn:where(.svelte-1jn1ctp),.layer-delete-btn.svelte-1jn1ctp:focus-visible{opacity:1;pointer-events:auto}.layer-delete-btn.svelte-1jn1ctp:hover:not(:disabled){border-color:var(--app-brand-soft);background:var(--app-brand-soft)}.panel-head.svelte-12py2y4{padding:6px 10px;border-bottom:1px solid var(--app-border);display:grid;gap:4px}.panel-head.svelte-12py2y4 h3:where(.svelte-12py2y4){margin:0;font-size:14px;line-height:18px;font-weight:500;color:var(--app-fg);display:inline-flex;align-items:center;gap:6px}.panel-title-label.svelte-12py2y4{display:inline-flex;align-items:center;line-height:18px;min-height:18px}.panel-head.svelte-12py2y4 h3:where(.svelte-12py2y4) svg{width:14px;height:14px;flex:0 0 14px;display:block}.panel-head.compact.svelte-12py2y4{padding:5px 10px}.panel-head-main.svelte-12py2y4{grid-template-columns:minmax(0,1fr) auto;column-gap:8px;align-items:center}.panel-head-artifacts.svelte-12py2y4{display:flex;flex-direction:column;gap:4px}.panel-head-row.svelte-12py2y4{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.panel-head-artifacts.svelte-12py2y4 h3:where(.svelte-12py2y4){min-width:0}.panel-head-subtitle.svelte-12py2y4{margin:0;font-size:12px;line-height:16px;color:var(--app-fg-muted)}.panel-head-controls.svelte-12py2y4{display:inline-flex;align-items:center;gap:6px}.panel-head-controls.svelte-12py2y4 .ui-button{min-height:26px;border-radius:8px;color:var(--app-fg-muted);padding:0 8px}.panel-head-controls.svelte-12py2y4 .ui-button.icon-only{width:26px;min-width:26px;padding:0}.panel-head-controls.svelte-12py2y4 .ui-button:hover:not(:disabled):not(.is-disabled){color:var(--app-fg);border-color:var(--app-brand-soft);background:var(--app-brand-soft)}.ui-button.panel-mode-btn{min-width:46px;padding:0 8px;font-size:12px;line-height:16px;font-weight:500}.ui-button.panel-hide-btn{color:var(--app-danger)}.ui-button.panel-hide-btn:hover:not(:disabled):not(.is-disabled){color:var(--app-danger)}.ui-button.clear-btn,.ui-button.align-btn,.ui-button.clear-icon-btn,.ui-button.align-icon-btn{width:100%;min-height:30px;border-radius:8px;color:var(--app-fg-muted)}.ui-button.clear-btn:hover:not(:disabled):not(.is-disabled),.ui-button.align-btn:hover:not(:disabled):not(.is-disabled),.ui-button.clear-icon-btn:hover:not(:disabled):not(.is-disabled),.ui-button.align-icon-btn:hover:not(:disabled):not(.is-disabled){border-color:var(--app-brand-soft);color:var(--app-fg)}.ui-button.clear-icon-btn,.ui-button.align-icon-btn{width:32px;min-width:32px;min-height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center}.palette-list.svelte-12py2y4{padding:10px;display:grid;gap:8px;align-content:start;overflow:auto;min-height:0}.artifacts-panel.icon-only.svelte-12py2y4 .palette-list:where(.svelte-12py2y4){grid-template-columns:repeat(3,minmax(30px,1fr));gap:8px;padding:10px}.palette-item.svelte-12py2y4{border:1px solid var(--app-border);border-radius:10px;background:var(--app-surface);cursor:grab;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:8px;padding:8px;text-align:left;color:var(--app-fg)}.palette-item.svelte-12py2y4:hover{border-color:var(--app-brand-soft);background:var(--app-brand-soft)}.palette-icon-wrap.svelte-12py2y4{display:inline-flex;align-items:center;justify-content:center;min-height:16px}.palette-item.icon-only.svelte-12py2y4{grid-template-columns:1fr;justify-items:center;align-items:center;padding:6px;min-height:34px;aspect-ratio:1 / 1;width:100%}.palette-copy.svelte-12py2y4{display:grid;gap:2px}.palette-copy.svelte-12py2y4 strong:where(.svelte-12py2y4){font-size:12px;line-height:16px;font-weight:500;color:var(--app-fg)}.palette-copy.svelte-12py2y4 span:where(.svelte-12py2y4){font-size:12px;line-height:16px;color:var(--app-fg-muted)}.panel-section.svelte-12py2y4{display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid var(--app-border);border-radius:12px;background:var(--app-surface);box-shadow:0 1px 2px #0000000d;min-height:0;overflow:hidden}.panel-section-body.svelte-12py2y4{min-height:0;overflow:auto}.artifacts-panel.svelte-12py2y4{min-height:0;height:100%}.inspector-panel.svelte-12py2y4{flex:1;min-height:0;grid-template-rows:auto minmax(0,1fr)}.panel-section-footer.svelte-12py2y4{border-top:1px solid var(--app-border);padding:10px;display:grid;gap:6px}.artifacts-panel.icon-only.svelte-12py2y4 .panel-section-footer:where(.svelte-12py2y4){display:flex;align-items:center;justify-content:space-between;gap:8px}.inspector-scroll.svelte-12py2y4,.object-list.svelte-12py2y4{min-height:0;overflow:auto}.panel-empty.svelte-12py2y4{padding:10px}.studio-canvas.svelte-12py2y4{position:relative;width:100%;height:100%;min-height:0;border-radius:12px;overflow:hidden;border:var(--studio-canvas-border);background-color:var(--studio-canvas-bg);background-image:radial-gradient(circle,var(--studio-dot-color) .8px,var(--studio-dot-bg, transparent) .1px);background-size:var(--studio-dot-step) var(--studio-dot-step)}.empty-state.svelte-12py2y4{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;color:var(--app-fg-muted);pointer-events:none}.empty-state.svelte-12py2y4 p:where(.svelte-12py2y4){margin:0;font-size:12px;line-height:16px}.widget.svelte-12py2y4{position:absolute;border:1px solid var(--app-border);border-radius:10px;background:var(--app-surface);box-shadow:0 1px 2px #0000000d;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.widget.selected.svelte-12py2y4{border-color:var(--app-brand);box-shadow:0 0 0 1px color-mix(in srgb,var(--app-brand) 50%,transparent)}.widget-head.svelte-12py2y4{min-height:32px;border-bottom:1px solid var(--app-border);background:var(--app-surface-hover);display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 8px;-webkit-user-select:none;user-select:none}.canvas-root.compact .widget-head.svelte-12py2y4{min-height:28px;padding:0 6px}.widget-drag-handle.svelte-12py2y4{border:none;background:transparent;color:var(--app-fg);cursor:grab;min-height:24px;width:100%;display:inline-flex;align-items:center;gap:6px;text-align:left;padding:0;min-width:0}.widget-drag-handle.svelte-12py2y4:active{cursor:grabbing}.widget-drag-handle.svelte-12py2y4 span:where(.svelte-12py2y4){font-size:12px;line-height:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-pill.svelte-12py2y4{border:1px solid var(--app-border);border-radius:999px;padding:2px 6px;font-size:12px;line-height:14px;color:var(--app-fg-muted);background:var(--app-surface);white-space:nowrap}.widget-body.svelte-12py2y4{min-height:0;padding:8px;overflow:hidden}.canvas-root.compact .widget-body.svelte-12py2y4{padding:6px}.widget-surface.svelte-12py2y4{width:100%;height:100%;min-height:0;overflow:hidden}.widget-surface.svelte-12py2y4>*{box-sizing:border-box;max-width:100%;max-height:100%}.widget-surface.svelte-12py2y4 .metric-chart-root,.widget-surface.svelte-12py2y4 .chart-root{height:100%;min-height:0}.widget-surface.svelte-12py2y4 .pie-chart-root,.widget-surface.svelte-12py2y4 .donut-chart-root,.widget-surface.svelte-12py2y4 .radar-root,.widget-surface.svelte-12py2y4 .sunburst-root,.widget-surface.svelte-12py2y4 .chord-root,.widget-surface.svelte-12py2y4 .network-root,.widget-surface.svelte-12py2y4 .decomp-root,.widget-surface.svelte-12py2y4 .map-chart-root,.widget-surface.svelte-12py2y4 .word-cloud-root,.widget-surface.svelte-12py2y4 .data-table-root{min-height:0}.widget-surface.svelte-12py2y4 .metric-chart-wrap,.widget-surface.svelte-12py2y4 .chart-wrap{height:100%}.widget-surface.svelte-12py2y4 svg.metric-chart,.widget-surface.svelte-12py2y4 svg.chart-svg{height:100%}.resize-handle.svelte-12py2y4{position:absolute;right:2px;bottom:2px;border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-fg-muted);width:20px;height:20px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:nwse-resize;padding:0}.resize-handle.svelte-12py2y4:hover{color:var(--app-brand);border-color:var(--app-brand-soft)}.props-table.svelte-12py2y4,.multi-select-box.svelte-12py2y4{padding:10px;display:grid;gap:9px;align-content:start}.props-row.svelte-12py2y4{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:8px}.props-row.svelte-12py2y4 label:where(.svelte-12py2y4),.multi-select-box.svelte-12py2y4 p:where(.svelte-12py2y4),.empty-copy.svelte-12py2y4{margin:0;font-size:12px;line-height:16px;color:var(--app-fg-muted)}.props-row.svelte-12py2y4 input:where(.svelte-12py2y4){border:1px solid var(--app-border);border-radius:8px;min-height:30px;padding:0 8px;font-size:12px;line-height:16px;color:var(--app-fg);background:var(--app-surface)}.props-row.svelte-12py2y4 input:where(.svelte-12py2y4):focus{outline:1px solid var(--app-brand-soft);border-color:var(--app-brand-soft)}.size-presets.svelte-12py2y4,.multi-actions.svelte-12py2y4{display:flex;flex-wrap:wrap;gap:6px}.multi-actions.svelte-12py2y4 button:where(.svelte-12py2y4),.size-presets.svelte-12py2y4 button:where(.svelte-12py2y4){border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-fg-muted);border-radius:8px;min-height:28px;padding:0 8px;font-size:12px;line-height:16px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;justify-content:flex-start}.multi-actions.svelte-12py2y4 button:where(.svelte-12py2y4):hover,.size-presets.svelte-12py2y4 button:where(.svelte-12py2y4):hover{border-color:var(--app-brand-soft);color:var(--app-fg);background:var(--app-brand-soft)}.multi-actions.svelte-12py2y4 button.danger:where(.svelte-12py2y4){color:var(--app-danger)}.size-presets.svelte-12py2y4 button.active:where(.svelte-12py2y4){border-color:var(--app-brand-soft);color:var(--app-brand);background:var(--app-brand-soft)}.widget-head-actions.svelte-12py2y4{display:inline-flex;align-items:center;gap:6px}.widget-bind-btn.svelte-12py2y4{border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-fg-muted);width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.widget-bind-btn.svelte-12py2y4:hover,.widget-bind-btn.active.svelte-12py2y4{color:var(--app-brand);border-color:var(--app-brand-soft);background:var(--app-brand-soft)}.widget-readonly-title.svelte-12py2y4{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:16px;font-weight:500;color:var(--app-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bind-popover.svelte-12py2y4{position:absolute;top:34px;right:6px;z-index:140;width:232px;border:1px solid var(--app-border);border-radius:10px;background:var(--app-surface);box-shadow:0 1px 2px #0000000d;padding:8px;display:grid;gap:8px}.bind-popover-head.svelte-12py2y4{display:flex;align-items:center;justify-content:space-between;gap:6px}.bind-popover-head.svelte-12py2y4 span:where(.svelte-12py2y4){display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:16px;font-weight:500;color:var(--app-fg)}.bind-close.svelte-12py2y4{border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-fg-muted);width:20px;height:20px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.bind-close.svelte-12py2y4:hover{color:var(--app-fg);border-color:var(--app-brand-soft)}.bind-field.svelte-12py2y4{display:grid;gap:4px}.bind-field.svelte-12py2y4 span:where(.svelte-12py2y4){font-size:12px;line-height:16px;color:var(--app-fg-muted)}.bind-field.svelte-12py2y4 select:where(.svelte-12py2y4){border:1px solid var(--app-border);border-radius:8px;min-height:28px;padding:0 6px;font-size:12px;line-height:16px;color:var(--app-fg);background:var(--app-surface)}.bind-field.svelte-12py2y4 select:where(.svelte-12py2y4):focus{outline:1px solid var(--app-brand-soft);border-color:var(--app-brand-soft)}.bind-empty.svelte-12py2y4{margin:0;font-size:12px;line-height:16px;color:var(--app-fg-muted)}.bind-actions.svelte-12py2y4{display:flex;justify-content:flex-end;gap:6px}.bind-apply.svelte-12py2y4,.bind-unbind.svelte-12py2y4{border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-fg-muted);border-radius:8px;min-height:28px;padding:0 10px;font-size:12px;line-height:16px;font-weight:500;cursor:pointer}.bind-apply.svelte-12py2y4{color:var(--app-brand);border-color:var(--app-brand-soft);background:var(--app-brand-soft)}.bind-apply.svelte-12py2y4:disabled{color:var(--app-fg-muted);background:var(--app-surface);border-color:var(--app-border);cursor:not-allowed}.bind-apply.svelte-12py2y4:hover:not(:disabled){background:var(--app-brand-soft)}.bind-unbind.svelte-12py2y4:hover{color:var(--app-danger);border-color:var(--app-brand-soft)}@media(max-width:1360px){.canvas-root>.artifacts-panel{order:3}.artifacts-panel.svelte-12py2y4{min-height:0;height:auto}.inspector-panel.svelte-12py2y4{flex:0 0 auto;min-height:220px}.studio-canvas.svelte-12py2y4{min-height:520px}}@media(max-width:980px){.palette-list.svelte-12py2y4{grid-template-columns:repeat(2,minmax(0,1fr))}.artifacts-panel.icon-only.svelte-12py2y4 .palette-list:where(.svelte-12py2y4){grid-template-columns:repeat(4,minmax(30px,1fr))}.props-row.svelte-12py2y4{grid-template-columns:78px minmax(0,1fr);gap:7px}.bind-popover.svelte-12py2y4{width:min(232px,calc(100% - 12px));right:6px}}@media(max-width:760px){.studio-canvas.svelte-12py2y4{min-height:min(56vh,460px)}.panel-head.svelte-12py2y4{padding:5px 8px}.panel-head.compact.svelte-12py2y4{padding:4px 8px}.panel-section-footer.svelte-12py2y4,.palette-list.svelte-12py2y4,.props-table.svelte-12py2y4,.multi-select-box.svelte-12py2y4{padding:8px}.props-row.svelte-12py2y4{grid-template-columns:1fr;gap:4px}.props-row.svelte-12py2y4 input:where(.svelte-12py2y4){min-height:32px}.artifacts-panel.icon-only.svelte-12py2y4 .palette-list:where(.svelte-12py2y4){grid-template-columns:repeat(3,minmax(30px,1fr))}}