@lumal/cockpit 0.0.3-beta → 0.0.5-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cockpit.css +1 -1
  3. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @lumal/cockpit
2
2
 
3
+ ## 0.0.5-beta (2026-10-20)
4
+
5
+ ### Patch Changes
6
+
7
+ - 同步 Core、图标依赖与 fixed-group 版本至 0.0.5-beta，不增加驾驶舱强制依赖。
8
+
9
+ ## 0.0.4-beta (2026-10-20)
10
+
11
+ ### Patch Changes
12
+
13
+ - 同步 Core 与图标依赖至 0.0.4-beta，保持 runtime/designer 分离及地图、图表引擎由应用接入的边界。
14
+
3
15
  ## 0.0.3-beta (2026-10-16)
4
16
 
5
17
  ### Patch Changes
package/dist/cockpit.css CHANGED
@@ -1,2 +1,2 @@
1
- .lumal-icon[data-v-f5cc1719]{width:var(--lumal-icon-size);height:var(--lumal-icon-size);vertical-align:-.125em;justify-content:center;align-items:center;line-height:1;display:inline-flex}.lumal-icon__svg[data-v-f5cc1719],.lumal-icon__component[data-v-f5cc1719]{width:100%;height:100%}.lumal-icon__svg[data-v-f5cc1719] svg{width:100%;height:100%;display:block}.lumal-icon-picker[data-v-937c0d9c]{gap:12px;display:grid}.lumal-icon-picker__toolbar[data-v-937c0d9c]{grid-template-columns:minmax(0,1fr) minmax(140px,200px);gap:12px;display:grid}.lumal-icon-picker__field[data-v-937c0d9c]{gap:6px;display:grid}.lumal-icon-picker__field-label[data-v-937c0d9c],.lumal-icon-picker__summary[data-v-937c0d9c],.lumal-icon-picker__empty[data-v-937c0d9c]{color:var(--el-text-color-secondary,CanvasText);font-size:13px}.lumal-icon-picker__field input[data-v-937c0d9c],.lumal-icon-picker__field select[data-v-937c0d9c],.lumal-icon-picker__pagination button[data-v-937c0d9c]{border:1px solid var(--el-border-color,currentColor);border-radius:var(--lumal-radius-base,8px);min-height:44px;color:var(--el-text-color-primary,CanvasText);background:var(--el-bg-color,Canvas);padding:0 12px}.lumal-icon-picker__summary[data-v-937c0d9c],.lumal-icon-picker__empty[data-v-937c0d9c]{margin:0}.lumal-icon-picker__grid[data-v-937c0d9c]{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px;display:grid}.lumal-icon-picker__item[data-v-937c0d9c]{border:1px solid var(--el-border-color-lighter,currentColor);border-radius:var(--lumal-radius-small,6px);min-width:44px;min-height:52px;color:var(--el-text-color-regular,CanvasText);background:var(--el-bg-color,Canvas);cursor:pointer;transition:border-color var(--lumal-motion-fast,.16s), background-color var(--lumal-motion-fast,.16s);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px;display:inline-flex}.lumal-icon-picker__item[data-v-937c0d9c]:hover,.lumal-icon-picker__item.is-selected[data-v-937c0d9c]{border-color:var(--el-color-primary,Highlight);background:var(--el-color-primary-light-9,Canvas)}.lumal-icon-picker__item[data-v-937c0d9c]:focus-visible,.lumal-icon-picker__field input[data-v-937c0d9c]:focus-visible,.lumal-icon-picker__field select[data-v-937c0d9c]:focus-visible,.lumal-icon-picker__pagination button[data-v-937c0d9c]:focus-visible{outline:2px solid var(--el-color-primary,Highlight);outline-offset:2px}.lumal-icon-picker__item span[data-v-937c0d9c]{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.lumal-icon-picker__pagination[data-v-937c0d9c]{justify-content:center;align-items:center;gap:12px;display:flex}.lumal-icon-picker__pagination button[data-v-937c0d9c]:disabled{cursor:not-allowed;opacity:.5}@media (width<=640px){.lumal-icon-picker__toolbar[data-v-937c0d9c]{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.lumal-icon-picker__item[data-v-937c0d9c]{transition:none}}.lumal-icon-picker-dialog[data-v-a6a04d17]{z-index:var(--lumal-z-dialog,500);background:color-mix(in srgb, CanvasText 48%, transparent);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lumal-icon-picker-dialog__body[data-v-a6a04d17]{border-radius:var(--lumal-radius-large,12px);width:min(680px,100%);max-height:min(680px,88dvh);color:var(--el-text-color-primary,CanvasText);background:var(--el-bg-color,Canvas);box-shadow:var(--lumal-shadow-dialog,0 18px 48px color-mix(in srgb, CanvasText 18%, transparent));display:grid;overflow:hidden}.lumal-icon-picker-dialog__header[data-v-a6a04d17],.lumal-icon-picker-dialog__footer[data-v-a6a04d17]{justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:12px 20px;display:flex}.lumal-icon-picker-dialog__header[data-v-a6a04d17]{border-bottom:1px solid var(--el-border-color-lighter,currentColor)}.lumal-icon-picker-dialog__header h3[data-v-a6a04d17]{margin:0;font-size:17px}.lumal-icon-picker-dialog__content[data-v-a6a04d17]{min-height:0;padding:20px;overflow:auto}.lumal-icon-picker-dialog__footer[data-v-a6a04d17]{border-top:1px solid var(--el-border-color-lighter,currentColor);justify-content:flex-end}.lumal-icon-picker-dialog button[data-v-a6a04d17]{border:1px solid var(--el-border-color,currentColor);border-radius:var(--lumal-radius-base,8px);min-width:44px;min-height:44px;color:inherit;background:var(--el-bg-color,Canvas);cursor:pointer;padding:0 14px}.lumal-icon-picker-dialog button.is-primary[data-v-a6a04d17]{border-color:var(--el-color-primary,Highlight);color:var(--el-color-white,HighlightText);background:var(--el-color-primary,Highlight)}.lumal-icon-picker-dialog button[data-v-a6a04d17]:disabled{cursor:not-allowed;opacity:.5}@media (width<=640px){.lumal-icon-picker-dialog[data-v-a6a04d17]{align-items:flex-end;padding:0}.lumal-icon-picker-dialog__body[data-v-a6a04d17]{border-radius:var(--lumal-radius-large,12px) var(--lumal-radius-large,12px) 0 0;max-height:92dvh}}.lumal-cockpit,.lumal-cockpit-designer{--lumal-cockpit-bg:var(--lumal-bg-color-page,var(--el-bg-color-page,#101722));--lumal-cockpit-bg-overlay:#080f18a3;--lumal-cockpit-texture-opacity:.16;--lumal-cockpit-panel-bg:var(--lumal-cockpit-surface-color,#121f2dc7);--lumal-cockpit-surface:var(--lumal-cockpit-panel-bg);--lumal-cockpit-floating-bg:#192738db;--lumal-cockpit-border:var(--lumal-cockpit-border-color,#94bce62e);--lumal-cockpit-shadow:0 14px 42px #0000003d;--lumal-cockpit-title-bg:linear-gradient(90deg, #409eff2e, #409eff0a);--lumal-cockpit-title-text:var(--lumal-text-color-primary,var(--el-text-color-primary,#f1f6ff));--lumal-cockpit-title-line:var(--lumal-color-primary,var(--el-color-primary,#409eff));--lumal-cockpit-text:var(--lumal-text-color-primary,var(--el-text-color-primary,#e5edf7));--lumal-cockpit-text-secondary:var(--lumal-text-color-regular,var(--el-text-color-regular,#a8b7c8));--lumal-cockpit-text-muted:var(--lumal-text-color-secondary,var(--el-text-color-secondary,#7d8b9c));--lumal-cockpit-accent:var(--lumal-color-primary,var(--el-color-primary,#409eff));--lumal-cockpit-success:var(--el-color-success,#67c23a);--lumal-cockpit-warning:var(--el-color-warning,#e6a23c);--lumal-cockpit-danger:var(--el-color-danger,#f56c6c);--lumal-cockpit-map-mask:#09121e6b;--lumal-cockpit-drop-target:#409eff38;--lumal-cockpit-selected:#409eff2e;--lumal-cockpit-gap:var(--lumal-cockpit-gap-size,12px);--lumal-cockpit-gap-x:var(--lumal-cockpit-gap);--lumal-cockpit-gap-y:var(--lumal-cockpit-gap);--lumal-cockpit-gap-design:12;--lumal-cockpit-radius:var(--lumal-border-radius-base,var(--el-border-radius-base,8px));--lumal-cockpit-header-height:var(--lumal-cockpit-header-size,72px);--lumal-cockpit-header-height-design:72;--lumal-cockpit-header-padding-design:16;--lumal-cockpit-title-size-design:24;--lumal-cockpit-category-height:var(--lumal-cockpit-category-size,64px);--lumal-cockpit-focus-ring:var(--el-color-primary,#409eff)}.lumal-cockpit{width:100%;height:100%;color:var(--lumal-cockpit-text);background:var(--lumal-cockpit-bg);position:relative;overflow:hidden}.lumal-cockpit__auto-refresh{align-items:center;display:inline-flex}.lumal-cockpit__auto-refresh-control{border:1px solid color-mix(in srgb, var(--lumal-cockpit-border), transparent 18%);background:color-mix(in srgb, var(--lumal-cockpit-floating-bg), transparent 14%);min-height:44px;color:var(--lumal-cockpit-text-secondary);cursor:pointer;white-space:nowrap;border-radius:2px;align-items:center;gap:8px;padding:0 10px;font-size:12px;display:inline-flex}.lumal-cockpit-canvas{position:absolute;inset:0;overflow:hidden}.lumal-cockpit-canvas__stage{gap:var(--lumal-cockpit-gap-y);padding:var(--lumal-cockpit-gap-y) var(--lumal-cockpit-gap-x);box-sizing:border-box;will-change:transform;flex-direction:column;display:flex;position:absolute;top:0;left:0}.lumal-cockpit-canvas[data-viewport-mode=vwvh] .lumal-cockpit-canvas__stage{--lumal-cockpit-gap-x:calc(var(--lumal-cockpit-gap-design) * var(--lumal-cockpit-x-unit));--lumal-cockpit-gap-y:calc(var(--lumal-cockpit-gap-design) * var(--lumal-cockpit-y-unit));--lumal-cockpit-header-height:calc(var(--lumal-cockpit-header-height-design) * var(--lumal-cockpit-y-unit));will-change:auto}.lumal-cockpit-canvas[data-viewport-mode=external] .lumal-cockpit-canvas__stage{will-change:auto;width:100%!important;height:100%!important}.lumal-cockpit-canvas__header{align-items:center;gap:var(--lumal-cockpit-gap-x);height:var(--lumal-cockpit-header-height);padding:0 calc(var(--lumal-cockpit-header-padding-design) * var(--lumal-cockpit-x-unit));border:1px solid var(--lumal-cockpit-border);border-radius:var(--lumal-cockpit-radius);background:var(--lumal-cockpit-title-bg);box-shadow:var(--lumal-cockpit-shadow);flex:none;display:flex}.lumal-cockpit-canvas__title{color:var(--lumal-cockpit-title-text);font-size:calc(var(--lumal-cockpit-title-size-design) * var(--lumal-cockpit-x-unit));font-weight:600}.lumal-cockpit-canvas__title h1{font:inherit;margin:0}.lumal-cockpit-canvas__title h1:after{background:var(--lumal-cockpit-title-line);content:"";width:72px;height:2px;margin-top:6px;display:block}.lumal-cockpit-canvas__pages{gap:8px;margin-left:24px;display:flex}.lumal-cockpit-canvas__header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.lumal-cockpit-canvas__body{flex:auto;min-height:0;position:relative;overflow:hidden}.lumal-cockpit-canvas__left,.lumal-cockpit-canvas__right{z-index:2;min-width:0;height:100%;display:flex;position:absolute;top:0;bottom:0}.lumal-cockpit-canvas__left{left:0}.lumal-cockpit-canvas__right{justify-content:flex-end;right:0}.lumal-cockpit-canvas__center{z-index:0;min-width:0;position:absolute;inset:0;overflow:hidden}.lumal-cockpit-canvas__categories{justify-content:center;align-items:center;gap:var(--lumal-cockpit-gap);height:var(--lumal-cockpit-category-height);flex:none;display:flex}.lumal-cockpit-canvas__page,.lumal-cockpit-canvas__category,.lumal-cockpit-card__tab{border:1px solid var(--lumal-cockpit-border);border-radius:var(--lumal-cockpit-radius);background:var(--lumal-cockpit-surface);min-width:44px;min-height:44px;color:inherit;cursor:pointer;padding:8px 16px}.lumal-cockpit-canvas__page:focus-visible,.lumal-cockpit-canvas__category:focus-visible,.lumal-cockpit-card__tab:focus-visible{outline:2px solid var(--lumal-cockpit-focus-ring);outline-offset:2px}.lumal-cockpit-canvas__page.is-active,.lumal-cockpit-canvas__category.is-active,.lumal-cockpit-card__tab.is-active{border-color:var(--lumal-cockpit-accent);box-shadow:inset 0 -2px 0 0 var(--lumal-cockpit-accent)}.lumal-cockpit-region{gap:var(--lumal-cockpit-gap-x);min-width:0;height:100%;display:flex}.lumal-cockpit-region__column{min-width:0}.lumal-cockpit-column{gap:var(--lumal-cockpit-gap-y);flex-direction:column;height:100%;display:flex}.lumal-cockpit-column__cell{min-height:0}.lumal-cockpit-container{min-width:0;height:100%;min-height:0}.lumal-cockpit-container__combined{gap:var(--lumal-cockpit-gap-x);height:100%;display:flex}.lumal-cockpit-container__combined[data-direction=vertical]{flex-direction:column}.lumal-cockpit-container__combined-item{flex:1 1 0;min-width:0;min-height:0}.lumal-cockpit-container__tabs{flex-direction:column;height:100%;display:flex}.lumal-cockpit-container__tabpanel{flex:auto;height:100%;min-height:0}.lumal-cockpit-card{border:1px solid var(--lumal-cockpit-border);border-radius:var(--lumal-cockpit-radius);background:var(--lumal-cockpit-surface);width:100%;min-width:0;height:100%;min-height:0;box-shadow:var(--lumal-cockpit-shadow);flex-direction:column;display:flex;overflow:hidden}.lumal-cockpit-card__header{border-bottom:1px solid var(--lumal-cockpit-border);background:var(--lumal-cockpit-title-bg);flex:none;align-items:center;min-height:44px;padding:0 12px;display:flex}.lumal-cockpit-card__title{min-width:0;color:var(--lumal-cockpit-title-text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.lumal-cockpit-card__tablist{align-items:center;gap:8px;min-width:0;min-height:44px;display:flex;overflow-x:auto}.lumal-cockpit-card__tab{flex:none}.lumal-cockpit-card__body{min-height:0;padding:var(--lumal-cockpit-card-body-padding,12px);box-sizing:border-box;flex-direction:column;flex:auto;display:flex;position:relative;overflow:hidden}.lumal-cockpit-widget,.lumal-cockpit-center{flex-direction:column;height:100%;min-height:0;display:flex}.lumal-cockpit-widget__body,.lumal-cockpit-center__body{flex:auto;min-height:0;overflow:auto}.lumal-cockpit-widget__embedded,.lumal-cockpit-center__embedded{flex-direction:column;height:100%;min-height:0;display:flex}.lumal-cockpit-center{border:1px solid var(--lumal-cockpit-border);border-radius:var(--lumal-cockpit-radius);background:var(--lumal-cockpit-map-mask);overflow:hidden}.lumal-cockpit[data-mode=design] [data-cockpit-node]{cursor:pointer}.lumal-cockpit[data-mode=design] [data-cockpit-node]:hover{outline:2px solid var(--lumal-cockpit-drop-target);outline-offset:-2px}.lumal-cockpit-container__empty,.lumal-cockpit-widget__missing,.lumal-cockpit-widget__error,.lumal-cockpit-center__empty,.lumal-cockpit-center__missing,.lumal-cockpit-center__error,.lumal-cockpit-canvas__empty-page,.lumal-cockpit__empty,.lumal-cockpit__error{height:100%;color:var(--lumal-cockpit-text);opacity:.72;text-align:center;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.lumal-cockpit-error-boundary{height:100%}.lumal-cockpit-error-boundary__fallback{flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;display:flex}.lumal-cockpit-error-boundary__retry{border:1px solid var(--lumal-cockpit-border);border-radius:var(--lumal-cockpit-radius);background:var(--lumal-cockpit-surface);min-height:44px;color:inherit;cursor:pointer;padding:8px 16px}.lumal-cockpit-error-boundary__retry:focus-visible{outline:2px solid var(--lumal-cockpit-focus-ring);outline-offset:2px}.lumal-cockpit-designer{--lumal-cockpit-designer-control-height:36px;--lumal-cockpit-designer-control-radius:6px;--lumal-cockpit-designer-pane-padding:16px;isolation:isolate;width:100%;min-width:1120px;height:100%;color:var(--lumal-cockpit-text,#e5eaf3);background:var(--lumal-cockpit-bg,#10131a);flex-direction:column;display:flex}.lumal-cockpit-designer__toolbar-actions button,.lumal-cockpit-designer__region :is(button,input:not([type=radio]):not([type=checkbox]),select),.lumal-cockpit-designer__properties :is(button,input),.lumal-cockpit-designer__library :is(button,select){box-sizing:border-box;font:inherit}.lumal-cockpit-designer__toolbar-actions button,.lumal-cockpit-designer__region button,.lumal-cockpit-designer__properties button,.lumal-cockpit-designer__library button{min-height:var(--lumal-cockpit-designer-control-height);border:1px solid var(--lumal-cockpit-border,#ffffff1f);border-radius:var(--lumal-cockpit-designer-control-radius);background:var(--lumal-cockpit-floating-bg,#ffffff0d);color:var(--lumal-cockpit-text,#e5eaf3);cursor:pointer;padding:0 10px;transition:border-color .16s,background-color .16s,color .16s}.lumal-cockpit-designer__toolbar-actions button:hover:not(:disabled),.lumal-cockpit-designer__region button:hover:not(:disabled),.lumal-cockpit-designer__properties button:hover:not(:disabled),.lumal-cockpit-designer__library button:hover:not(:disabled){border-color:color-mix(in srgb, var(--lumal-cockpit-accent,#409eff), transparent 38%);background:color-mix(in srgb, var(--lumal-cockpit-accent,#409eff), transparent 90%)}.lumal-cockpit-designer__toolbar-actions button:disabled,.lumal-cockpit-designer__region button:disabled,.lumal-cockpit-designer__properties button:disabled,.lumal-cockpit-designer__library button:disabled{cursor:not-allowed;opacity:.42}.lumal-cockpit-designer__toolbar-actions button:focus-visible,.lumal-cockpit-designer__region button:focus-visible,.lumal-cockpit-designer__properties button:focus-visible,.lumal-cockpit-designer__library button:focus-visible{outline:2px solid var(--lumal-cockpit-focus-ring,#409eff);outline-offset:2px}.lumal-cockpit-designer__toolbar{justify-content:space-between;align-items:center;gap:var(--lumal-cockpit-gap,12px);border-bottom:1px solid var(--lumal-cockpit-border,#ffffff1f);background:var(--lumal-cockpit-panel-bg,#121f2dc7);flex:none;min-height:64px;padding:0 20px;display:flex;box-shadow:0 1px #ffffff08}.lumal-cockpit-designer__heading{color:var(--lumal-cockpit-title-text,#f1f6ff);margin:0;font-size:18px;font-weight:650}.lumal-cockpit-designer__toolbar-actions{gap:8px;display:flex}.lumal-cockpit-designer__toolbar-actions .lumal-cockpit-designer__save{border-color:var(--lumal-cockpit-accent,#409eff);background:var(--lumal-cockpit-accent,#409eff);color:#fff}.lumal-cockpit-designer__toolbar-actions .lumal-cockpit-designer__save:hover:not(:disabled){border-color:var(--lumal-cockpit-accent,#409eff);background:color-mix(in srgb, var(--lumal-cockpit-accent,#409eff), #000 12%)}.lumal-cockpit-designer__issues{background:#f56c6c1f;border-bottom:1px solid #f56c6c66;flex:none;padding:8px 16px}.lumal-cockpit-designer__issue{margin:2px 0;font-size:13px}.lumal-cockpit-designer__body{flex:auto;grid-template-columns:minmax(244px,268px) minmax(0,1fr) minmax(244px,268px);min-height:0;display:grid}.lumal-cockpit-designer__pane{min-width:0;padding:var(--lumal-cockpit-designer-pane-padding);overflow:auto}.lumal-cockpit-designer__pane--props{border-right:1px solid var(--lumal-cockpit-border,#ffffff1f);background:color-mix(in srgb, var(--lumal-cockpit-panel-bg,#182738), transparent 10%)}.lumal-cockpit-designer__pane--editor{background:color-mix(in srgb, var(--lumal-cockpit-bg,#10131a), #000 8%);flex-direction:column;gap:16px;display:flex}.lumal-cockpit-designer__pane--library{border-left:1px solid var(--lumal-cockpit-border,#ffffff1f);background:color-mix(in srgb, var(--lumal-cockpit-panel-bg,#182738), transparent 10%)}.lumal-cockpit-designer__editors{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.lumal-cockpit-designer__preview{flex-direction:column;flex:auto;gap:8px;min-height:420px;display:flex}.lumal-cockpit-designer__preview-label{border:1px solid var(--lumal-cockpit-border,#ffffff1f);background:var(--lumal-cockpit-floating-bg,#ffffff0d);color:var(--lumal-cockpit-text-secondary,#a8b7c8);border-radius:4px;align-self:flex-start;padding:4px 8px;font-size:12px;line-height:1.2}.lumal-cockpit-designer__preview-stage{border:1px solid var(--lumal-cockpit-border,#ffffff1f);border-radius:var(--lumal-cockpit-radius,8px);background:color-mix(in srgb, var(--lumal-cockpit-bg,#10131a), #000 10%);flex:auto;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.lumal-cockpit-designer__region{border:1px solid var(--lumal-cockpit-border,#ffffff1f);border-radius:var(--lumal-cockpit-radius,8px);background:var(--lumal-cockpit-panel-bg,#121f2dc7);min-width:0;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.lumal-cockpit-designer__region-head,.lumal-cockpit-designer__column-head,.lumal-cockpit-designer__container-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lumal-cockpit-designer__region-head{border-bottom:1px solid var(--lumal-cockpit-border,#ffffff1f);background:color-mix(in srgb, var(--lumal-cockpit-floating-bg,#192738), transparent 18%);min-height:52px;padding:0 12px}.lumal-cockpit-designer__region-head>span{color:var(--lumal-cockpit-title-text,#f1f6ff);font-size:15px;font-weight:600}.lumal-cockpit-designer__region-head>button{margin-left:auto}.lumal-cockpit-designer__region-empty{min-height:112px;color:var(--lumal-cockpit-text-muted,#7d8b9c);place-items:center;padding:16px;display:grid}.lumal-cockpit-designer__ops{flex-wrap:wrap;gap:4px;margin-left:auto;display:inline-flex}.lumal-cockpit-designer__ops button{min-width:var(--lumal-cockpit-designer-control-height);padding:0 8px}.lumal-cockpit-designer__column{border:1px solid var(--lumal-cockpit-border,#ffffff1f);border-radius:var(--lumal-cockpit-designer-control-radius);background:color-mix(in srgb, var(--lumal-cockpit-floating-bg,#192738), transparent 28%);margin:12px;overflow:hidden}.lumal-cockpit-designer__column-head{border-bottom:1px solid var(--lumal-cockpit-border,#ffffff1f);min-height:48px;padding:8px 10px}.lumal-cockpit-designer__column-head>span{color:var(--lumal-cockpit-title-text,#f1f6ff);font-weight:600}.lumal-cockpit-designer__column-head label,.lumal-cockpit-designer__container-head label{color:var(--lumal-cockpit-text-secondary,#a8b7c8);align-items:center;gap:6px;font-size:12px;display:inline-flex}.lumal-cockpit-designer__column-head label input,.lumal-cockpit-designer__column-head label select,.lumal-cockpit-designer__container-head label input,.lumal-cockpit-designer__container-head label select{width:76px;padding:0 8px}.lumal-cockpit-designer__column-head label select,.lumal-cockpit-designer__container-head label select{width:auto;min-width:74px}.lumal-cockpit-designer__container{border:1px solid var(--lumal-cockpit-border,#ffffff1f);border-radius:var(--lumal-cockpit-radius,8px);background:color-mix(in srgb, var(--lumal-cockpit-bg,#10131a), transparent 14%);margin:10px;overflow:hidden}.lumal-cockpit-designer__container-head{border-bottom:1px solid var(--lumal-cockpit-border,#ffffff1f);min-height:48px;padding:8px 10px}.lumal-cockpit-designer__props-item,.lumal-cockpit-designer__widget{min-width:0}.lumal-cockpit-designer__widgets{gap:6px;padding:10px;display:grid}.lumal-cockpit-designer__widget{border:1px solid color-mix(in srgb, var(--lumal-cockpit-border,#3d5268), transparent 26%);background:color-mix(in srgb, var(--lumal-cockpit-floating-bg,#192738), transparent 36%);border-radius:5px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:40px;padding:6px 8px;display:grid}.lumal-cockpit-designer__widget input{width:16px;height:16px;accent-color:var(--lumal-cockpit-accent,#409eff);margin:0}.lumal-cockpit-designer__widget .lumal-cockpit-designer__ops{justify-self:end}.lumal-cockpit-designer__widget-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lumal-cockpit-designer__widget-empty{color:var(--lumal-cockpit-text-muted,#7d8b9c);text-align:center;padding:18px 8px}.lumal-cockpit-designer__add-widget{color:var(--lumal-cockpit-text-secondary,#a8b7c8);align-items:center;gap:8px;padding:0 10px 10px;font-size:12px;display:flex}.lumal-cockpit-designer__add-widget select{flex:auto;min-width:0;padding:0 8px}.lumal-cockpit-designer__properties,.lumal-cockpit-designer__library{gap:20px;display:grid}.lumal-cockpit-designer__props-section,.lumal-cockpit-designer__library-section{gap:10px;display:grid}.lumal-cockpit-designer__props-title,.lumal-cockpit-designer__library-title{min-height:32px;color:var(--lumal-cockpit-title-text,#f1f6ff);justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.lumal-cockpit-designer__props-title select,.lumal-cockpit-designer__library-title select{min-width:0;max-width:132px;padding:0 8px;font-size:12px}.lumal-cockpit-designer__props-list,.lumal-cockpit-designer__library-list{gap:8px;display:grid}.lumal-cockpit-designer__props-item{border:1px solid var(--lumal-cockpit-border,#ffffff1f);border-radius:var(--lumal-cockpit-designer-control-radius);background:color-mix(in srgb, var(--lumal-cockpit-floating-bg,#192738), transparent 24%);grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px;display:grid}.lumal-cockpit-designer__props-item.is-active{border-color:color-mix(in srgb, var(--lumal-cockpit-accent,#409eff), transparent 30%);box-shadow:inset 2px 0 0 var(--lumal-cockpit-accent,#409eff)}.lumal-cockpit-designer__props-select{text-align:left;text-overflow:ellipsis;white-space:nowrap;justify-content:flex-start;min-width:0;overflow:hidden}.lumal-cockpit-designer__rename{grid-column:1/-1;width:100%;padding:0 8px}.lumal-cockpit-designer__props-item>.lumal-cockpit-designer__ops{grid-column:1/-1;justify-content:flex-end;margin-left:0}.lumal-cockpit-designer__library-item{border:1px solid var(--lumal-cockpit-border,#ffffff1f);border-radius:var(--lumal-cockpit-designer-control-radius);background:color-mix(in srgb, var(--lumal-cockpit-floating-bg,#192738), transparent 26%);width:100%;min-height:40px;color:var(--lumal-cockpit-text,#e5eaf3);text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;align-items:center;padding:8px 10px;display:flex;overflow:hidden}.lumal-cockpit-designer__library-item.is-active{border-color:var(--lumal-cockpit-accent,#409eff);background:color-mix(in srgb, var(--lumal-cockpit-accent,#409eff), transparent 88%);box-shadow:inset 2px 0 0 var(--lumal-cockpit-accent,#409eff)}.lumal-cockpit-designer__library-item.is-static{color:var(--lumal-cockpit-text-secondary,#a8b7c8)}.lumal-cockpit-designer__library-empty{color:var(--lumal-cockpit-text-muted,#7d8b9c);padding:12px 0;font-size:13px}.lumal-cockpit-designer__props-list,.lumal-cockpit-designer__widgets,.lumal-cockpit-designer__library-list{margin:0;padding:0;list-style:none}@media (prefers-reduced-motion:reduce){.lumal-cockpit-canvas__stage{will-change:auto}}.lumal-cockpit-region{gap:var(--lumal-cockpit-gap-y);flex-direction:column;height:100%}.lumal-cockpit-region__column{display:none}.lumal-cockpit-container{flex:none;min-height:0;position:relative}.lumal-cockpit-container__grid{row-gap:var(--lumal-cockpit-gap-y);column-gap:var(--lumal-cockpit-gap-x);width:100%;height:100%;display:grid}.lumal-cockpit-container__cell{min-width:0;min-height:0;overflow:hidden}.lumal-cockpit-container__tabs{height:100%}.lumal-cockpit-canvas__center{z-index:0;min-width:0;min-height:0;display:flex;position:absolute;inset:0;overflow:hidden}.lumal-cockpit-canvas__center>*{flex:auto;min-width:0;min-height:0}.lumal-cockpit-designer__toolbar{flex-wrap:wrap;align-items:center}.lumal-cockpit-designer__layout-controls{flex-wrap:wrap;flex:520px;align-items:center;gap:8px;display:flex}.lumal-cockpit-designer__layout-controls label,.lumal-cockpit-designer__layout-controls input,.lumal-cockpit-designer__layout-controls select{min-height:var(--lumal-cockpit-designer-control-height);box-sizing:border-box;font:inherit}.lumal-cockpit-designer__layout-controls label{color:var(--lumal-cockpit-text-secondary);align-items:center;gap:6px;font-size:12px;display:inline-flex}.lumal-cockpit-designer__layout-controls input,.lumal-cockpit-designer__layout-controls select{border:1px solid var(--lumal-cockpit-border);border-radius:var(--lumal-cockpit-designer-control-radius);background:var(--lumal-cockpit-bg);min-width:120px;color:var(--lumal-cockpit-text);outline:0;padding:0 8px}.lumal-cockpit-designer__layout-controls input:focus,.lumal-cockpit-designer__layout-controls select:focus{border-color:var(--lumal-cockpit-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--lumal-cockpit-accent), transparent 82%)}.lumal-cockpit-designer__layout-controls .is-danger{border-color:color-mix(in srgb, var(--lumal-cockpit-danger), transparent 46%);color:var(--lumal-cockpit-danger)}.lumal-cockpit-designer__workspace{background:color-mix(in srgb, var(--lumal-cockpit-bg), #000 8%);flex:auto;grid-template-columns:minmax(320px,1fr) minmax(320px,1fr) minmax(268px,320px);gap:16px;min-height:0;padding:16px;display:grid;overflow:auto}.lumal-cockpit-designer__workspace>.lumal-cockpit-designer__region,.lumal-cockpit-designer__workspace>.lumal-cockpit-designer__library{border:1px solid var(--lumal-cockpit-border);border-radius:var(--lumal-cockpit-radius);background:var(--lumal-cockpit-panel-bg);min-width:0;min-height:0;box-shadow:inset 0 1px #ffffff08}.lumal-cockpit-designer__workspace>.lumal-cockpit-designer__region{flex-direction:column;height:auto;display:flex;overflow:auto}.lumal-cockpit-designer__region-head{border-bottom:1px solid var(--lumal-cockpit-border);background:var(--lumal-cockpit-floating-bg);align-items:center;gap:10px;min-height:64px;padding:10px 12px;display:flex}.lumal-cockpit-designer__region-head>div{gap:2px;margin-right:auto;display:grid}.lumal-cockpit-designer__region-head strong{color:var(--lumal-cockpit-title-text);font-size:15px}.lumal-cockpit-designer__region-head span{color:var(--lumal-cockpit-text-muted);font-size:12px}.lumal-cockpit-designer__region-head label,.lumal-cockpit-designer__region-controls label,.lumal-cockpit-designer__grid-row-head label{color:var(--lumal-cockpit-text-secondary);align-items:center;gap:5px;font-size:12px;display:inline-flex}.lumal-cockpit-designer__region-head input,.lumal-cockpit-designer__region-controls input,.lumal-cockpit-designer__grid-row-head input{border:1px solid var(--lumal-cockpit-border);background:var(--lumal-cockpit-bg);width:64px;min-height:32px;color:var(--lumal-cockpit-text);font:inherit;border-radius:5px;padding:0 7px}.lumal-cockpit-designer__region-controls{border-bottom:1px solid var(--lumal-cockpit-border);flex-wrap:wrap;gap:8px;padding:10px 12px;display:flex}.lumal-cockpit-designer__grid-rows{gap:12px;padding:12px;display:grid}.lumal-cockpit-designer__grid-row{border:1px solid var(--lumal-cockpit-border);background:color-mix(in srgb, var(--lumal-cockpit-floating-bg), transparent 22%);border-radius:6px;gap:8px;padding:10px;display:grid}.lumal-cockpit-designer__grid-row-head{align-items:center;gap:10px;display:flex}.lumal-cockpit-designer__grid-row-head strong{color:var(--lumal-cockpit-title-text);margin-right:auto;font-size:13px}.lumal-cockpit-designer__tabs-switch{cursor:pointer}.lumal-cockpit-designer__tabs-switch input{width:16px;min-height:16px;accent-color:var(--lumal-cockpit-accent);margin:0}.lumal-cockpit-designer__grid-cells{gap:8px;min-height:126px;display:grid}.lumal-cockpit-designer__drop-zone{min-width:0;min-height:0;display:flex}.lumal-cockpit-designer__grid-cells>.lumal-cockpit-designer__drop-zone{min-height:126px}.lumal-cockpit-designer__tab-row .lumal-cockpit-designer__drop-zone{flex-wrap:wrap;gap:8px;min-height:92px}.lumal-cockpit-designer__empty-cell{border:1px dashed color-mix(in srgb, var(--lumal-cockpit-accent), transparent 46%);background:color-mix(in srgb, var(--lumal-cockpit-accent), transparent 94%);width:100%;min-height:100%;color:var(--lumal-cockpit-text-secondary);text-align:center;cursor:pointer;border-radius:5px;place-items:center;padding:12px;display:grid}.lumal-cockpit-designer__empty-cell:disabled{border-color:var(--lumal-cockpit-border);color:var(--lumal-cockpit-text-muted);cursor:default;background:0 0}.lumal-cockpit-designer__placed-widget{border:1px solid color-mix(in srgb, var(--lumal-cockpit-accent), transparent 54%);background:color-mix(in srgb, var(--lumal-cockpit-accent), transparent 90%);width:100%;min-height:72px;color:var(--lumal-cockpit-title-text);cursor:grab;box-sizing:border-box;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;padding:10px;display:flex}.lumal-cockpit-designer__placed-widget:active{cursor:grabbing}.lumal-cockpit-designer__placed-widget.is-active{border-color:var(--lumal-cockpit-accent);box-shadow:inset 0 -2px 0 var(--lumal-cockpit-accent)}.lumal-cockpit-designer__placed-widget button{border:1px solid var(--lumal-cockpit-border);background:var(--lumal-cockpit-floating-bg);min-height:32px;color:inherit;cursor:pointer;border-radius:5px;padding:0 8px}.lumal-cockpit-designer__tab-row .lumal-cockpit-designer__placed-widget{width:auto;min-width:136px;min-height:52px}.lumal-cockpit-designer__library{flex-direction:column;gap:12px;height:auto;padding:12px;display:flex;overflow:auto}.lumal-cockpit-designer__library-title strong,.lumal-cockpit-designer__library-title span{display:block}.lumal-cockpit-designer__library-title strong{color:var(--lumal-cockpit-title-text)}.lumal-cockpit-designer__library-title span{color:var(--lumal-cockpit-text-muted);margin-top:2px;font-size:12px}.lumal-cockpit-designer__library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.lumal-cockpit-designer__library-card{border:1px solid var(--lumal-cockpit-border);background:color-mix(in srgb, var(--lumal-cockpit-floating-bg), transparent 22%);min-height:112px;color:var(--lumal-cockpit-text);cursor:grab;text-align:left;border-radius:6px;gap:8px;padding:10px;display:grid}.lumal-cockpit-designer__library-card:hover{border-color:var(--lumal-cockpit-accent)}.lumal-cockpit-designer__library-card:focus-visible,.lumal-cockpit-designer__empty-cell:focus-visible,.lumal-cockpit-designer__placed-widget button:focus-visible{outline:2px solid var(--lumal-cockpit-focus-ring);outline-offset:2px}.lumal-cockpit-designer__library-thumbnail,.lumal-cockpit-designer__library-icon{background:color-mix(in srgb, var(--lumal-cockpit-accent), transparent 88%);object-fit:cover;width:100%;height:54px;color:var(--lumal-cockpit-text-secondary);border-radius:4px;place-items:center;font-size:12px;display:grid}.lumal-cockpit-designer__library-label{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.lumal-cockpit-designer__library-empty{color:var(--lumal-cockpit-text-muted);text-align:center;grid-column:1/-1;margin:0;padding:20px 0}.lumal-cockpit-card__tab.el-button{--el-button-bg-color:transparent;--el-button-border-color:transparent;--el-button-text-color:var(--lumal-cockpit-text-secondary);--el-button-hover-bg-color:var(--lumal-cockpit-selected);--el-button-hover-border-color:transparent;--el-button-hover-text-color:var(--lumal-cockpit-title-text);--el-button-active-bg-color:var(--lumal-cockpit-selected);--el-button-active-border-color:transparent;--el-button-active-text-color:var(--lumal-cockpit-title-text);min-width:44px;min-height:44px;box-shadow:none;border-radius:0;padding:0 12px;font-size:14px}.lumal-cockpit-card__tab.el-button.is-active{color:var(--lumal-cockpit-title-text);box-shadow:inset 0 -2px 0 var(--lumal-cockpit-accent);font-weight:600}.lumal-cockpit-card__tab.el-button:focus-visible{outline:2px solid var(--lumal-cockpit-focus-ring);outline-offset:-2px}.lumal-cockpit-error-boundary__retry.el-button{--el-button-bg-color:var(--lumal-cockpit-surface);--el-button-border-color:var(--lumal-cockpit-border);--el-button-text-color:var(--lumal-cockpit-text);--el-button-hover-bg-color:var(--lumal-cockpit-selected);--el-button-hover-border-color:var(--lumal-cockpit-accent);--el-button-hover-text-color:var(--lumal-cockpit-title-text);align-items:center;gap:6px;display:inline-flex}.lumal-cockpit-designer{--el-color-primary:var(--lumal-cockpit-accent,#00cbf4);--el-color-success:var(--lumal-cockpit-success,#1dffa0);--el-color-warning:var(--lumal-cockpit-warning,#e6a23c);--el-color-danger:var(--lumal-cockpit-danger,#f56c6c);--el-bg-color:var(--lumal-cockpit-panel-bg,#062e40cc);--el-bg-color-overlay:var(--lumal-cockpit-floating-bg,#19374b);--el-bg-color-page:var(--lumal-cockpit-designer-body-bg,#062e40cc);--el-fill-color-blank:var(--lumal-cockpit-control-bg,#004a6a66);--el-fill-color-light:color-mix(in srgb, var(--lumal-cockpit-control-bg,#004a6a66), transparent 12%);--el-fill-color-lighter:color-mix(in srgb, var(--lumal-cockpit-floating-bg,#19374b), transparent 28%);--el-text-color-primary:var(--lumal-cockpit-text,#d7eeff);--el-text-color-regular:var(--lumal-cockpit-text-secondary,#d7efff);--el-text-color-secondary:var(--lumal-cockpit-text-muted,#9dcdf8);--el-text-color-placeholder:var(--lumal-cockpit-text-muted,#9dcdf8);--el-border-color:var(--lumal-cockpit-border,#06b7fd80);--el-border-color-hover:var(--lumal-cockpit-accent,#00cbf4);--el-border-color-light:color-mix(in srgb, var(--lumal-cockpit-border,#06b7fd80), transparent 28%);--el-border-color-lighter:color-mix(in srgb, var(--lumal-cockpit-border,#06b7fd80), transparent 48%);--el-border-radius-base:4px;--el-border-radius-small:3px;--el-disabled-bg-color:color-mix(in srgb, var(--lumal-cockpit-control-bg,#004a6a66), transparent 30%);--el-disabled-text-color:color-mix(in srgb, var(--lumal-cockpit-text-muted,#9dcdf8), transparent 20%);--el-disabled-border-color:color-mix(in srgb, var(--lumal-cockpit-border,#06b7fd80), transparent 50%);--el-input-bg-color:var(--lumal-cockpit-control-bg,#004a6a66);--el-input-text-color:var(--lumal-cockpit-text,#d7eeff);--el-input-border-color:var(--lumal-cockpit-border,#06b7fd80);--el-input-hover-border-color:var(--lumal-cockpit-accent,#00cbf4);--el-input-focus-border-color:var(--lumal-cockpit-accent,#00cbf4);--el-mask-color:#020c1485;width:100%;min-width:1024px;height:100%;min-height:680px;color:var(--lumal-cockpit-text,#d7eeff);background:var(--lumal-cockpit-designer-body-bg,#062e40cc);box-shadow:var(--lumal-cockpit-designer-inset-shadow,inset 0 0 30px #06b7fda3);grid-template-rows:60px 92px auto minmax(0,1fr) 64px;display:grid;overflow:hidden}.lumal-cockpit-designer *{box-sizing:border-box;scrollbar-width:none}.lumal-cockpit-designer ::-webkit-scrollbar{width:0;height:0}.lumal-cockpit-designer__titlebar{background-color:var(--lumal-cockpit-surface,#043547d6);background-image:var(--lumal-cockpit-designer-title-image,none), var(--lumal-cockpit-title-bg,linear-gradient(90deg, #073854, #064258));background-position:50%;background-repeat:no-repeat;background-size:100% 100%;align-items:center;padding:0 40px;display:flex;position:relative}.lumal-cockpit-designer__heading{color:var(--lumal-cockpit-title-text,#fff);align-items:center;gap:9px;margin:0;font-size:18px;font-weight:700;display:inline-flex}.lumal-cockpit-designer__title-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.lumal-cockpit-designer__controlbar{background:0 0;border-bottom:0;align-items:center;padding:0 30px;display:flex}.lumal-cockpit-designer__layout-controls,.lumal-cockpit-designer__layout-tools,.lumal-cockpit-designer__footer-actions{align-items:center;gap:10px;display:flex}.lumal-cockpit-designer__layout-controls{flex-wrap:wrap;width:100%;min-width:0}.lumal-cockpit-designer__layout-controls>.el-input{flex:none;width:200px}.lumal-cockpit-designer__layout-controls .el-select{flex:none;width:220px}.lumal-cockpit-designer__layout-tools{flex:none;margin-left:2px}.lumal-cockpit-designer__field{color:var(--lumal-cockpit-text-secondary,#d7efff);white-space:nowrap;flex:none;align-items:center;gap:6px;font-size:13px;line-height:1;display:inline-flex}.lumal-cockpit-designer__field>span{color:inherit;flex:none}.lumal-cockpit-designer__field>.el-input-number{flex:none;width:132px}.lumal-cockpit-designer__field em{color:var(--lumal-cockpit-text-muted,#9dcdf8);flex:none;font-size:11px;font-style:normal}.lumal-cockpit-designer__layout-controls>.lumal-cockpit-designer__field{gap:10px;font-size:14px;font-weight:600}.lumal-cockpit-designer__issues{gap:6px;padding:0 30px 8px;display:grid}.lumal-cockpit-designer__issues.is-empty{visibility:hidden;height:0;padding:0;overflow:hidden}.lumal-cockpit-designer__workspace{grid-template-columns:minmax(820px,3fr) minmax(286px,1fr);gap:12px;min-height:0;padding:0 10px 10px 30px;display:grid;overflow:hidden}.lumal-cockpit-designer__assembly,.lumal-cockpit-designer__library{border:1.43px solid var(--lumal-cockpit-panel-border,#06b7fd66);background:var(--lumal-cockpit-stage-bg,#004a6a33);border-radius:11.44px;min-width:0;min-height:0;overflow:hidden}.lumal-cockpit-designer__assembly-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;width:100%;height:100%;min-height:0;display:grid;position:relative}.lumal-cockpit-designer__region{flex-direction:column;gap:10px;min-width:0;height:100%;min-height:0;display:flex}.lumal-cockpit-designer__region-head{border:1px solid color-mix(in srgb, var(--lumal-cockpit-border,#06b7fd80), var(--lumal-cockpit-accent,#00cbf4) 24%);background:color-mix(in srgb, var(--lumal-cockpit-panel-bg,#062e40f5), #00141e 12%);border-radius:5px;flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:44px;padding:8px 10px;display:flex}.lumal-cockpit-designer__region-head-meta{flex-direction:column;min-width:86px;margin-right:auto;display:flex}.lumal-cockpit-designer__region-head-meta strong{color:var(--lumal-cockpit-title-text,#fff);font-size:13px}.lumal-cockpit-designer__region-head-meta span{color:var(--lumal-cockpit-text-muted,#9dcdf8);margin-top:1px;font-size:10px}.lumal-cockpit-designer__grid-rows{flex-direction:column;flex:1;gap:12px;width:100%;min-height:0;display:flex}.lumal-cockpit-designer__grid-row{isolation:isolate;flex-direction:column;gap:8px;min-width:0;min-height:0;display:flex;overflow:hidden}.lumal-cockpit-designer__grid-row-head{border:1px solid color-mix(in srgb, var(--lumal-cockpit-border,#06b7fd80), transparent 30%);background:color-mix(in srgb, var(--lumal-cockpit-control-bg,#032f3ff0), transparent 12%);border-radius:4px;align-items:center;gap:8px 10px;min-height:40px;padding:6px 8px;display:flex}.lumal-cockpit-designer__grid-row-head>strong{color:var(--lumal-cockpit-text-secondary,#d7efff);margin-right:auto;font-size:11px}.lumal-cockpit-designer__tabs-switch{color:var(--lumal-cockpit-text-secondary,#d7efff);white-space:nowrap;align-items:center;gap:4px;font-size:10px;display:inline-flex}.lumal-cockpit-designer__grid-cells,.lumal-cockpit-designer__tab-row{flex:1 1 0;width:100%;height:100%;min-height:0}.lumal-cockpit-designer__grid-cells{grid-auto-rows:minmax(0,1fr);align-items:stretch;gap:10px;display:grid}.lumal-cockpit-designer__drop-zone{min-width:0;height:100%;min-height:0;display:block;position:relative}.lumal-cockpit-designer__drop-zone>.lumal-cockpit-designer__placed-widget,.lumal-cockpit-designer__drop-zone>.lumal-cockpit-designer__empty-cell{width:100%;min-width:0;height:100%;min-height:0;position:absolute;inset:0}.lumal-cockpit-designer__drop-zone.is-tabs{width:100%;height:100%;display:block;position:relative}.lumal-cockpit-designer__drop-zone.is-tabs>.lumal-cockpit-designer__tab-card{width:100%;height:100%;position:absolute;inset:0}.lumal-cockpit-designer__empty-cell.el-button{border-radius:var(--el-border-radius-base);white-space:normal;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;margin:0;padding:8px;font-size:16px;display:inline-flex}.lumal-cockpit-designer__empty-cell.el-button:hover:not(:disabled),.lumal-cockpit-designer__empty-cell.el-button:focus-visible:not(:disabled){box-shadow:inset 0 0 18px color-mix(in srgb, var(--lumal-cockpit-accent), transparent 82%)}.lumal-cockpit-designer__empty-cell.el-button:disabled{opacity:1}.lumal-cockpit-designer__empty-cell.el-button .lumal-icon{flex:none}.lumal-cockpit-designer__placed-widget{border:1px solid var(--lumal-cockpit-slot-border,#06b7fd80);box-sizing:border-box;cursor:grab;isolation:isolate;background:0 0;border-radius:4px;grid-template-rows:34px minmax(0,1fr);grid-template-columns:minmax(0,1fr);justify-content:stretch;align-items:stretch;gap:0;width:100%;min-width:0;height:100%;min-height:0;padding:0;transition:border-color .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}.lumal-cockpit-designer__placed-widget:hover,.lumal-cockpit-designer__placed-widget:focus-within,.lumal-cockpit-designer__placed-widget.is-active{border-color:var(--lumal-cockpit-accent,#00cbf4);box-shadow:0 2px 12px #0003}.lumal-cockpit-designer__placed-widget.is-keyboard-selected{border-color:var(--lumal-cockpit-success,#1dffa0);box-shadow:inset 0 0 0 1px var(--lumal-cockpit-success,#1dffa0), 0 0 12px color-mix(in srgb, var(--lumal-cockpit-success,#1dffa0), transparent 56%)}.lumal-cockpit-designer__placed-widget-header{z-index:3;border-bottom:1px solid color-mix(in srgb, var(--lumal-cockpit-slot-border,#06b7fd80), transparent 18%);background:var(--lumal-cockpit-caption-bg,#0223316b);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);align-items:center;gap:6px;min-width:0;min-height:34px;padding:0 4px 0 8px;display:flex}.lumal-cockpit-designer__placed-widget-header>span{min-width:0;color:var(--lumal-cockpit-text,#fff);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:12px;font-weight:600;overflow:hidden}.lumal-cockpit-designer__placed-widget-actions{flex:none;align-items:center;gap:3px;display:flex}.lumal-cockpit-designer__placed-widget-body{min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.lumal-cockpit-designer__placed-widget-body>.lumal-cockpit-designer__widget-preview,.lumal-cockpit-designer__placed-widget-body>.lumal-cockpit-designer__widget-preview-fallback{width:100%;height:100%;position:absolute;inset:0}.lumal-cockpit-designer__widget-action.el-button,.lumal-cockpit-designer__tab-action.el-button,.lumal-cockpit-designer__tab-target.el-button{border-radius:var(--el-border-radius-small);opacity:.72;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;min-height:24px;padding:0;display:inline-flex}.lumal-cockpit-designer__widget-action.el-button[aria-pressed=true],.lumal-cockpit-designer__tab-action.el-button[aria-pressed=true]{border-color:var(--lumal-cockpit-success,#1dffa0);color:var(--lumal-cockpit-success,#1dffa0);opacity:1;box-shadow:0 0 8px color-mix(in srgb, var(--lumal-cockpit-success,#1dffa0), transparent 52%)}.lumal-cockpit-designer__placed-widget:hover .lumal-cockpit-designer__widget-action,.lumal-cockpit-designer__placed-widget:focus-within .lumal-cockpit-designer__widget-action,.lumal-cockpit-designer__placed-widget-header:hover .lumal-cockpit-designer__widget-action{opacity:1}.lumal-cockpit-designer__tab-card{border:1px solid var(--lumal-cockpit-slot-border,#06b7fd80);background:0 0;border-radius:4px;grid-template-rows:34px minmax(0,1fr);width:100%;height:100%;min-height:0;display:grid;overflow:hidden}.lumal-cockpit-designer__tab-list{border-bottom:1px solid color-mix(in srgb, var(--lumal-cockpit-slot-border,#06b7fd80), transparent 18%);background:var(--lumal-cockpit-caption-bg,#0223316b);align-items:stretch;min-width:0;min-height:34px;display:flex;overflow-x:auto}.lumal-cockpit-designer__tab-item{border-right:1px solid color-mix(in srgb, var(--lumal-cockpit-slot-border,#06b7fd80), transparent 48%);align-items:center;min-width:0;display:inline-flex}.lumal-cockpit-designer__tab-item.is-active{background:color-mix(in srgb, var(--lumal-cockpit-accent,#00cbf4), transparent 88%);box-shadow:inset 0 -2px 0 var(--lumal-cockpit-accent,#00cbf4)}.lumal-cockpit-designer__tab-item.is-keyboard-selected{box-shadow:inset 0 0 0 1px var(--lumal-cockpit-success,#1dffa0)}.lumal-cockpit-designer__tab-widget-title.el-button{text-overflow:ellipsis;white-space:nowrap;border-radius:0;min-width:64px;max-width:148px;height:32px;min-height:32px;padding:0 8px;overflow:hidden}.lumal-cockpit-designer__tab-item.is-active .lumal-cockpit-designer__tab-widget-title{color:var(--lumal-cockpit-title-text,#fff)}.lumal-cockpit-designer__tab-action.el-button,.lumal-cockpit-designer__tab-target.el-button{flex:none;align-self:center;width:22px;min-width:22px;height:22px;min-height:22px;margin-right:2px}.lumal-cockpit-designer__tab-move{cursor:grab}.lumal-cockpit-designer__tab-target.el-button{border-color:var(--lumal-cockpit-success,#1dffa0);color:var(--lumal-cockpit-success,#1dffa0);margin:5px}.lumal-cockpit-designer__tab-preview{min-width:0;min-height:0;position:relative;overflow:hidden}.lumal-cockpit-designer__tab-preview>.lumal-cockpit-designer__empty-cell{border:0;border-radius:0}.lumal-cockpit-designer__widget-preview{background:0 0;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.lumal-cockpit-designer__widget-preview-stage{pointer-events:none;position:absolute;top:0;left:0}.lumal-cockpit-designer__widget-preview-stage,.lumal-cockpit-designer__widget-preview-stage>.lumal-cockpit-error-boundary,.lumal-cockpit-designer__widget-preview-stage>.lumal-cockpit-error-boundary>*{width:100%;height:100%}.lumal-cockpit-designer__widget-preview-image{object-fit:contain;width:100%;height:100%;display:block}.lumal-cockpit-designer__widget-preview-fallback{width:100%;height:100%;color:var(--lumal-cockpit-text-muted,#9dcdf8);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:11px;display:flex}.lumal-cockpit-designer__widget-preview-placeholder{width:100%;height:100%;color:var(--lumal-cockpit-text-muted,#9dcdf8);justify-content:center;align-items:center;display:flex}.lumal-cockpit-designer__library{padding:16px}.lumal-cockpit-designer__library-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px 0;width:100%;height:100%;min-height:0;display:grid;overflow:auto}.lumal-cockpit-designer__library-card{cursor:grab;background:0 0;border:0;border-radius:4px;min-width:0;height:128px;transition:box-shadow .16s;display:block;position:relative;overflow:hidden}.lumal-cockpit-designer__library-card:hover,.lumal-cockpit-designer__library-card:focus-within,.lumal-cockpit-designer__library-card.is-selected{z-index:2;box-shadow:0 2px 12px #0003}.lumal-cockpit-designer__library-select.el-button{z-index:3;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);text-overflow:ellipsis;white-space:nowrap;border-radius:0;width:100%;min-width:0;min-height:30px;margin:0;padding:5px 4px;font-size:12px;font-weight:700;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.lumal-cockpit-designer__library-empty{grid-column:1/-1}.lumal-cockpit-designer__footer{color:var(--lumal-cockpit-text-secondary,#d7efff);background:0 0;justify-content:flex-end;align-items:center;gap:18px;padding:0 16px 8px 30px;display:flex}.lumal-cockpit-designer__footer p{margin:0;font-size:14px}.lumal-cockpit-designer .el-input,.lumal-cockpit-designer .el-select,.lumal-cockpit-designer .el-input-number{--el-component-size:32px;--el-input-height:32px}.lumal-cockpit-designer .el-input__wrapper,.lumal-cockpit-designer .el-select__wrapper,.lumal-cockpit-designer .el-input-number .el-input__wrapper{min-height:var(--el-component-size);height:var(--el-component-size);border-radius:var(--el-border-radius-base);background-color:var(--el-fill-color-blank);box-shadow:0 0 0 1px var(--el-input-border-color) inset;padding:0 10px}.lumal-cockpit-designer .el-input__wrapper:hover,.lumal-cockpit-designer .el-select__wrapper:hover,.lumal-cockpit-designer .el-input-number .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.lumal-cockpit-designer .el-input__wrapper.is-focus,.lumal-cockpit-designer .el-select__wrapper.is-focus,.lumal-cockpit-designer .el-input-number .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset, 0 0 0 2px color-mix(in srgb, var(--lumal-cockpit-accent,#00cbf4), transparent 78%)}.lumal-cockpit-designer .el-input-number{width:132px;line-height:var(--el-component-size)}.lumal-cockpit-designer .el-input-number .el-input__wrapper{padding-left:36px;padding-right:36px}.lumal-cockpit-designer .el-input-number .el-input-number__decrease,.lumal-cockpit-designer .el-input-number .el-input-number__increase{border-color:var(--el-input-border-color);background:color-mix(in srgb, var(--el-fill-color-blank), transparent 20%);width:32px;height:auto;color:var(--el-text-color-regular)}.lumal-cockpit-designer .el-input__inner,.lumal-cockpit-designer .el-select__input,.lumal-cockpit-designer .el-select__selected-item,.lumal-cockpit-designer .el-select__placeholder{width:100%;height:var(--el-component-size);min-height:0;box-shadow:none;line-height:var(--el-component-size);color:var(--el-input-text-color);background:0 0;border:0;border-radius:0;outline:0;padding:0;font-size:13px}.lumal-cockpit-designer .el-select__placeholder{color:var(--el-text-color-placeholder)}.lumal-cockpit-designer .el-select__suffix{color:var(--el-text-color-regular)}.lumal-cockpit-designer .el-button{--el-button-bg-color:var(--lumal-cockpit-control-bg,#004a6a66);--el-button-border-color:var(--lumal-cockpit-border,#06b7fd80);--el-button-text-color:var(--lumal-cockpit-text-secondary,#d7efff);--el-button-hover-bg-color:color-mix(in srgb, var(--lumal-cockpit-accent,#00cbf4), transparent 82%);--el-button-hover-border-color:var(--lumal-cockpit-accent,#00cbf4);--el-button-hover-text-color:var(--lumal-cockpit-title-text,#fff);--el-button-active-bg-color:color-mix(in srgb, var(--lumal-cockpit-accent,#00cbf4), transparent 72%);--el-button-active-border-color:var(--lumal-cockpit-accent,#00cbf4);--el-button-active-text-color:var(--lumal-cockpit-title-text,#fff);--el-button-disabled-bg-color:var(--el-disabled-bg-color);--el-button-disabled-border-color:var(--el-disabled-border-color);--el-button-disabled-text-color:var(--el-disabled-text-color);height:var(--el-component-size,32px);min-height:var(--el-component-size,32px);border-radius:var(--el-border-radius-base);box-shadow:none;padding:0 12px}.lumal-cockpit-designer .el-button:focus-visible{outline:2px solid var(--lumal-cockpit-focus-ring,var(--lumal-cockpit-accent,#00cbf4));outline-offset:2px}.lumal-cockpit-designer .el-button.is-circle{width:var(--el-component-size,32px);min-width:var(--el-component-size,32px);height:var(--el-component-size,32px);min-height:var(--el-component-size,32px);padding:0}.lumal-cockpit-designer .el-button--primary,.lumal-cockpit-designer__save.el-button{--el-button-bg-color:var(--lumal-cockpit-accent,#00cbf4);--el-button-border-color:var(--lumal-cockpit-accent,#00cbf4);--el-button-text-color:#fff;--el-button-hover-bg-color:color-mix(in srgb, var(--lumal-cockpit-accent,#00cbf4), #fff 12%);--el-button-hover-border-color:color-mix(in srgb, var(--lumal-cockpit-accent,#00cbf4), #fff 12%);--el-button-hover-text-color:#fff;--el-button-active-bg-color:color-mix(in srgb, var(--lumal-cockpit-accent,#00cbf4), #000 10%);--el-button-active-border-color:color-mix(in srgb, var(--lumal-cockpit-accent,#00cbf4), #000 10%);--el-button-active-text-color:#fff}.lumal-cockpit-designer .el-button--danger{--el-button-bg-color:color-mix(in srgb, var(--lumal-cockpit-danger,#f56c6c), transparent 78%);--el-button-border-color:color-mix(in srgb, var(--lumal-cockpit-danger,#f56c6c), transparent 40%);--el-button-text-color:var(--lumal-cockpit-danger,#f56c6c);--el-button-hover-bg-color:color-mix(in srgb, var(--lumal-cockpit-danger,#f56c6c), transparent 62%);--el-button-hover-border-color:var(--lumal-cockpit-danger,#f56c6c);--el-button-hover-text-color:#fff;--el-button-active-bg-color:color-mix(in srgb, var(--lumal-cockpit-danger,#f56c6c), transparent 48%);--el-button-active-border-color:var(--lumal-cockpit-danger,#f56c6c);--el-button-active-text-color:#fff}.lumal-cockpit-designer .el-button--danger.is-plain{--el-button-bg-color:color-mix(in srgb, var(--lumal-cockpit-danger,#f56c6c), transparent 90%);--el-button-border-color:color-mix(in srgb, var(--lumal-cockpit-danger,#f56c6c), transparent 55%);--el-button-text-color:var(--lumal-cockpit-danger,#f56c6c);--el-button-hover-bg-color:color-mix(in srgb, var(--lumal-cockpit-danger,#f56c6c), transparent 78%);--el-button-hover-text-color:var(--lumal-cockpit-danger,#f56c6c)}.lumal-cockpit-designer__widget-action.el-button,.lumal-cockpit-designer__tab-action.el-button,.lumal-cockpit-designer__tab-target.el-button{border-radius:var(--el-border-radius-small);width:24px;min-width:24px;height:24px;min-height:24px}.lumal-cockpit-designer__tab-action.el-button,.lumal-cockpit-designer__tab-target.el-button{width:22px;min-width:22px;height:22px;min-height:22px}.lumal-cockpit-designer__widget-action.el-button--danger,.lumal-cockpit-designer__tab-action.el-button--danger{--el-button-bg-color:color-mix(in srgb, var(--lumal-cockpit-danger,#f56c6c), transparent 72%);--el-button-border-color:color-mix(in srgb, var(--lumal-cockpit-danger,#f56c6c), transparent 40%);--el-button-text-color:#fff}.lumal-cockpit-designer__empty-cell.el-button{--el-button-bg-color:transparent;--el-button-border-color:var(--lumal-cockpit-slot-border,var(--lumal-cockpit-border));--el-button-text-color:var(--lumal-cockpit-text-secondary);--el-button-hover-bg-color:color-mix(in srgb, var(--lumal-cockpit-accent), transparent 92%);--el-button-hover-border-color:var(--lumal-cockpit-accent);--el-button-hover-text-color:var(--lumal-cockpit-title-text);--el-button-disabled-bg-color:transparent;--el-button-disabled-border-color:var(--lumal-cockpit-slot-border,var(--lumal-cockpit-border));--el-button-disabled-text-color:var(--lumal-cockpit-text-secondary)}.lumal-cockpit-designer__tab-widget-title.el-button,.lumal-cockpit-designer__library-select.el-button{--el-button-bg-color:transparent;--el-button-border-color:transparent;--el-button-text-color:inherit;--el-button-hover-bg-color:transparent;--el-button-hover-border-color:transparent;--el-button-hover-text-color:inherit}.lumal-cockpit-designer .el-switch{--el-switch-on-color:var(--lumal-cockpit-accent,#00cbf4);--el-switch-off-color:color-mix(in srgb, var(--lumal-cockpit-control-bg,#004a6ab8), #000 20%)}.lumal-cockpit-designer .el-alert{--el-alert-bg-color:color-mix(in srgb, var(--lumal-cockpit-danger,#f56c6c), transparent 88%);--el-alert-border-color:color-mix(in srgb, var(--lumal-cockpit-danger,#f56c6c), transparent 55%);--el-alert-title-color:var(--lumal-cockpit-text);border-radius:var(--el-border-radius-base);background-color:var(--el-alert-bg-color);border:1px solid var(--el-alert-border-color)}.lumal-cockpit-designer .el-button+.el-button{margin-left:0}.lumal-cockpit-designer .is-drag-ghost{opacity:.35}.lumal-cockpit-designer .is-drag-chosen{box-shadow:0 0 0 2px var(--lumal-cockpit-drop-target,#00d7ff57)}@media (width<=1180px){.lumal-cockpit-designer__controlbar{padding-inline:20px}.lumal-cockpit-designer__workspace{grid-template-columns:minmax(0,1fr) 250px;gap:8px;padding:0 8px 8px 20px}.lumal-cockpit-designer__assembly{padding:12px}.lumal-cockpit-designer__assembly-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.lumal-cockpit-designer__library{padding:12px}.lumal-cockpit-designer__library-grid{grid-template-columns:minmax(0,1fr);gap:10px}.lumal-cockpit-designer__footer{gap:12px;padding-inline:20px 12px}.lumal-cockpit-designer__footer p{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}}.lumal-cockpit-designer{--lumal-cockpit-designer-panel-radius:12px;--lumal-cockpit-designer-card-radius:8px;--lumal-cockpit-designer-divider:color-mix(in srgb, var(--lumal-cockpit-border), transparent 42%);--lumal-cockpit-designer-panel-fill:color-mix(in srgb, var(--lumal-cockpit-panel-bg), transparent 5%);--lumal-cockpit-designer-soft-fill:color-mix(in srgb, var(--lumal-cockpit-floating-bg), transparent 22%);background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--lumal-cockpit-accent), transparent 93%), transparent 48%), color-mix(in srgb, var(--lumal-cockpit-designer-body-bg), #020b12 8%);min-width:1180px;box-shadow:none;grid-template-rows:64px 72px auto minmax(0,1fr) 68px}.lumal-cockpit-designer__titlebar{border-bottom:1px solid var(--lumal-cockpit-designer-divider);background:linear-gradient(90deg, color-mix(in srgb, var(--lumal-cockpit-accent), transparent 91%), transparent 28%), color-mix(in srgb, var(--lumal-cockpit-panel-bg), #020b12 8%);padding:0 28px;box-shadow:inset 0 -1px #ffffff08}.lumal-cockpit-designer__heading{letter-spacing:.02em;gap:10px;font-size:22px}.lumal-cockpit-designer__heading .lumal-icon{color:var(--lumal-cockpit-accent);filter:drop-shadow(0 0 7px color-mix(in srgb, var(--lumal-cockpit-accent), transparent 48%))}.lumal-cockpit-designer__controlbar{border-bottom:1px solid var(--lumal-cockpit-designer-divider);background:color-mix(in srgb, var(--lumal-cockpit-panel-bg), transparent 18%);padding:0 28px}.lumal-cockpit-designer__layout-controls{gap:12px}.lumal-cockpit-designer__layout-controls>.lumal-cockpit-designer__field{color:var(--lumal-cockpit-text-secondary);gap:12px;font-size:13px}.lumal-cockpit-designer__layout-controls .el-select{width:220px}.lumal-cockpit-designer__layout-controls>.el-input{width:210px}.lumal-cockpit-designer__layout-tools{border-left:1px solid var(--lumal-cockpit-designer-divider);gap:8px;margin-left:4px;padding-left:12px}.lumal-cockpit-designer__issues{background:color-mix(in srgb, var(--lumal-cockpit-danger), transparent 94%);padding:8px 28px}.lumal-cockpit-designer__workspace{background:linear-gradient(#74efff05 1px, transparent 1px) 0 0/32px 32px, linear-gradient(90deg, #74efff05 1px, transparent 1px) 0 0/32px 32px, color-mix(in srgb, var(--lumal-cockpit-bg), #000 10%);grid-template-columns:minmax(0,1fr) 330px;gap:14px;padding:14px 18px}.lumal-cockpit-designer__assembly,.lumal-cockpit-designer__library{border:1px solid var(--lumal-cockpit-designer-divider);border-radius:var(--lumal-cockpit-designer-panel-radius);background:var(--lumal-cockpit-designer-panel-fill);box-shadow:0 16px 36px #00000029,inset 0 1px #ffffff0a}.lumal-cockpit-designer__assembly{padding:12px}.lumal-cockpit-designer__assembly-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lumal-cockpit-designer__region{border:1px solid color-mix(in srgb, var(--lumal-cockpit-border), transparent 34%);background:color-mix(in srgb, var(--lumal-cockpit-bg), transparent 28%);border-radius:10px;gap:10px;padding:10px;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.lumal-cockpit-designer__region-head{border:0;border-bottom:1px solid var(--lumal-cockpit-designer-divider);background:0 0;border-radius:0;gap:8px 10px;min-height:58px;padding:8px 10px}.lumal-cockpit-designer__region-head-meta{min-width:118px}.lumal-cockpit-designer__region-head-meta strong{letter-spacing:.01em;font-size:16px}.lumal-cockpit-designer__region-head-meta span{margin-top:3px;font-size:11px}.lumal-cockpit-designer__region-head .el-input-number{width:112px}.lumal-cockpit-designer__region-width-field.lumal-cockpit-designer__field .el-input-number{width:126px}.lumal-cockpit-designer__grid-rows{gap:10px;padding-right:2px;overflow:auto}.lumal-cockpit-designer__grid-row{border:1px solid color-mix(in srgb, var(--lumal-cockpit-border), transparent 42%);border-radius:var(--lumal-cockpit-designer-card-radius);background:color-mix(in srgb, var(--lumal-cockpit-floating-bg), transparent 45%);gap:8px;padding:8px;box-shadow:inset 0 1px #ffffff06}.lumal-cockpit-designer__grid-row-head{border:0;border-bottom:1px solid color-mix(in srgb, var(--lumal-cockpit-border), transparent 55%);background:0 0;border-radius:0;min-height:36px;padding:4px 6px}.lumal-cockpit-designer__grid-row-head>strong{color:var(--lumal-cockpit-title-text);padding-left:12px;font-size:12px;position:relative}.lumal-cockpit-designer__grid-row-head>strong:before{background:var(--lumal-cockpit-accent);content:"";border-radius:2px;width:3px;height:16px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.lumal-cockpit-designer__grid-row-head .el-input-number{width:112px}.lumal-cockpit-designer__grid-cells{gap:8px}.lumal-cockpit-designer__empty-cell.el-button{border-style:dashed;border-color:color-mix(in srgb, var(--lumal-cockpit-accent), transparent 62%);border-radius:var(--lumal-cockpit-designer-card-radius);background:color-mix(in srgb, var(--lumal-cockpit-accent), transparent 97%);color:var(--lumal-cockpit-text-muted);font-size:13px}.lumal-cockpit-designer__empty-cell.el-button:not(:disabled):hover{border-color:var(--lumal-cockpit-accent);background:color-mix(in srgb, var(--lumal-cockpit-accent), transparent 93%)}.lumal-cockpit-designer__placed-widget,.lumal-cockpit-designer__tab-card{border-color:color-mix(in srgb, var(--lumal-cockpit-slot-border), transparent 20%);border-radius:var(--lumal-cockpit-designer-card-radius);background:color-mix(in srgb, var(--lumal-cockpit-bg), transparent 22%);box-shadow:inset 0 1px #ffffff08}.lumal-cockpit-designer__placed-widget:hover,.lumal-cockpit-designer__placed-widget:focus-within,.lumal-cockpit-designer__tab-card:focus-within{border-color:color-mix(in srgb, var(--lumal-cockpit-accent), transparent 15%);box-shadow:0 8px 22px #0003}.lumal-cockpit-designer__placed-widget-header,.lumal-cockpit-designer__tab-list{border-bottom-color:color-mix(in srgb, var(--lumal-cockpit-border), transparent 46%);background:linear-gradient(90deg, color-mix(in srgb, var(--lumal-cockpit-accent), transparent 91%), transparent 52%), color-mix(in srgb, var(--lumal-cockpit-caption-bg), transparent 8%);min-height:36px}.lumal-cockpit-designer__placed-widget-header{padding-inline:10px 5px}.lumal-cockpit-designer__placed-widget-header>span{letter-spacing:.01em;font-size:12px}.lumal-cockpit-designer__widget-action.el-button,.lumal-cockpit-designer__tab-action.el-button,.lumal-cockpit-designer__tab-target.el-button{opacity:.62;background:0 0;border-color:#0000}.lumal-cockpit-designer__widget-action.el-button:hover,.lumal-cockpit-designer__tab-action.el-button:hover,.lumal-cockpit-designer__tab-target.el-button:hover{border-color:color-mix(in srgb, var(--lumal-cockpit-border), transparent 36%);background:color-mix(in srgb, var(--lumal-cockpit-accent), transparent 90%);opacity:1}.lumal-cockpit-designer__library{grid-template-rows:auto minmax(0,1fr);gap:0;height:100%;padding:0;display:grid;overflow:hidden}.lumal-cockpit-designer__library-head{border-bottom:1px solid var(--lumal-cockpit-designer-divider);background:linear-gradient(90deg, color-mix(in srgb, var(--lumal-cockpit-accent), transparent 91%), transparent 72%), color-mix(in srgb, var(--lumal-cockpit-floating-bg), transparent 18%);align-items:center;gap:10px;min-height:66px;padding:12px 14px;display:flex}.lumal-cockpit-designer__library-head-copy{min-width:0;margin-right:auto}.lumal-cockpit-designer__library-head strong,.lumal-cockpit-designer__library-head span{display:block}.lumal-cockpit-designer__library-head strong{color:var(--lumal-cockpit-title-text);font-size:16px}.lumal-cockpit-designer__library-head-copy>span{color:var(--lumal-cockpit-text-muted);margin-top:3px;font-size:11px}.lumal-cockpit-designer__library-count{border:1px solid color-mix(in srgb, var(--lumal-cockpit-border), transparent 38%);background:color-mix(in srgb, var(--lumal-cockpit-accent), transparent 92%);border-radius:999px;flex:none;padding:4px 8px;color:var(--lumal-cockpit-accent)!important;font-size:11px!important}.lumal-cockpit-designer__library-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;height:auto;padding:12px;overflow:auto}.lumal-cockpit-designer__library-card{border:1px solid color-mix(in srgb, var(--lumal-cockpit-border), transparent 34%);border-radius:var(--lumal-cockpit-designer-card-radius);background:color-mix(in srgb, var(--lumal-cockpit-bg), transparent 30%);height:132px;transition:border-color .16s,background-color .16s,box-shadow .16s,transform .16s;box-shadow:inset 0 1px #ffffff08}.lumal-cockpit-designer__library-card:hover,.lumal-cockpit-designer__library-card:focus-within,.lumal-cockpit-designer__library-card.is-selected{border-color:var(--lumal-cockpit-accent);background:color-mix(in srgb, var(--lumal-cockpit-accent), transparent 94%);transform:translateY(-1px);box-shadow:0 8px 22px #00000038}.lumal-cockpit-designer__library-card.is-selected{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--lumal-cockpit-accent), transparent 42%), 0 8px 22px #00000038}.lumal-cockpit-designer__library-select.el-button{border-top:1px solid color-mix(in srgb, var(--lumal-cockpit-border), transparent 48%);background:color-mix(in srgb, var(--lumal-cockpit-caption-bg), transparent 8%);min-height:32px;color:var(--lumal-cockpit-text);padding:6px 8px;font-size:12px;font-weight:600}.lumal-cockpit-designer__footer{border-top:1px solid var(--lumal-cockpit-designer-divider);background:color-mix(in srgb, var(--lumal-cockpit-panel-bg), transparent 12%);gap:16px;padding:0 18px}.lumal-cockpit-designer__placement-status{color:var(--lumal-cockpit-text-muted);margin-right:auto!important;font-size:12px!important}.lumal-cockpit-designer__footer-actions{gap:10px}.lumal-cockpit-designer__footer-actions .el-button{min-width:88px}.lumal-cockpit-designer__save.el-button{min-width:112px;box-shadow:0 8px 18px color-mix(in srgb, var(--lumal-cockpit-accent), transparent 76%)}.lumal-cockpit-designer .el-input__wrapper,.lumal-cockpit-designer .el-select__wrapper,.lumal-cockpit-designer .el-input-number .el-input__wrapper{background:color-mix(in srgb, var(--lumal-cockpit-control-bg), transparent 8%);box-shadow:0 0 0 1px color-mix(in srgb, var(--el-input-border-color), transparent 20%) inset;border-radius:6px}.lumal-cockpit-designer .el-button{border-radius:6px}@media (width<=1380px){.lumal-cockpit-designer{min-width:1080px}.lumal-cockpit-designer__workspace{grid-template-columns:minmax(0,1fr) 288px;gap:10px;padding:10px 12px}.lumal-cockpit-designer__assembly{padding:9px}.lumal-cockpit-designer__assembly-stage,.lumal-cockpit-designer__grid-rows{gap:8px}.lumal-cockpit-designer__region{padding:8px}.lumal-cockpit-designer__region-head{gap:6px 8px}.lumal-cockpit-designer__region-head-meta{flex-basis:100%;margin-right:0}.lumal-cockpit-designer__library-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.lumal-cockpit-designer__library-card{transition:none}}
1
+ .lumal-icon[data-v-42fa0af8]{width:var(--lumal-icon-size);height:var(--lumal-icon-size);vertical-align:-.125em;justify-content:center;align-items:center;line-height:1;display:inline-flex}.lumal-icon__svg[data-v-42fa0af8],.lumal-icon__component[data-v-42fa0af8]{width:100%;height:100%}.lumal-icon__svg[data-v-42fa0af8] svg{width:100%;height:100%;display:block}.lumal-icon-picker[data-v-0b9c266c]{gap:12px;min-width:0;display:grid}.lumal-icon-picker__toolbar[data-v-0b9c266c]{grid-template-columns:minmax(0,1fr) minmax(140px,200px);align-items:start;gap:12px;display:grid}.lumal-icon-picker__field[data-v-0b9c266c]{gap:6px;min-width:0;display:grid}.lumal-icon-picker__field-label[data-v-0b9c266c],.lumal-icon-picker__summary[data-v-0b9c266c],.lumal-icon-picker__empty[data-v-0b9c266c]{color:var(--el-text-color-secondary,CanvasText);font-size:13px}.lumal-icon-picker__field input[data-v-0b9c266c],.lumal-icon-picker__field select[data-v-0b9c266c],.lumal-icon-picker__pagination button[data-v-0b9c266c]{box-sizing:border-box;height:var(--el-component-size,32px);min-height:var(--el-component-size,32px);border:1px solid var(--el-border-color,currentColor);border-radius:var(--lumal-radius-base,8px);color:var(--el-text-color-primary,CanvasText);background:var(--el-bg-color,Canvas);font:inherit;font-size:var(--lumal-font-size-base,14px);padding:0 12px}.lumal-icon-picker__field input[data-v-0b9c266c],.lumal-icon-picker__field select[data-v-0b9c266c]{width:100%;min-width:0}.lumal-icon-picker__summary[data-v-0b9c266c],.lumal-icon-picker__empty[data-v-0b9c266c]{margin:0}.lumal-icon-picker__grid[data-v-0b9c266c]{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px;display:grid}.lumal-icon-picker--show-labels .lumal-icon-picker__grid[data-v-0b9c266c]{grid-template-columns:repeat(auto-fill,minmax(min(96px,100%),1fr));grid-auto-rows:minmax(84px,auto)}.lumal-icon-picker__item[data-v-0b9c266c]{border:1px solid var(--el-border-color-lighter,currentColor);border-radius:var(--lumal-radius-small,6px);min-width:44px;min-height:52px;color:var(--el-text-color-regular,CanvasText);background:var(--el-bg-color,Canvas);cursor:pointer;transition:border-color var(--lumal-motion-fast,.16s), background-color var(--lumal-motion-fast,.16s);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px;display:inline-flex}.lumal-icon-picker__item[data-v-0b9c266c]:hover,.lumal-icon-picker__item.is-selected[data-v-0b9c266c]{border-color:var(--el-color-primary,Highlight);background:var(--el-color-primary-light-9,Canvas)}.lumal-icon-picker__item[data-v-0b9c266c]:focus-visible,.lumal-icon-picker__field input[data-v-0b9c266c]:focus-visible,.lumal-icon-picker__field select[data-v-0b9c266c]:focus-visible,.lumal-icon-picker__pagination button[data-v-0b9c266c]:focus-visible{outline:2px solid var(--el-color-primary,Highlight);outline-offset:2px}.lumal-icon-picker__item-label[data-v-0b9c266c]{width:100%;max-width:100%;font-size:calc(var(--lumal-font-size-base,14px) - 2px);text-align:center;white-space:normal;overflow-wrap:anywhere;line-height:1.4}.lumal-icon-picker__pagination[data-v-0b9c266c]{justify-content:center;align-items:center;gap:12px;display:flex}.lumal-icon-picker__pagination button[data-v-0b9c266c]:disabled{cursor:not-allowed;opacity:.5}@media (width<=640px){.lumal-icon-picker__toolbar[data-v-0b9c266c]{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.lumal-icon-picker__item[data-v-0b9c266c]{transition:none}}.lumal-icon-picker-dialog[data-v-ee548916]{z-index:var(--lumal-z-dialog,500);background:color-mix(in srgb, CanvasText 48%, transparent);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lumal-icon-picker-dialog__body[data-v-ee548916]{border-radius:var(--lumal-radius-large,12px);width:min(680px,100%);height:min(680px,88dvh);color:var(--el-text-color-primary,CanvasText);background:var(--el-bg-color,Canvas);box-shadow:var(--lumal-shadow-dialog,0 18px 48px color-mix(in srgb, CanvasText 18%, transparent));grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.lumal-icon-picker-dialog__header[data-v-ee548916],.lumal-icon-picker-dialog__footer[data-v-ee548916]{justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:12px 20px;display:flex}.lumal-icon-picker-dialog__header[data-v-ee548916]{border-bottom:1px solid var(--el-border-color-lighter,currentColor)}.lumal-icon-picker-dialog__header h3[data-v-ee548916]{margin:0;font-size:17px}.lumal-icon-picker-dialog__content[data-v-ee548916]{scrollbar-gutter:stable;min-height:0;padding:20px;overflow:auto}.lumal-icon-picker-dialog__content[data-v-ee548916] .lumal-icon-picker__grid{grid-template-columns:repeat(8,minmax(0,1fr))}.lumal-icon-picker-dialog__footer[data-v-ee548916]{border-top:1px solid var(--el-border-color-lighter,currentColor);justify-content:flex-end}.lumal-icon-picker-dialog button[data-v-ee548916]{border:1px solid var(--el-border-color,currentColor);border-radius:var(--lumal-radius-base,8px);min-width:44px;min-height:44px;color:inherit;background:var(--el-bg-color,Canvas);cursor:pointer;padding:0 14px}.lumal-icon-picker-dialog button.is-primary[data-v-ee548916]{border-color:var(--el-color-primary,Highlight);color:var(--el-color-white,HighlightText);background:var(--el-color-primary,Highlight)}.lumal-icon-picker-dialog button[data-v-ee548916]:disabled{cursor:not-allowed;opacity:.5}@media (width<=640px){.lumal-icon-picker-dialog[data-v-ee548916]{align-items:flex-end;padding:0}.lumal-icon-picker-dialog__body[data-v-ee548916]{border-radius:var(--lumal-radius-large,12px) var(--lumal-radius-large,12px) 0 0;height:min(680px,92dvh)}}@media (width<=480px){.lumal-icon-picker-dialog__content[data-v-ee548916] .lumal-icon-picker__grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width<=360px){.lumal-icon-picker-dialog__content[data-v-ee548916] .lumal-icon-picker__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.lumal-cockpit,.lumal-cockpit-designer{--lumal-cockpit-bg:var(--lumal-bg-color-page,var(--el-bg-color-page,#101722));--lumal-cockpit-bg-overlay:#080f18a3;--lumal-cockpit-texture-opacity:.16;--lumal-cockpit-panel-bg:var(--lumal-cockpit-surface-color,#121f2dc7);--lumal-cockpit-surface:var(--lumal-cockpit-panel-bg);--lumal-cockpit-floating-bg:#192738db;--lumal-cockpit-border:var(--lumal-cockpit-border-color,#94bce62e);--lumal-cockpit-shadow:0 14px 42px #0000003d;--lumal-cockpit-title-bg:linear-gradient(90deg, #409eff2e, #409eff0a);--lumal-cockpit-title-text:var(--lumal-text-color-primary,var(--el-text-color-primary,#f1f6ff));--lumal-cockpit-title-line:var(--lumal-color-primary,var(--el-color-primary,#409eff));--lumal-cockpit-text:var(--lumal-text-color-primary,var(--el-text-color-primary,#e5edf7));--lumal-cockpit-text-secondary:var(--lumal-text-color-regular,var(--el-text-color-regular,#a8b7c8));--lumal-cockpit-text-muted:var(--lumal-text-color-secondary,var(--el-text-color-secondary,#7d8b9c));--lumal-cockpit-accent:var(--lumal-color-primary,var(--el-color-primary,#409eff));--lumal-cockpit-success:var(--el-color-success,#67c23a);--lumal-cockpit-warning:var(--el-color-warning,#e6a23c);--lumal-cockpit-danger:var(--el-color-danger,#f56c6c);--lumal-cockpit-map-mask:#09121e6b;--lumal-cockpit-drop-target:#409eff38;--lumal-cockpit-selected:#409eff2e;--lumal-cockpit-gap:var(--lumal-cockpit-gap-size,12px);--lumal-cockpit-gap-x:var(--lumal-cockpit-gap);--lumal-cockpit-gap-y:var(--lumal-cockpit-gap);--lumal-cockpit-gap-design:12;--lumal-cockpit-radius:var(--lumal-border-radius-base,var(--el-border-radius-base,8px));--lumal-cockpit-header-height:var(--lumal-cockpit-header-size,72px);--lumal-cockpit-header-height-design:72;--lumal-cockpit-header-padding-design:16;--lumal-cockpit-title-size-design:24;--lumal-cockpit-category-height:var(--lumal-cockpit-category-size,64px);--lumal-cockpit-focus-ring:var(--el-color-primary,#409eff)}.lumal-cockpit{width:100%;height:100%;color:var(--lumal-cockpit-text);background:var(--lumal-cockpit-bg);position:relative;overflow:hidden}.lumal-cockpit__auto-refresh{align-items:center;display:inline-flex}.lumal-cockpit__auto-refresh-control{border:1px solid color-mix(in srgb, var(--lumal-cockpit-border), transparent 18%);background:color-mix(in srgb, var(--lumal-cockpit-floating-bg), transparent 14%);min-height:44px;color:var(--lumal-cockpit-text-secondary);cursor:pointer;white-space:nowrap;border-radius:2px;align-items:center;gap:8px;padding:0 10px;font-size:12px;display:inline-flex}.lumal-cockpit-canvas{position:absolute;inset:0;overflow:hidden}.lumal-cockpit-canvas__stage{gap:var(--lumal-cockpit-gap-y);padding:var(--lumal-cockpit-gap-y) var(--lumal-cockpit-gap-x);box-sizing:border-box;will-change:transform;flex-direction:column;display:flex;position:absolute;top:0;left:0}.lumal-cockpit-canvas[data-viewport-mode=vwvh] .lumal-cockpit-canvas__stage{--lumal-cockpit-gap-x:calc(var(--lumal-cockpit-gap-design) * var(--lumal-cockpit-x-unit));--lumal-cockpit-gap-y:calc(var(--lumal-cockpit-gap-design) * var(--lumal-cockpit-y-unit));--lumal-cockpit-header-height:calc(var(--lumal-cockpit-header-height-design) * var(--lumal-cockpit-y-unit));will-change:auto}.lumal-cockpit-canvas[data-viewport-mode=external] .lumal-cockpit-canvas__stage{will-change:auto;width:100%!important;height:100%!important}.lumal-cockpit-canvas__header{align-items:center;gap:var(--lumal-cockpit-gap-x);height:var(--lumal-cockpit-header-height);padding:0 calc(var(--lumal-cockpit-header-padding-design) * var(--lumal-cockpit-x-unit));border:1px solid var(--lumal-cockpit-border);border-radius:var(--lumal-cockpit-radius);background:var(--lumal-cockpit-title-bg);box-shadow:var(--lumal-cockpit-shadow);flex:none;display:flex}.lumal-cockpit-canvas__title{color:var(--lumal-cockpit-title-text);font-size:calc(var(--lumal-cockpit-title-size-design) * var(--lumal-cockpit-x-unit));font-weight:600}.lumal-cockpit-canvas__title h1{font:inherit;margin:0}.lumal-cockpit-canvas__title h1:after{background:var(--lumal-cockpit-title-line);content:"";width:72px;height:2px;margin-top:6px;display:block}.lumal-cockpit-canvas__pages{gap:8px;margin-left:24px;display:flex}.lumal-cockpit-canvas__header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.lumal-cockpit-canvas__body{flex:auto;min-height:0;position:relative;overflow:hidden}.lumal-cockpit-canvas__left,.lumal-cockpit-canvas__right{z-index:2;min-width:0;height:100%;display:flex;position:absolute;top:0;bottom:0}.lumal-cockpit-canvas__left{left:0}.lumal-cockpit-canvas__right{justify-content:flex-end;right:0}.lumal-cockpit-canvas__center{z-index:0;min-width:0;position:absolute;inset:0;overflow:hidden}.lumal-cockpit-canvas__categories{justify-content:center;align-items:center;gap:var(--lumal-cockpit-gap);height:var(--lumal-cockpit-category-height);flex:none;display:flex}.lumal-cockpit-canvas__page,.lumal-cockpit-canvas__category,.lumal-cockpit-card__tab{border:1px solid var(--lumal-cockpit-border);border-radius:var(--lumal-cockpit-radius);background:var(--lumal-cockpit-surface);min-width:44px;min-height:44px;color:inherit;cursor:pointer;padding:8px 16px}.lumal-cockpit-canvas__page:focus-visible,.lumal-cockpit-canvas__category:focus-visible,.lumal-cockpit-card__tab:focus-visible{outline:2px solid var(--lumal-cockpit-focus-ring);outline-offset:2px}.lumal-cockpit-canvas__page.is-active,.lumal-cockpit-canvas__category.is-active,.lumal-cockpit-card__tab.is-active{border-color:var(--lumal-cockpit-accent);box-shadow:inset 0 -2px 0 0 var(--lumal-cockpit-accent)}.lumal-cockpit-region{gap:var(--lumal-cockpit-gap-x);min-width:0;height:100%;display:flex}.lumal-cockpit-region__column{min-width:0}.lumal-cockpit-column{gap:var(--lumal-cockpit-gap-y);flex-direction:column;height:100%;display:flex}.lumal-cockpit-column__cell{min-height:0}.lumal-cockpit-container{min-width:0;height:100%;min-height:0}.lumal-cockpit-container__combined{gap:var(--lumal-cockpit-gap-x);height:100%;display:flex}.lumal-cockpit-container__combined[data-direction=vertical]{flex-direction:column}.lumal-cockpit-container__combined-item{flex:1 1 0;min-width:0;min-height:0}.lumal-cockpit-container__tabs{flex-direction:column;height:100%;display:flex}.lumal-cockpit-container__tabpanel{flex:auto;height:100%;min-height:0}.lumal-cockpit-card{border:1px solid var(--lumal-cockpit-border);border-radius:var(--lumal-cockpit-radius);background:var(--lumal-cockpit-surface);width:100%;min-width:0;height:100%;min-height:0;box-shadow:var(--lumal-cockpit-shadow);flex-direction:column;display:flex;overflow:hidden}.lumal-cockpit-card__header{border-bottom:1px solid var(--lumal-cockpit-border);background:var(--lumal-cockpit-title-bg);flex:none;align-items:center;min-height:44px;padding:0 12px;display:flex}.lumal-cockpit-card__title{min-width:0;color:var(--lumal-cockpit-title-text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.lumal-cockpit-card__tablist{align-items:center;gap:8px;min-width:0;min-height:44px;display:flex;overflow-x:auto}.lumal-cockpit-card__tab{flex:none}.lumal-cockpit-card__body{min-height:0;padding:var(--lumal-cockpit-card-body-padding,12px);box-sizing:border-box;flex-direction:column;flex:auto;display:flex;position:relative;overflow:hidden}.lumal-cockpit-widget,.lumal-cockpit-center{flex-direction:column;height:100%;min-height:0;display:flex}.lumal-cockpit-widget__body,.lumal-cockpit-center__body{flex:auto;min-height:0;overflow:auto}.lumal-cockpit-widget__embedded,.lumal-cockpit-center__embedded{flex-direction:column;height:100%;min-height:0;display:flex}.lumal-cockpit-center{border:1px solid var(--lumal-cockpit-border);border-radius:var(--lumal-cockpit-radius);background:var(--lumal-cockpit-map-mask);overflow:hidden}.lumal-cockpit[data-mode=design] [data-cockpit-node]{cursor:pointer}.lumal-cockpit[data-mode=design] [data-cockpit-node]:hover{outline:2px solid var(--lumal-cockpit-drop-target);outline-offset:-2px}.lumal-cockpit-container__empty,.lumal-cockpit-widget__missing,.lumal-cockpit-widget__error,.lumal-cockpit-center__empty,.lumal-cockpit-center__missing,.lumal-cockpit-center__error,.lumal-cockpit-canvas__empty-page,.lumal-cockpit__empty,.lumal-cockpit__error{height:100%;color:var(--lumal-cockpit-text);opacity:.72;text-align:center;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.lumal-cockpit-error-boundary{height:100%}.lumal-cockpit-error-boundary__fallback{flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;display:flex}.lumal-cockpit-error-boundary__retry{border:1px solid var(--lumal-cockpit-border);border-radius:var(--lumal-cockpit-radius);background:var(--lumal-cockpit-surface);min-height:44px;color:inherit;cursor:pointer;padding:8px 16px}.lumal-cockpit-error-boundary__retry:focus-visible{outline:2px solid var(--lumal-cockpit-focus-ring);outline-offset:2px}.lumal-cockpit-designer{--lumal-cockpit-designer-control-height:36px;--lumal-cockpit-designer-control-radius:6px;--lumal-cockpit-designer-pane-padding:16px;isolation:isolate;width:100%;min-width:1120px;height:100%;color:var(--lumal-cockpit-text,#e5eaf3);background:var(--lumal-cockpit-bg,#10131a);flex-direction:column;display:flex}.lumal-cockpit-designer__toolbar-actions button,.lumal-cockpit-designer__region :is(button,input:not([type=radio]):not([type=checkbox]),select),.lumal-cockpit-designer__properties :is(button,input),.lumal-cockpit-designer__library :is(button,select){box-sizing:border-box;font:inherit}.lumal-cockpit-designer__toolbar-actions button,.lumal-cockpit-designer__region button,.lumal-cockpit-designer__properties button,.lumal-cockpit-designer__library button{min-height:var(--lumal-cockpit-designer-control-height);border:1px solid var(--lumal-cockpit-border,#ffffff1f);border-radius:var(--lumal-cockpit-designer-control-radius);background:var(--lumal-cockpit-floating-bg,#ffffff0d);color:var(--lumal-cockpit-text,#e5eaf3);cursor:pointer;padding:0 10px;transition:border-color .16s,background-color .16s,color .16s}.lumal-cockpit-designer__toolbar-actions button:hover:not(:disabled),.lumal-cockpit-designer__region button:hover:not(:disabled),.lumal-cockpit-designer__properties button:hover:not(:disabled),.lumal-cockpit-designer__library button:hover:not(:disabled){border-color:color-mix(in srgb, var(--lumal-cockpit-accent,#409eff), transparent 38%);background:color-mix(in srgb, var(--lumal-cockpit-accent,#409eff), transparent 90%)}.lumal-cockpit-designer__toolbar-actions button:disabled,.lumal-cockpit-designer__region button:disabled,.lumal-cockpit-designer__properties button:disabled,.lumal-cockpit-designer__library button:disabled{cursor:not-allowed;opacity:.42}.lumal-cockpit-designer__toolbar-actions button:focus-visible,.lumal-cockpit-designer__region button:focus-visible,.lumal-cockpit-designer__properties button:focus-visible,.lumal-cockpit-designer__library button:focus-visible{outline:2px solid var(--lumal-cockpit-focus-ring,#409eff);outline-offset:2px}.lumal-cockpit-designer__toolbar{justify-content:space-between;align-items:center;gap:var(--lumal-cockpit-gap,12px);border-bottom:1px solid var(--lumal-cockpit-border,#ffffff1f);background:var(--lumal-cockpit-panel-bg,#121f2dc7);flex:none;min-height:64px;padding:0 20px;display:flex;box-shadow:0 1px #ffffff08}.lumal-cockpit-designer__heading{color:var(--lumal-cockpit-title-text,#f1f6ff);margin:0;font-size:18px;font-weight:650}.lumal-cockpit-designer__toolbar-actions{gap:8px;display:flex}.lumal-cockpit-designer__toolbar-actions .lumal-cockpit-designer__save{border-color:var(--lumal-cockpit-accent,#409eff);background:var(--lumal-cockpit-accent,#409eff);color:#fff}.lumal-cockpit-designer__toolbar-actions .lumal-cockpit-designer__save:hover:not(:disabled){border-color:var(--lumal-cockpit-accent,#409eff);background:color-mix(in srgb, var(--lumal-cockpit-accent,#409eff), #000 12%)}.lumal-cockpit-designer__issues{background:#f56c6c1f;border-bottom:1px solid #f56c6c66;flex:none;padding:8px 16px}.lumal-cockpit-designer__issue{margin:2px 0;font-size:13px}.lumal-cockpit-designer__body{flex:auto;grid-template-columns:minmax(244px,268px) minmax(0,1fr) minmax(244px,268px);min-height:0;display:grid}.lumal-cockpit-designer__pane{min-width:0;padding:var(--lumal-cockpit-designer-pane-padding);overflow:auto}.lumal-cockpit-designer__pane--props{border-right:1px solid var(--lumal-cockpit-border,#ffffff1f);background:color-mix(in srgb, var(--lumal-cockpit-panel-bg,#182738), transparent 10%)}.lumal-cockpit-designer__pane--editor{background:color-mix(in srgb, var(--lumal-cockpit-bg,#10131a), #000 8%);flex-direction:column;gap:16px;display:flex}.lumal-cockpit-designer__pane--library{border-left:1px solid var(--lumal-cockpit-border,#ffffff1f);background:color-mix(in srgb, var(--lumal-cockpit-panel-bg,#182738), transparent 10%)}.lumal-cockpit-designer__editors{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.lumal-cockpit-designer__preview{flex-direction:column;flex:auto;gap:8px;min-height:420px;display:flex}.lumal-cockpit-designer__preview-label{border:1px solid var(--lumal-cockpit-border,#ffffff1f);background:var(--lumal-cockpit-floating-bg,#ffffff0d);color:var(--lumal-cockpit-text-secondary,#a8b7c8);border-radius:4px;align-self:flex-start;padding:4px 8px;font-size:12px;line-height:1.2}.lumal-cockpit-designer__preview-stage{border:1px solid var(--lumal-cockpit-border,#ffffff1f);border-radius:var(--lumal-cockpit-radius,8px);background:color-mix(in srgb, var(--lumal-cockpit-bg,#10131a), #000 10%);flex:auto;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.lumal-cockpit-designer__region{border:1px solid var(--lumal-cockpit-border,#ffffff1f);border-radius:var(--lumal-cockpit-radius,8px);background:var(--lumal-cockpit-panel-bg,#121f2dc7);min-width:0;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.lumal-cockpit-designer__region-head,.lumal-cockpit-designer__column-head,.lumal-cockpit-designer__container-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lumal-cockpit-designer__region-head{border-bottom:1px solid var(--lumal-cockpit-border,#ffffff1f);background:color-mix(in srgb, var(--lumal-cockpit-floating-bg,#192738), transparent 18%);min-height:52px;padding:0 12px}.lumal-cockpit-designer__region-head>span{color:var(--lumal-cockpit-title-text,#f1f6ff);font-size:15px;font-weight:600}.lumal-cockpit-designer__region-head>button{margin-left:auto}.lumal-cockpit-designer__region-empty{min-height:112px;color:var(--lumal-cockpit-text-muted,#7d8b9c);place-items:center;padding:16px;display:grid}.lumal-cockpit-designer__ops{flex-wrap:wrap;gap:4px;margin-left:auto;display:inline-flex}.lumal-cockpit-designer__ops button{min-width:var(--lumal-cockpit-designer-control-height);padding:0 8px}.lumal-cockpit-designer__column{border:1px solid var(--lumal-cockpit-border,#ffffff1f);border-radius:var(--lumal-cockpit-designer-control-radius);background:color-mix(in srgb, var(--lumal-cockpit-floating-bg,#192738), transparent 28%);margin:12px;overflow:hidden}.lumal-cockpit-designer__column-head{border-bottom:1px solid var(--lumal-cockpit-border,#ffffff1f);min-height:48px;padding:8px 10px}.lumal-cockpit-designer__column-head>span{color:var(--lumal-cockpit-title-text,#f1f6ff);font-weight:600}.lumal-cockpit-designer__column-head label,.lumal-cockpit-designer__container-head label{color:var(--lumal-cockpit-text-secondary,#a8b7c8);align-items:center;gap:6px;font-size:12px;display:inline-flex}.lumal-cockpit-designer__column-head label input,.lumal-cockpit-designer__column-head label select,.lumal-cockpit-designer__container-head label input,.lumal-cockpit-designer__container-head label select{width:76px;padding:0 8px}.lumal-cockpit-designer__column-head label select,.lumal-cockpit-designer__container-head label select{width:auto;min-width:74px}.lumal-cockpit-designer__container{border:1px solid var(--lumal-cockpit-border,#ffffff1f);border-radius:var(--lumal-cockpit-radius,8px);background:color-mix(in srgb, var(--lumal-cockpit-bg,#10131a), transparent 14%);margin:10px;overflow:hidden}.lumal-cockpit-designer__container-head{border-bottom:1px solid var(--lumal-cockpit-border,#ffffff1f);min-height:48px;padding:8px 10px}.lumal-cockpit-designer__props-item,.lumal-cockpit-designer__widget{min-width:0}.lumal-cockpit-designer__widgets{gap:6px;padding:10px;display:grid}.lumal-cockpit-designer__widget{border:1px solid color-mix(in srgb, var(--lumal-cockpit-border,#3d5268), transparent 26%);background:color-mix(in srgb, var(--lumal-cockpit-floating-bg,#192738), transparent 36%);border-radius:5px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:40px;padding:6px 8px;display:grid}.lumal-cockpit-designer__widget input{width:16px;height:16px;accent-color:var(--lumal-cockpit-accent,#409eff);margin:0}.lumal-cockpit-designer__widget .lumal-cockpit-designer__ops{justify-self:end}.lumal-cockpit-designer__widget-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lumal-cockpit-designer__widget-empty{color:var(--lumal-cockpit-text-muted,#7d8b9c);text-align:center;padding:18px 8px}.lumal-cockpit-designer__add-widget{color:var(--lumal-cockpit-text-secondary,#a8b7c8);align-items:center;gap:8px;padding:0 10px 10px;font-size:12px;display:flex}.lumal-cockpit-designer__add-widget select{flex:auto;min-width:0;padding:0 8px}.lumal-cockpit-designer__properties,.lumal-cockpit-designer__library{gap:20px;display:grid}.lumal-cockpit-designer__props-section,.lumal-cockpit-designer__library-section{gap:10px;display:grid}.lumal-cockpit-designer__props-title,.lumal-cockpit-designer__library-title{min-height:32px;color:var(--lumal-cockpit-title-text,#f1f6ff);justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.lumal-cockpit-designer__props-title select,.lumal-cockpit-designer__library-title select{min-width:0;max-width:132px;padding:0 8px;font-size:12px}.lumal-cockpit-designer__props-list,.lumal-cockpit-designer__library-list{gap:8px;display:grid}.lumal-cockpit-designer__props-item{border:1px solid var(--lumal-cockpit-border,#ffffff1f);border-radius:var(--lumal-cockpit-designer-control-radius);background:color-mix(in srgb, var(--lumal-cockpit-floating-bg,#192738), transparent 24%);grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px;display:grid}.lumal-cockpit-designer__props-item.is-active{border-color:color-mix(in srgb, var(--lumal-cockpit-accent,#409eff), transparent 30%);box-shadow:inset 2px 0 0 var(--lumal-cockpit-accent,#409eff)}.lumal-cockpit-designer__props-select{text-align:left;text-overflow:ellipsis;white-space:nowrap;justify-content:flex-start;min-width:0;overflow:hidden}.lumal-cockpit-designer__rename{grid-column:1/-1;width:100%;padding:0 8px}.lumal-cockpit-designer__props-item>.lumal-cockpit-designer__ops{grid-column:1/-1;justify-content:flex-end;margin-left:0}.lumal-cockpit-designer__library-item{border:1px solid var(--lumal-cockpit-border,#ffffff1f);border-radius:var(--lumal-cockpit-designer-control-radius);background:color-mix(in srgb, var(--lumal-cockpit-floating-bg,#192738), transparent 26%);width:100%;min-height:40px;color:var(--lumal-cockpit-text,#e5eaf3);text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;align-items:center;padding:8px 10px;display:flex;overflow:hidden}.lumal-cockpit-designer__library-item.is-active{border-color:var(--lumal-cockpit-accent,#409eff);background:color-mix(in srgb, var(--lumal-cockpit-accent,#409eff), transparent 88%);box-shadow:inset 2px 0 0 var(--lumal-cockpit-accent,#409eff)}.lumal-cockpit-designer__library-item.is-static{color:var(--lumal-cockpit-text-secondary,#a8b7c8)}.lumal-cockpit-designer__library-empty{color:var(--lumal-cockpit-text-muted,#7d8b9c);padding:12px 0;font-size:13px}.lumal-cockpit-designer__props-list,.lumal-cockpit-designer__widgets,.lumal-cockpit-designer__library-list{margin:0;padding:0;list-style:none}@media (prefers-reduced-motion:reduce){.lumal-cockpit-canvas__stage{will-change:auto}}.lumal-cockpit-region{gap:var(--lumal-cockpit-gap-y);flex-direction:column;height:100%}.lumal-cockpit-region__column{display:none}.lumal-cockpit-container{flex:none;min-height:0;position:relative}.lumal-cockpit-container__grid{row-gap:var(--lumal-cockpit-gap-y);column-gap:var(--lumal-cockpit-gap-x);width:100%;height:100%;display:grid}.lumal-cockpit-container__cell{min-width:0;min-height:0;overflow:hidden}.lumal-cockpit-container__tabs{height:100%}.lumal-cockpit-canvas__center{z-index:0;min-width:0;min-height:0;display:flex;position:absolute;inset:0;overflow:hidden}.lumal-cockpit-canvas__center>*{flex:auto;min-width:0;min-height:0}.lumal-cockpit-designer__toolbar{flex-wrap:wrap;align-items:center}.lumal-cockpit-designer__layout-controls{flex-wrap:wrap;flex:520px;align-items:center;gap:8px;display:flex}.lumal-cockpit-designer__layout-controls label,.lumal-cockpit-designer__layout-controls input,.lumal-cockpit-designer__layout-controls select{min-height:var(--lumal-cockpit-designer-control-height);box-sizing:border-box;font:inherit}.lumal-cockpit-designer__layout-controls label{color:var(--lumal-cockpit-text-secondary);align-items:center;gap:6px;font-size:12px;display:inline-flex}.lumal-cockpit-designer__layout-controls input,.lumal-cockpit-designer__layout-controls select{border:1px solid var(--lumal-cockpit-border);border-radius:var(--lumal-cockpit-designer-control-radius);background:var(--lumal-cockpit-bg);min-width:120px;color:var(--lumal-cockpit-text);outline:0;padding:0 8px}.lumal-cockpit-designer__layout-controls input:focus,.lumal-cockpit-designer__layout-controls select:focus{border-color:var(--lumal-cockpit-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--lumal-cockpit-accent), transparent 82%)}.lumal-cockpit-designer__layout-controls .is-danger{border-color:color-mix(in srgb, var(--lumal-cockpit-danger), transparent 46%);color:var(--lumal-cockpit-danger)}.lumal-cockpit-designer__workspace{background:color-mix(in srgb, var(--lumal-cockpit-bg), #000 8%);flex:auto;grid-template-columns:minmax(320px,1fr) minmax(320px,1fr) minmax(268px,320px);gap:16px;min-height:0;padding:16px;display:grid;overflow:auto}.lumal-cockpit-designer__workspace>.lumal-cockpit-designer__region,.lumal-cockpit-designer__workspace>.lumal-cockpit-designer__library{border:1px solid var(--lumal-cockpit-border);border-radius:var(--lumal-cockpit-radius);background:var(--lumal-cockpit-panel-bg);min-width:0;min-height:0;box-shadow:inset 0 1px #ffffff08}.lumal-cockpit-designer__workspace>.lumal-cockpit-designer__region{flex-direction:column;height:auto;display:flex;overflow:auto}.lumal-cockpit-designer__region-head{border-bottom:1px solid var(--lumal-cockpit-border);background:var(--lumal-cockpit-floating-bg);align-items:center;gap:10px;min-height:64px;padding:10px 12px;display:flex}.lumal-cockpit-designer__region-head>div{gap:2px;margin-right:auto;display:grid}.lumal-cockpit-designer__region-head strong{color:var(--lumal-cockpit-title-text);font-size:15px}.lumal-cockpit-designer__region-head span{color:var(--lumal-cockpit-text-muted);font-size:12px}.lumal-cockpit-designer__region-head label,.lumal-cockpit-designer__region-controls label,.lumal-cockpit-designer__grid-row-head label{color:var(--lumal-cockpit-text-secondary);align-items:center;gap:5px;font-size:12px;display:inline-flex}.lumal-cockpit-designer__region-head input,.lumal-cockpit-designer__region-controls input,.lumal-cockpit-designer__grid-row-head input{border:1px solid var(--lumal-cockpit-border);background:var(--lumal-cockpit-bg);width:64px;min-height:32px;color:var(--lumal-cockpit-text);font:inherit;border-radius:5px;padding:0 7px}.lumal-cockpit-designer__region-controls{border-bottom:1px solid var(--lumal-cockpit-border);flex-wrap:wrap;gap:8px;padding:10px 12px;display:flex}.lumal-cockpit-designer__grid-rows{gap:12px;padding:12px;display:grid}.lumal-cockpit-designer__grid-row{border:1px solid var(--lumal-cockpit-border);background:color-mix(in srgb, var(--lumal-cockpit-floating-bg), transparent 22%);border-radius:6px;gap:8px;padding:10px;display:grid}.lumal-cockpit-designer__grid-row-head{align-items:center;gap:10px;display:flex}.lumal-cockpit-designer__grid-row-head strong{color:var(--lumal-cockpit-title-text);margin-right:auto;font-size:13px}.lumal-cockpit-designer__tabs-switch{cursor:pointer}.lumal-cockpit-designer__tabs-switch input{width:16px;min-height:16px;accent-color:var(--lumal-cockpit-accent);margin:0}.lumal-cockpit-designer__grid-cells{gap:8px;min-height:126px;display:grid}.lumal-cockpit-designer__drop-zone{min-width:0;min-height:0;display:flex}.lumal-cockpit-designer__grid-cells>.lumal-cockpit-designer__drop-zone{min-height:126px}.lumal-cockpit-designer__tab-row .lumal-cockpit-designer__drop-zone{flex-wrap:wrap;gap:8px;min-height:92px}.lumal-cockpit-designer__empty-cell{border:1px dashed color-mix(in srgb, var(--lumal-cockpit-accent), transparent 46%);background:color-mix(in srgb, var(--lumal-cockpit-accent), transparent 94%);width:100%;min-height:100%;color:var(--lumal-cockpit-text-secondary);text-align:center;cursor:pointer;border-radius:5px;place-items:center;padding:12px;display:grid}.lumal-cockpit-designer__empty-cell:disabled{border-color:var(--lumal-cockpit-border);color:var(--lumal-cockpit-text-muted);cursor:default;background:0 0}.lumal-cockpit-designer__placed-widget{border:1px solid color-mix(in srgb, var(--lumal-cockpit-accent), transparent 54%);background:color-mix(in srgb, var(--lumal-cockpit-accent), transparent 90%);width:100%;min-height:72px;color:var(--lumal-cockpit-title-text);cursor:grab;box-sizing:border-box;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;padding:10px;display:flex}.lumal-cockpit-designer__placed-widget:active{cursor:grabbing}.lumal-cockpit-designer__placed-widget.is-active{border-color:var(--lumal-cockpit-accent);box-shadow:inset 0 -2px 0 var(--lumal-cockpit-accent)}.lumal-cockpit-designer__placed-widget button{border:1px solid var(--lumal-cockpit-border);background:var(--lumal-cockpit-floating-bg);min-height:32px;color:inherit;cursor:pointer;border-radius:5px;padding:0 8px}.lumal-cockpit-designer__tab-row .lumal-cockpit-designer__placed-widget{width:auto;min-width:136px;min-height:52px}.lumal-cockpit-designer__library{flex-direction:column;gap:12px;height:auto;padding:12px;display:flex;overflow:auto}.lumal-cockpit-designer__library-title strong,.lumal-cockpit-designer__library-title span{display:block}.lumal-cockpit-designer__library-title strong{color:var(--lumal-cockpit-title-text)}.lumal-cockpit-designer__library-title span{color:var(--lumal-cockpit-text-muted);margin-top:2px;font-size:12px}.lumal-cockpit-designer__library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.lumal-cockpit-designer__library-card{border:1px solid var(--lumal-cockpit-border);background:color-mix(in srgb, var(--lumal-cockpit-floating-bg), transparent 22%);min-height:112px;color:var(--lumal-cockpit-text);cursor:grab;text-align:left;border-radius:6px;gap:8px;padding:10px;display:grid}.lumal-cockpit-designer__library-card:hover{border-color:var(--lumal-cockpit-accent)}.lumal-cockpit-designer__library-card:focus-visible,.lumal-cockpit-designer__empty-cell:focus-visible,.lumal-cockpit-designer__placed-widget button:focus-visible{outline:2px solid var(--lumal-cockpit-focus-ring);outline-offset:2px}.lumal-cockpit-designer__library-thumbnail,.lumal-cockpit-designer__library-icon{background:color-mix(in srgb, var(--lumal-cockpit-accent), transparent 88%);object-fit:cover;width:100%;height:54px;color:var(--lumal-cockpit-text-secondary);border-radius:4px;place-items:center;font-size:12px;display:grid}.lumal-cockpit-designer__library-label{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.lumal-cockpit-designer__library-empty{color:var(--lumal-cockpit-text-muted);text-align:center;grid-column:1/-1;margin:0;padding:20px 0}.lumal-cockpit-card__tab.el-button{--el-button-bg-color:transparent;--el-button-border-color:transparent;--el-button-text-color:var(--lumal-cockpit-text-secondary);--el-button-hover-bg-color:var(--lumal-cockpit-selected);--el-button-hover-border-color:transparent;--el-button-hover-text-color:var(--lumal-cockpit-title-text);--el-button-active-bg-color:var(--lumal-cockpit-selected);--el-button-active-border-color:transparent;--el-button-active-text-color:var(--lumal-cockpit-title-text);min-width:44px;min-height:44px;box-shadow:none;border-radius:0;padding:0 12px;font-size:14px}.lumal-cockpit-card__tab.el-button.is-active{color:var(--lumal-cockpit-title-text);box-shadow:inset 0 -2px 0 var(--lumal-cockpit-accent);font-weight:600}.lumal-cockpit-card__tab.el-button:focus-visible{outline:2px solid var(--lumal-cockpit-focus-ring);outline-offset:-2px}.lumal-cockpit-error-boundary__retry.el-button{--el-button-bg-color:var(--lumal-cockpit-surface);--el-button-border-color:var(--lumal-cockpit-border);--el-button-text-color:var(--lumal-cockpit-text);--el-button-hover-bg-color:var(--lumal-cockpit-selected);--el-button-hover-border-color:var(--lumal-cockpit-accent);--el-button-hover-text-color:var(--lumal-cockpit-title-text);align-items:center;gap:6px;display:inline-flex}.lumal-cockpit-designer{--el-color-primary:var(--lumal-cockpit-accent,#00cbf4);--el-color-success:var(--lumal-cockpit-success,#1dffa0);--el-color-warning:var(--lumal-cockpit-warning,#e6a23c);--el-color-danger:var(--lumal-cockpit-danger,#f56c6c);--el-bg-color:var(--lumal-cockpit-panel-bg,#062e40cc);--el-bg-color-overlay:var(--lumal-cockpit-floating-bg,#19374b);--el-bg-color-page:var(--lumal-cockpit-designer-body-bg,#062e40cc);--el-fill-color-blank:var(--lumal-cockpit-control-bg,#004a6a66);--el-fill-color-light:color-mix(in srgb, var(--lumal-cockpit-control-bg,#004a6a66), transparent 12%);--el-fill-color-lighter:color-mix(in srgb, var(--lumal-cockpit-floating-bg,#19374b), transparent 28%);--el-text-color-primary:var(--lumal-cockpit-text,#d7eeff);--el-text-color-regular:var(--lumal-cockpit-text-secondary,#d7efff);--el-text-color-secondary:var(--lumal-cockpit-text-muted,#9dcdf8);--el-text-color-placeholder:var(--lumal-cockpit-text-muted,#9dcdf8);--el-border-color:var(--lumal-cockpit-border,#06b7fd80);--el-border-color-hover:var(--lumal-cockpit-accent,#00cbf4);--el-border-color-light:color-mix(in srgb, var(--lumal-cockpit-border,#06b7fd80), transparent 28%);--el-border-color-lighter:color-mix(in srgb, var(--lumal-cockpit-border,#06b7fd80), transparent 48%);--el-border-radius-base:4px;--el-border-radius-small:3px;--el-disabled-bg-color:color-mix(in srgb, var(--lumal-cockpit-control-bg,#004a6a66), transparent 30%);--el-disabled-text-color:color-mix(in srgb, var(--lumal-cockpit-text-muted,#9dcdf8), transparent 20%);--el-disabled-border-color:color-mix(in srgb, var(--lumal-cockpit-border,#06b7fd80), transparent 50%);--el-input-bg-color:var(--lumal-cockpit-control-bg,#004a6a66);--el-input-text-color:var(--lumal-cockpit-text,#d7eeff);--el-input-border-color:var(--lumal-cockpit-border,#06b7fd80);--el-input-hover-border-color:var(--lumal-cockpit-accent,#00cbf4);--el-input-focus-border-color:var(--lumal-cockpit-accent,#00cbf4);--el-mask-color:#020c1485;width:100%;min-width:1024px;height:100%;min-height:680px;color:var(--lumal-cockpit-text,#d7eeff);background:var(--lumal-cockpit-designer-body-bg,#062e40cc);box-shadow:var(--lumal-cockpit-designer-inset-shadow,inset 0 0 30px #06b7fda3);grid-template-rows:60px 92px auto minmax(0,1fr) 64px;display:grid;overflow:hidden}.lumal-cockpit-designer *{box-sizing:border-box;scrollbar-width:none}.lumal-cockpit-designer ::-webkit-scrollbar{width:0;height:0}.lumal-cockpit-designer__titlebar{background-color:var(--lumal-cockpit-surface,#043547d6);background-image:var(--lumal-cockpit-designer-title-image,none), var(--lumal-cockpit-title-bg,linear-gradient(90deg, #073854, #064258));background-position:50%;background-repeat:no-repeat;background-size:100% 100%;align-items:center;padding:0 40px;display:flex;position:relative}.lumal-cockpit-designer__heading{color:var(--lumal-cockpit-title-text,#fff);align-items:center;gap:9px;margin:0;font-size:18px;font-weight:700;display:inline-flex}.lumal-cockpit-designer__title-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.lumal-cockpit-designer__controlbar{background:0 0;border-bottom:0;align-items:center;padding:0 30px;display:flex}.lumal-cockpit-designer__layout-controls,.lumal-cockpit-designer__layout-tools,.lumal-cockpit-designer__footer-actions{align-items:center;gap:10px;display:flex}.lumal-cockpit-designer__layout-controls{flex-wrap:wrap;width:100%;min-width:0}.lumal-cockpit-designer__layout-controls>.el-input{flex:none;width:200px}.lumal-cockpit-designer__layout-controls .el-select{flex:none;width:220px}.lumal-cockpit-designer__layout-tools{flex:none;margin-left:2px}.lumal-cockpit-designer__field{color:var(--lumal-cockpit-text-secondary,#d7efff);white-space:nowrap;flex:none;align-items:center;gap:6px;font-size:13px;line-height:1;display:inline-flex}.lumal-cockpit-designer__field>span{color:inherit;flex:none}.lumal-cockpit-designer__field>.el-input-number{flex:none;width:132px}.lumal-cockpit-designer__field em{color:var(--lumal-cockpit-text-muted,#9dcdf8);flex:none;font-size:11px;font-style:normal}.lumal-cockpit-designer__layout-controls>.lumal-cockpit-designer__field{gap:10px;font-size:14px;font-weight:600}.lumal-cockpit-designer__issues{gap:6px;padding:0 30px 8px;display:grid}.lumal-cockpit-designer__issues.is-empty{visibility:hidden;height:0;padding:0;overflow:hidden}.lumal-cockpit-designer__workspace{grid-template-columns:minmax(820px,3fr) minmax(286px,1fr);gap:12px;min-height:0;padding:0 10px 10px 30px;display:grid;overflow:hidden}.lumal-cockpit-designer__assembly,.lumal-cockpit-designer__library{border:1.43px solid var(--lumal-cockpit-panel-border,#06b7fd66);background:var(--lumal-cockpit-stage-bg,#004a6a33);border-radius:11.44px;min-width:0;min-height:0;overflow:hidden}.lumal-cockpit-designer__assembly-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;width:100%;height:100%;min-height:0;display:grid;position:relative}.lumal-cockpit-designer__region{flex-direction:column;gap:10px;min-width:0;height:100%;min-height:0;display:flex}.lumal-cockpit-designer__region-head{border:1px solid color-mix(in srgb, var(--lumal-cockpit-border,#06b7fd80), var(--lumal-cockpit-accent,#00cbf4) 24%);background:color-mix(in srgb, var(--lumal-cockpit-panel-bg,#062e40f5), #00141e 12%);border-radius:5px;flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:44px;padding:8px 10px;display:flex}.lumal-cockpit-designer__region-head-meta{flex-direction:column;min-width:86px;margin-right:auto;display:flex}.lumal-cockpit-designer__region-head-meta strong{color:var(--lumal-cockpit-title-text,#fff);font-size:13px}.lumal-cockpit-designer__region-head-meta span{color:var(--lumal-cockpit-text-muted,#9dcdf8);margin-top:1px;font-size:10px}.lumal-cockpit-designer__grid-rows{flex-direction:column;flex:1;gap:12px;width:100%;min-height:0;display:flex}.lumal-cockpit-designer__grid-row{isolation:isolate;flex-direction:column;gap:8px;min-width:0;min-height:0;display:flex;overflow:hidden}.lumal-cockpit-designer__grid-row-head{border:1px solid color-mix(in srgb, var(--lumal-cockpit-border,#06b7fd80), transparent 30%);background:color-mix(in srgb, var(--lumal-cockpit-control-bg,#032f3ff0), transparent 12%);border-radius:4px;align-items:center;gap:8px 10px;min-height:40px;padding:6px 8px;display:flex}.lumal-cockpit-designer__grid-row-head>strong{color:var(--lumal-cockpit-text-secondary,#d7efff);margin-right:auto;font-size:11px}.lumal-cockpit-designer__tabs-switch{color:var(--lumal-cockpit-text-secondary,#d7efff);white-space:nowrap;align-items:center;gap:4px;font-size:10px;display:inline-flex}.lumal-cockpit-designer__grid-cells,.lumal-cockpit-designer__tab-row{flex:1 1 0;width:100%;height:100%;min-height:0}.lumal-cockpit-designer__grid-cells{grid-auto-rows:minmax(0,1fr);align-items:stretch;gap:10px;display:grid}.lumal-cockpit-designer__drop-zone{min-width:0;height:100%;min-height:0;display:block;position:relative}.lumal-cockpit-designer__drop-zone>.lumal-cockpit-designer__placed-widget,.lumal-cockpit-designer__drop-zone>.lumal-cockpit-designer__empty-cell{width:100%;min-width:0;height:100%;min-height:0;position:absolute;inset:0}.lumal-cockpit-designer__drop-zone.is-tabs{width:100%;height:100%;display:block;position:relative}.lumal-cockpit-designer__drop-zone.is-tabs>.lumal-cockpit-designer__tab-card{width:100%;height:100%;position:absolute;inset:0}.lumal-cockpit-designer__empty-cell.el-button{border-radius:var(--el-border-radius-base);white-space:normal;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;margin:0;padding:8px;font-size:16px;display:inline-flex}.lumal-cockpit-designer__empty-cell.el-button:hover:not(:disabled),.lumal-cockpit-designer__empty-cell.el-button:focus-visible:not(:disabled){box-shadow:inset 0 0 18px color-mix(in srgb, var(--lumal-cockpit-accent), transparent 82%)}.lumal-cockpit-designer__empty-cell.el-button:disabled{opacity:1}.lumal-cockpit-designer__empty-cell.el-button .lumal-icon{flex:none}.lumal-cockpit-designer__placed-widget{border:1px solid var(--lumal-cockpit-slot-border,#06b7fd80);box-sizing:border-box;cursor:grab;isolation:isolate;background:0 0;border-radius:4px;grid-template-rows:34px minmax(0,1fr);grid-template-columns:minmax(0,1fr);justify-content:stretch;align-items:stretch;gap:0;width:100%;min-width:0;height:100%;min-height:0;padding:0;transition:border-color .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}.lumal-cockpit-designer__placed-widget:hover,.lumal-cockpit-designer__placed-widget:focus-within,.lumal-cockpit-designer__placed-widget.is-active{border-color:var(--lumal-cockpit-accent,#00cbf4);box-shadow:0 2px 12px #0003}.lumal-cockpit-designer__placed-widget.is-keyboard-selected{border-color:var(--lumal-cockpit-success,#1dffa0);box-shadow:inset 0 0 0 1px var(--lumal-cockpit-success,#1dffa0), 0 0 12px color-mix(in srgb, var(--lumal-cockpit-success,#1dffa0), transparent 56%)}.lumal-cockpit-designer__placed-widget-header{z-index:3;border-bottom:1px solid color-mix(in srgb, var(--lumal-cockpit-slot-border,#06b7fd80), transparent 18%);background:var(--lumal-cockpit-caption-bg,#0223316b);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);align-items:center;gap:6px;min-width:0;min-height:34px;padding:0 4px 0 8px;display:flex}.lumal-cockpit-designer__placed-widget-header>span{min-width:0;color:var(--lumal-cockpit-text,#fff);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:12px;font-weight:600;overflow:hidden}.lumal-cockpit-designer__placed-widget-actions{flex:none;align-items:center;gap:3px;display:flex}.lumal-cockpit-designer__placed-widget-body{min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.lumal-cockpit-designer__placed-widget-body>.lumal-cockpit-designer__widget-preview,.lumal-cockpit-designer__placed-widget-body>.lumal-cockpit-designer__widget-preview-fallback{width:100%;height:100%;position:absolute;inset:0}.lumal-cockpit-designer__widget-action.el-button,.lumal-cockpit-designer__tab-action.el-button,.lumal-cockpit-designer__tab-target.el-button{border-radius:var(--el-border-radius-small);opacity:.72;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;min-height:24px;padding:0;display:inline-flex}.lumal-cockpit-designer__widget-action.el-button[aria-pressed=true],.lumal-cockpit-designer__tab-action.el-button[aria-pressed=true]{border-color:var(--lumal-cockpit-success,#1dffa0);color:var(--lumal-cockpit-success,#1dffa0);opacity:1;box-shadow:0 0 8px color-mix(in srgb, var(--lumal-cockpit-success,#1dffa0), transparent 52%)}.lumal-cockpit-designer__placed-widget:hover .lumal-cockpit-designer__widget-action,.lumal-cockpit-designer__placed-widget:focus-within .lumal-cockpit-designer__widget-action,.lumal-cockpit-designer__placed-widget-header:hover .lumal-cockpit-designer__widget-action{opacity:1}.lumal-cockpit-designer__tab-card{border:1px solid var(--lumal-cockpit-slot-border,#06b7fd80);background:0 0;border-radius:4px;grid-template-rows:34px minmax(0,1fr);width:100%;height:100%;min-height:0;display:grid;overflow:hidden}.lumal-cockpit-designer__tab-list{border-bottom:1px solid color-mix(in srgb, var(--lumal-cockpit-slot-border,#06b7fd80), transparent 18%);background:var(--lumal-cockpit-caption-bg,#0223316b);align-items:stretch;min-width:0;min-height:34px;display:flex;overflow-x:auto}.lumal-cockpit-designer__tab-item{border-right:1px solid color-mix(in srgb, var(--lumal-cockpit-slot-border,#06b7fd80), transparent 48%);align-items:center;min-width:0;display:inline-flex}.lumal-cockpit-designer__tab-item.is-active{background:color-mix(in srgb, var(--lumal-cockpit-accent,#00cbf4), transparent 88%);box-shadow:inset 0 -2px 0 var(--lumal-cockpit-accent,#00cbf4)}.lumal-cockpit-designer__tab-item.is-keyboard-selected{box-shadow:inset 0 0 0 1px var(--lumal-cockpit-success,#1dffa0)}.lumal-cockpit-designer__tab-widget-title.el-button{text-overflow:ellipsis;white-space:nowrap;border-radius:0;min-width:64px;max-width:148px;height:32px;min-height:32px;padding:0 8px;overflow:hidden}.lumal-cockpit-designer__tab-item.is-active .lumal-cockpit-designer__tab-widget-title{color:var(--lumal-cockpit-title-text,#fff)}.lumal-cockpit-designer__tab-action.el-button,.lumal-cockpit-designer__tab-target.el-button{flex:none;align-self:center;width:22px;min-width:22px;height:22px;min-height:22px;margin-right:2px}.lumal-cockpit-designer__tab-move{cursor:grab}.lumal-cockpit-designer__tab-target.el-button{border-color:var(--lumal-cockpit-success,#1dffa0);color:var(--lumal-cockpit-success,#1dffa0);margin:5px}.lumal-cockpit-designer__tab-preview{min-width:0;min-height:0;position:relative;overflow:hidden}.lumal-cockpit-designer__tab-preview>.lumal-cockpit-designer__empty-cell{border:0;border-radius:0}.lumal-cockpit-designer__widget-preview{background:0 0;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.lumal-cockpit-designer__widget-preview-stage{pointer-events:none;position:absolute;top:0;left:0}.lumal-cockpit-designer__widget-preview-stage,.lumal-cockpit-designer__widget-preview-stage>.lumal-cockpit-error-boundary,.lumal-cockpit-designer__widget-preview-stage>.lumal-cockpit-error-boundary>*{width:100%;height:100%}.lumal-cockpit-designer__widget-preview-image{object-fit:contain;width:100%;height:100%;display:block}.lumal-cockpit-designer__widget-preview-fallback{width:100%;height:100%;color:var(--lumal-cockpit-text-muted,#9dcdf8);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:11px;display:flex}.lumal-cockpit-designer__widget-preview-placeholder{width:100%;height:100%;color:var(--lumal-cockpit-text-muted,#9dcdf8);justify-content:center;align-items:center;display:flex}.lumal-cockpit-designer__library{padding:16px}.lumal-cockpit-designer__library-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px 0;width:100%;height:100%;min-height:0;display:grid;overflow:auto}.lumal-cockpit-designer__library-card{cursor:grab;background:0 0;border:0;border-radius:4px;min-width:0;height:128px;transition:box-shadow .16s;display:block;position:relative;overflow:hidden}.lumal-cockpit-designer__library-card:hover,.lumal-cockpit-designer__library-card:focus-within,.lumal-cockpit-designer__library-card.is-selected{z-index:2;box-shadow:0 2px 12px #0003}.lumal-cockpit-designer__library-select.el-button{z-index:3;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);text-overflow:ellipsis;white-space:nowrap;border-radius:0;width:100%;min-width:0;min-height:30px;margin:0;padding:5px 4px;font-size:12px;font-weight:700;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.lumal-cockpit-designer__library-empty{grid-column:1/-1}.lumal-cockpit-designer__footer{color:var(--lumal-cockpit-text-secondary,#d7efff);background:0 0;justify-content:flex-end;align-items:center;gap:18px;padding:0 16px 8px 30px;display:flex}.lumal-cockpit-designer__footer p{margin:0;font-size:14px}.lumal-cockpit-designer .el-input,.lumal-cockpit-designer .el-select,.lumal-cockpit-designer .el-input-number{--el-component-size:32px;--el-input-height:32px}.lumal-cockpit-designer .el-input__wrapper,.lumal-cockpit-designer .el-select__wrapper,.lumal-cockpit-designer .el-input-number .el-input__wrapper{min-height:var(--el-component-size);height:var(--el-component-size);border-radius:var(--el-border-radius-base);background-color:var(--el-fill-color-blank);box-shadow:0 0 0 1px var(--el-input-border-color) inset;padding:0 10px}.lumal-cockpit-designer .el-input__wrapper:hover,.lumal-cockpit-designer .el-select__wrapper:hover,.lumal-cockpit-designer .el-input-number .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.lumal-cockpit-designer .el-input__wrapper.is-focus,.lumal-cockpit-designer .el-select__wrapper.is-focus,.lumal-cockpit-designer .el-input-number .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset, 0 0 0 2px color-mix(in srgb, var(--lumal-cockpit-accent,#00cbf4), transparent 78%)}.lumal-cockpit-designer .el-input-number{width:132px;line-height:var(--el-component-size)}.lumal-cockpit-designer .el-input-number .el-input__wrapper{padding-left:36px;padding-right:36px}.lumal-cockpit-designer .el-input-number .el-input-number__decrease,.lumal-cockpit-designer .el-input-number .el-input-number__increase{border-color:var(--el-input-border-color);background:color-mix(in srgb, var(--el-fill-color-blank), transparent 20%);width:32px;height:auto;color:var(--el-text-color-regular)}.lumal-cockpit-designer .el-input__inner,.lumal-cockpit-designer .el-select__input,.lumal-cockpit-designer .el-select__selected-item,.lumal-cockpit-designer .el-select__placeholder{width:100%;height:var(--el-component-size);min-height:0;box-shadow:none;line-height:var(--el-component-size);color:var(--el-input-text-color);background:0 0;border:0;border-radius:0;outline:0;padding:0;font-size:13px}.lumal-cockpit-designer .el-select__placeholder{color:var(--el-text-color-placeholder)}.lumal-cockpit-designer .el-select__suffix{color:var(--el-text-color-regular)}.lumal-cockpit-designer .el-button{--el-button-bg-color:var(--lumal-cockpit-control-bg,#004a6a66);--el-button-border-color:var(--lumal-cockpit-border,#06b7fd80);--el-button-text-color:var(--lumal-cockpit-text-secondary,#d7efff);--el-button-hover-bg-color:color-mix(in srgb, var(--lumal-cockpit-accent,#00cbf4), transparent 82%);--el-button-hover-border-color:var(--lumal-cockpit-accent,#00cbf4);--el-button-hover-text-color:var(--lumal-cockpit-title-text,#fff);--el-button-active-bg-color:color-mix(in srgb, var(--lumal-cockpit-accent,#00cbf4), transparent 72%);--el-button-active-border-color:var(--lumal-cockpit-accent,#00cbf4);--el-button-active-text-color:var(--lumal-cockpit-title-text,#fff);--el-button-disabled-bg-color:var(--el-disabled-bg-color);--el-button-disabled-border-color:var(--el-disabled-border-color);--el-button-disabled-text-color:var(--el-disabled-text-color);height:var(--el-component-size,32px);min-height:var(--el-component-size,32px);border-radius:var(--el-border-radius-base);box-shadow:none;padding:0 12px}.lumal-cockpit-designer .el-button:focus-visible{outline:2px solid var(--lumal-cockpit-focus-ring,var(--lumal-cockpit-accent,#00cbf4));outline-offset:2px}.lumal-cockpit-designer .el-button.is-circle{width:var(--el-component-size,32px);min-width:var(--el-component-size,32px);height:var(--el-component-size,32px);min-height:var(--el-component-size,32px);padding:0}.lumal-cockpit-designer .el-button--primary,.lumal-cockpit-designer__save.el-button{--el-button-bg-color:var(--lumal-cockpit-accent,#00cbf4);--el-button-border-color:var(--lumal-cockpit-accent,#00cbf4);--el-button-text-color:#fff;--el-button-hover-bg-color:color-mix(in srgb, var(--lumal-cockpit-accent,#00cbf4), #fff 12%);--el-button-hover-border-color:color-mix(in srgb, var(--lumal-cockpit-accent,#00cbf4), #fff 12%);--el-button-hover-text-color:#fff;--el-button-active-bg-color:color-mix(in srgb, var(--lumal-cockpit-accent,#00cbf4), #000 10%);--el-button-active-border-color:color-mix(in srgb, var(--lumal-cockpit-accent,#00cbf4), #000 10%);--el-button-active-text-color:#fff}.lumal-cockpit-designer .el-button--danger{--el-button-bg-color:color-mix(in srgb, var(--lumal-cockpit-danger,#f56c6c), transparent 78%);--el-button-border-color:color-mix(in srgb, var(--lumal-cockpit-danger,#f56c6c), transparent 40%);--el-button-text-color:var(--lumal-cockpit-danger,#f56c6c);--el-button-hover-bg-color:color-mix(in srgb, var(--lumal-cockpit-danger,#f56c6c), transparent 62%);--el-button-hover-border-color:var(--lumal-cockpit-danger,#f56c6c);--el-button-hover-text-color:#fff;--el-button-active-bg-color:color-mix(in srgb, var(--lumal-cockpit-danger,#f56c6c), transparent 48%);--el-button-active-border-color:var(--lumal-cockpit-danger,#f56c6c);--el-button-active-text-color:#fff}.lumal-cockpit-designer .el-button--danger.is-plain{--el-button-bg-color:color-mix(in srgb, var(--lumal-cockpit-danger,#f56c6c), transparent 90%);--el-button-border-color:color-mix(in srgb, var(--lumal-cockpit-danger,#f56c6c), transparent 55%);--el-button-text-color:var(--lumal-cockpit-danger,#f56c6c);--el-button-hover-bg-color:color-mix(in srgb, var(--lumal-cockpit-danger,#f56c6c), transparent 78%);--el-button-hover-text-color:var(--lumal-cockpit-danger,#f56c6c)}.lumal-cockpit-designer__widget-action.el-button,.lumal-cockpit-designer__tab-action.el-button,.lumal-cockpit-designer__tab-target.el-button{border-radius:var(--el-border-radius-small);width:24px;min-width:24px;height:24px;min-height:24px}.lumal-cockpit-designer__tab-action.el-button,.lumal-cockpit-designer__tab-target.el-button{width:22px;min-width:22px;height:22px;min-height:22px}.lumal-cockpit-designer__widget-action.el-button--danger,.lumal-cockpit-designer__tab-action.el-button--danger{--el-button-bg-color:color-mix(in srgb, var(--lumal-cockpit-danger,#f56c6c), transparent 72%);--el-button-border-color:color-mix(in srgb, var(--lumal-cockpit-danger,#f56c6c), transparent 40%);--el-button-text-color:#fff}.lumal-cockpit-designer__empty-cell.el-button{--el-button-bg-color:transparent;--el-button-border-color:var(--lumal-cockpit-slot-border,var(--lumal-cockpit-border));--el-button-text-color:var(--lumal-cockpit-text-secondary);--el-button-hover-bg-color:color-mix(in srgb, var(--lumal-cockpit-accent), transparent 92%);--el-button-hover-border-color:var(--lumal-cockpit-accent);--el-button-hover-text-color:var(--lumal-cockpit-title-text);--el-button-disabled-bg-color:transparent;--el-button-disabled-border-color:var(--lumal-cockpit-slot-border,var(--lumal-cockpit-border));--el-button-disabled-text-color:var(--lumal-cockpit-text-secondary)}.lumal-cockpit-designer__tab-widget-title.el-button,.lumal-cockpit-designer__library-select.el-button{--el-button-bg-color:transparent;--el-button-border-color:transparent;--el-button-text-color:inherit;--el-button-hover-bg-color:transparent;--el-button-hover-border-color:transparent;--el-button-hover-text-color:inherit}.lumal-cockpit-designer .el-switch{--el-switch-on-color:var(--lumal-cockpit-accent,#00cbf4);--el-switch-off-color:color-mix(in srgb, var(--lumal-cockpit-control-bg,#004a6ab8), #000 20%)}.lumal-cockpit-designer .el-alert{--el-alert-bg-color:color-mix(in srgb, var(--lumal-cockpit-danger,#f56c6c), transparent 88%);--el-alert-border-color:color-mix(in srgb, var(--lumal-cockpit-danger,#f56c6c), transparent 55%);--el-alert-title-color:var(--lumal-cockpit-text);border-radius:var(--el-border-radius-base);background-color:var(--el-alert-bg-color);border:1px solid var(--el-alert-border-color)}.lumal-cockpit-designer .el-button+.el-button{margin-left:0}.lumal-cockpit-designer .is-drag-ghost{opacity:.35}.lumal-cockpit-designer .is-drag-chosen{box-shadow:0 0 0 2px var(--lumal-cockpit-drop-target,#00d7ff57)}@media (width<=1180px){.lumal-cockpit-designer__controlbar{padding-inline:20px}.lumal-cockpit-designer__workspace{grid-template-columns:minmax(0,1fr) 250px;gap:8px;padding:0 8px 8px 20px}.lumal-cockpit-designer__assembly{padding:12px}.lumal-cockpit-designer__assembly-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.lumal-cockpit-designer__library{padding:12px}.lumal-cockpit-designer__library-grid{grid-template-columns:minmax(0,1fr);gap:10px}.lumal-cockpit-designer__footer{gap:12px;padding-inline:20px 12px}.lumal-cockpit-designer__footer p{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}}.lumal-cockpit-designer{--lumal-cockpit-designer-panel-radius:12px;--lumal-cockpit-designer-card-radius:8px;--lumal-cockpit-designer-divider:color-mix(in srgb, var(--lumal-cockpit-border), transparent 42%);--lumal-cockpit-designer-panel-fill:color-mix(in srgb, var(--lumal-cockpit-panel-bg), transparent 5%);--lumal-cockpit-designer-soft-fill:color-mix(in srgb, var(--lumal-cockpit-floating-bg), transparent 22%);background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--lumal-cockpit-accent), transparent 93%), transparent 48%), color-mix(in srgb, var(--lumal-cockpit-designer-body-bg), #020b12 8%);min-width:1180px;box-shadow:none;grid-template-rows:64px 72px auto minmax(0,1fr) 68px}.lumal-cockpit-designer__titlebar{border-bottom:1px solid var(--lumal-cockpit-designer-divider);background:linear-gradient(90deg, color-mix(in srgb, var(--lumal-cockpit-accent), transparent 91%), transparent 28%), color-mix(in srgb, var(--lumal-cockpit-panel-bg), #020b12 8%);padding:0 28px;box-shadow:inset 0 -1px #ffffff08}.lumal-cockpit-designer__heading{letter-spacing:.02em;gap:10px;font-size:22px}.lumal-cockpit-designer__heading .lumal-icon{color:var(--lumal-cockpit-accent);filter:drop-shadow(0 0 7px color-mix(in srgb, var(--lumal-cockpit-accent), transparent 48%))}.lumal-cockpit-designer__controlbar{border-bottom:1px solid var(--lumal-cockpit-designer-divider);background:color-mix(in srgb, var(--lumal-cockpit-panel-bg), transparent 18%);padding:0 28px}.lumal-cockpit-designer__layout-controls{gap:12px}.lumal-cockpit-designer__layout-controls>.lumal-cockpit-designer__field{color:var(--lumal-cockpit-text-secondary);gap:12px;font-size:13px}.lumal-cockpit-designer__layout-controls .el-select{width:220px}.lumal-cockpit-designer__layout-controls>.el-input{width:210px}.lumal-cockpit-designer__layout-tools{border-left:1px solid var(--lumal-cockpit-designer-divider);gap:8px;margin-left:4px;padding-left:12px}.lumal-cockpit-designer__issues{background:color-mix(in srgb, var(--lumal-cockpit-danger), transparent 94%);padding:8px 28px}.lumal-cockpit-designer__workspace{background:linear-gradient(#74efff05 1px, transparent 1px) 0 0/32px 32px, linear-gradient(90deg, #74efff05 1px, transparent 1px) 0 0/32px 32px, color-mix(in srgb, var(--lumal-cockpit-bg), #000 10%);grid-template-columns:minmax(0,1fr) 330px;gap:14px;padding:14px 18px}.lumal-cockpit-designer__assembly,.lumal-cockpit-designer__library{border:1px solid var(--lumal-cockpit-designer-divider);border-radius:var(--lumal-cockpit-designer-panel-radius);background:var(--lumal-cockpit-designer-panel-fill);box-shadow:0 16px 36px #00000029,inset 0 1px #ffffff0a}.lumal-cockpit-designer__assembly{padding:12px}.lumal-cockpit-designer__assembly-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lumal-cockpit-designer__region{border:1px solid color-mix(in srgb, var(--lumal-cockpit-border), transparent 34%);background:color-mix(in srgb, var(--lumal-cockpit-bg), transparent 28%);border-radius:10px;gap:10px;padding:10px;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.lumal-cockpit-designer__region-head{border:0;border-bottom:1px solid var(--lumal-cockpit-designer-divider);background:0 0;border-radius:0;gap:8px 10px;min-height:58px;padding:8px 10px}.lumal-cockpit-designer__region-head-meta{min-width:118px}.lumal-cockpit-designer__region-head-meta strong{letter-spacing:.01em;font-size:16px}.lumal-cockpit-designer__region-head-meta span{margin-top:3px;font-size:11px}.lumal-cockpit-designer__region-head .el-input-number{width:112px}.lumal-cockpit-designer__region-width-field.lumal-cockpit-designer__field .el-input-number{width:126px}.lumal-cockpit-designer__grid-rows{gap:10px;padding-right:2px;overflow:auto}.lumal-cockpit-designer__grid-row{border:1px solid color-mix(in srgb, var(--lumal-cockpit-border), transparent 42%);border-radius:var(--lumal-cockpit-designer-card-radius);background:color-mix(in srgb, var(--lumal-cockpit-floating-bg), transparent 45%);gap:8px;padding:8px;box-shadow:inset 0 1px #ffffff06}.lumal-cockpit-designer__grid-row-head{border:0;border-bottom:1px solid color-mix(in srgb, var(--lumal-cockpit-border), transparent 55%);background:0 0;border-radius:0;min-height:36px;padding:4px 6px}.lumal-cockpit-designer__grid-row-head>strong{color:var(--lumal-cockpit-title-text);padding-left:12px;font-size:12px;position:relative}.lumal-cockpit-designer__grid-row-head>strong:before{background:var(--lumal-cockpit-accent);content:"";border-radius:2px;width:3px;height:16px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.lumal-cockpit-designer__grid-row-head .el-input-number{width:112px}.lumal-cockpit-designer__grid-cells{gap:8px}.lumal-cockpit-designer__empty-cell.el-button{border-style:dashed;border-color:color-mix(in srgb, var(--lumal-cockpit-accent), transparent 62%);border-radius:var(--lumal-cockpit-designer-card-radius);background:color-mix(in srgb, var(--lumal-cockpit-accent), transparent 97%);color:var(--lumal-cockpit-text-muted);font-size:13px}.lumal-cockpit-designer__empty-cell.el-button:not(:disabled):hover{border-color:var(--lumal-cockpit-accent);background:color-mix(in srgb, var(--lumal-cockpit-accent), transparent 93%)}.lumal-cockpit-designer__placed-widget,.lumal-cockpit-designer__tab-card{border-color:color-mix(in srgb, var(--lumal-cockpit-slot-border), transparent 20%);border-radius:var(--lumal-cockpit-designer-card-radius);background:color-mix(in srgb, var(--lumal-cockpit-bg), transparent 22%);box-shadow:inset 0 1px #ffffff08}.lumal-cockpit-designer__placed-widget:hover,.lumal-cockpit-designer__placed-widget:focus-within,.lumal-cockpit-designer__tab-card:focus-within{border-color:color-mix(in srgb, var(--lumal-cockpit-accent), transparent 15%);box-shadow:0 8px 22px #0003}.lumal-cockpit-designer__placed-widget-header,.lumal-cockpit-designer__tab-list{border-bottom-color:color-mix(in srgb, var(--lumal-cockpit-border), transparent 46%);background:linear-gradient(90deg, color-mix(in srgb, var(--lumal-cockpit-accent), transparent 91%), transparent 52%), color-mix(in srgb, var(--lumal-cockpit-caption-bg), transparent 8%);min-height:36px}.lumal-cockpit-designer__placed-widget-header{padding-inline:10px 5px}.lumal-cockpit-designer__placed-widget-header>span{letter-spacing:.01em;font-size:12px}.lumal-cockpit-designer__widget-action.el-button,.lumal-cockpit-designer__tab-action.el-button,.lumal-cockpit-designer__tab-target.el-button{opacity:.62;background:0 0;border-color:#0000}.lumal-cockpit-designer__widget-action.el-button:hover,.lumal-cockpit-designer__tab-action.el-button:hover,.lumal-cockpit-designer__tab-target.el-button:hover{border-color:color-mix(in srgb, var(--lumal-cockpit-border), transparent 36%);background:color-mix(in srgb, var(--lumal-cockpit-accent), transparent 90%);opacity:1}.lumal-cockpit-designer__library{grid-template-rows:auto minmax(0,1fr);gap:0;height:100%;padding:0;display:grid;overflow:hidden}.lumal-cockpit-designer__library-head{border-bottom:1px solid var(--lumal-cockpit-designer-divider);background:linear-gradient(90deg, color-mix(in srgb, var(--lumal-cockpit-accent), transparent 91%), transparent 72%), color-mix(in srgb, var(--lumal-cockpit-floating-bg), transparent 18%);align-items:center;gap:10px;min-height:66px;padding:12px 14px;display:flex}.lumal-cockpit-designer__library-head-copy{min-width:0;margin-right:auto}.lumal-cockpit-designer__library-head strong,.lumal-cockpit-designer__library-head span{display:block}.lumal-cockpit-designer__library-head strong{color:var(--lumal-cockpit-title-text);font-size:16px}.lumal-cockpit-designer__library-head-copy>span{color:var(--lumal-cockpit-text-muted);margin-top:3px;font-size:11px}.lumal-cockpit-designer__library-count{border:1px solid color-mix(in srgb, var(--lumal-cockpit-border), transparent 38%);background:color-mix(in srgb, var(--lumal-cockpit-accent), transparent 92%);border-radius:999px;flex:none;padding:4px 8px;color:var(--lumal-cockpit-accent)!important;font-size:11px!important}.lumal-cockpit-designer__library-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;height:auto;padding:12px;overflow:auto}.lumal-cockpit-designer__library-card{border:1px solid color-mix(in srgb, var(--lumal-cockpit-border), transparent 34%);border-radius:var(--lumal-cockpit-designer-card-radius);background:color-mix(in srgb, var(--lumal-cockpit-bg), transparent 30%);height:132px;transition:border-color .16s,background-color .16s,box-shadow .16s,transform .16s;box-shadow:inset 0 1px #ffffff08}.lumal-cockpit-designer__library-card:hover,.lumal-cockpit-designer__library-card:focus-within,.lumal-cockpit-designer__library-card.is-selected{border-color:var(--lumal-cockpit-accent);background:color-mix(in srgb, var(--lumal-cockpit-accent), transparent 94%);transform:translateY(-1px);box-shadow:0 8px 22px #00000038}.lumal-cockpit-designer__library-card.is-selected{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--lumal-cockpit-accent), transparent 42%), 0 8px 22px #00000038}.lumal-cockpit-designer__library-select.el-button{border-top:1px solid color-mix(in srgb, var(--lumal-cockpit-border), transparent 48%);background:color-mix(in srgb, var(--lumal-cockpit-caption-bg), transparent 8%);min-height:32px;color:var(--lumal-cockpit-text);padding:6px 8px;font-size:12px;font-weight:600}.lumal-cockpit-designer__footer{border-top:1px solid var(--lumal-cockpit-designer-divider);background:color-mix(in srgb, var(--lumal-cockpit-panel-bg), transparent 12%);gap:16px;padding:0 18px}.lumal-cockpit-designer__placement-status{color:var(--lumal-cockpit-text-muted);margin-right:auto!important;font-size:12px!important}.lumal-cockpit-designer__footer-actions{gap:10px}.lumal-cockpit-designer__footer-actions .el-button{min-width:88px}.lumal-cockpit-designer__save.el-button{min-width:112px;box-shadow:0 8px 18px color-mix(in srgb, var(--lumal-cockpit-accent), transparent 76%)}.lumal-cockpit-designer .el-input__wrapper,.lumal-cockpit-designer .el-select__wrapper,.lumal-cockpit-designer .el-input-number .el-input__wrapper{background:color-mix(in srgb, var(--lumal-cockpit-control-bg), transparent 8%);box-shadow:0 0 0 1px color-mix(in srgb, var(--el-input-border-color), transparent 20%) inset;border-radius:6px}.lumal-cockpit-designer .el-button{border-radius:6px}@media (width<=1380px){.lumal-cockpit-designer{min-width:1080px}.lumal-cockpit-designer__workspace{grid-template-columns:minmax(0,1fr) 288px;gap:10px;padding:10px 12px}.lumal-cockpit-designer__assembly{padding:9px}.lumal-cockpit-designer__assembly-stage,.lumal-cockpit-designer__grid-rows{gap:8px}.lumal-cockpit-designer__region{padding:8px}.lumal-cockpit-designer__region-head{gap:6px 8px}.lumal-cockpit-designer__region-head-meta{flex-basis:100%;margin-right:0}.lumal-cockpit-designer__library-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.lumal-cockpit-designer__library-card{transition:none}}
2
2
  /*$vite$:1*/
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@lumal/cockpit",
3
3
  "type": "module",
4
- "version": "0.0.3-beta",
4
+ "version": "0.0.5-beta",
5
5
  "description": "Lumal generic cockpit orchestration framework: layout runtime, component registry, designer and message bus.",
6
6
  "license": "MIT",
7
7
  "keywords": [
@@ -59,8 +59,8 @@
59
59
  }
60
60
  },
61
61
  "dependencies": {
62
- "@lumal/core": "0.0.3-beta",
63
- "@lumal/icons-vue": "0.0.3-beta",
62
+ "@lumal/core": "0.0.5-beta",
63
+ "@lumal/icons-vue": "0.0.5-beta",
64
64
  "sortablejs": "^1.15.7"
65
65
  },
66
66
  "devDependencies": {