.design-panel-skeleton[data-v-d6c78b78]{--skeleton-base:color-mix(in srgb, var(--el-web-bg-color) 78%, var(--el-border-color));--skeleton-highlight:color-mix(in srgb, var(--el-win-bg-color) 72%, white);width:var(--design-panel-width,230px);box-sizing:border-box;background:var(--el-win-bg-color);border-right:1px solid var(--el-light-line-color);z-index:2;pointer-events:none;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.design-panel-skeleton--right[data-v-d6c78b78]{border-right:0;border-left:1px solid var(--el-light-line-color);left:auto;right:0}.skeleton-panel-bar[data-v-d6c78b78],.skeleton-project[data-v-d6c78b78],.skeleton-tree-title[data-v-d6c78b78],.skeleton-inspector-tabs[data-v-d6c78b78],.skeleton-property-title[data-v-d6c78b78],.skeleton-align-row[data-v-d6c78b78],.skeleton-appearance-row[data-v-d6c78b78]{align-items:center;display:flex}.skeleton-panel-bar[data-v-d6c78b78]{height:40px;padding:0 12px}.skeleton-kicker[data-v-d6c78b78]{border-radius:4px;width:42px;height:12px}.skeleton-icon[data-v-d6c78b78]{border-radius:6px;width:20px;height:20px}.skeleton-icon--end[data-v-d6c78b78],.skeleton-mini-action[data-v-d6c78b78],.skeleton-add-action[data-v-d6c78b78],.skeleton-layer-state[data-v-d6c78b78]{margin-left:auto}.skeleton-project[data-v-d6c78b78]{border-top:1px solid var(--el-light-line-color);border-bottom:1px solid var(--el-light-line-color);height:52px;padding:0 12px}.skeleton-project-title[data-v-d6c78b78]{border-radius:5px;width:128px;height:16px}.skeleton-chevron[data-v-d6c78b78]{border-radius:50%;width:14px;height:14px;margin-left:8px}.skeleton-tree-title[data-v-d6c78b78]{height:43px;padding:8px 12px 0}.skeleton-section-label[data-v-d6c78b78]{border-radius:4px;width:46px;height:11px}.skeleton-section-label--short[data-v-d6c78b78]{width:34px}.skeleton-section-label--medium[data-v-d6c78b78]{width:58px}.skeleton-section-label--wide[data-v-d6c78b78]{width:72px;margin-bottom:12px;display:block}.skeleton-mini-action[data-v-d6c78b78],.skeleton-add-action[data-v-d6c78b78]{border-radius:5px;width:16px;height:16px}.skeleton-add-action[data-v-d6c78b78]{border-radius:50%}.skeleton-tree[data-v-d6c78b78]{padding:0 8px}.skeleton-tree-row[data-v-d6c78b78]{height:34px;padding-right:4px;padding-left:calc(var(--tree-depth) * 14px);border-radius:6px;align-items:center;gap:7px;display:flex}.skeleton-tree-row[data-v-d6c78b78]:nth-child(2){background:color-mix(in srgb, var(--el-color-primary) 6%, transparent)}.skeleton-disclosure[data-v-d6c78b78]{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:5px solid var(--el-border-color);width:0;height:0}.skeleton-disclosure--empty[data-v-d6c78b78]{border:0}.skeleton-layer-icon[data-v-d6c78b78]{border-radius:5px;flex:0 0 18px;width:18px;height:18px}.skeleton-layer-name[data-v-d6c78b78]{border-radius:4px;max-width:112px;height:10px}.skeleton-layer-state[data-v-d6c78b78]{opacity:.68;border-radius:50%;flex:0 0 12px;width:12px;height:12px}.skeleton-pages[data-v-d6c78b78]{border-top:1px solid var(--el-light-line-color);margin-top:16px;padding:16px 12px 0}.skeleton-page-row[data-v-d6c78b78]{align-items:center;gap:10px;display:flex}.skeleton-page-thumb[data-v-d6c78b78]{border-radius:5px;width:46px;height:34px}.skeleton-page-name[data-v-d6c78b78]{border-radius:4px;width:82px;height:10px}.skeleton-inspector-tabs[data-v-d6c78b78]{border-bottom:1px solid var(--el-light-line-color);gap:14px;height:40px;padding:0 12px}.skeleton-tab[data-v-d6c78b78]{border-radius:4px;width:34px;height:10px}.skeleton-tab--active[data-v-d6c78b78]{width:48px}.skeleton-property-section[data-v-d6c78b78]{border-bottom:1px solid var(--el-light-line-color);padding:16px 12px 17px}.skeleton-property-title[data-v-d6c78b78]{margin-bottom:14px}.skeleton-input-grid[data-v-d6c78b78]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.skeleton-input-grid--compact[data-v-d6c78b78]{margin-top:12px}.skeleton-input[data-v-d6c78b78]{border-radius:6px;height:28px}.skeleton-align-row[data-v-d6c78b78]{justify-content:space-between}.skeleton-align-action[data-v-d6c78b78]{border-radius:6px;width:24px;height:24px}.skeleton-appearance-row[data-v-d6c78b78]{gap:9px;height:34px}.skeleton-swatch[data-v-d6c78b78]{border-radius:6px;flex:0 0 22px;width:22px;height:22px}.skeleton-appearance-name[data-v-d6c78b78]{border-radius:4px;width:72px;height:10px}.skeleton-appearance-name--short[data-v-d6c78b78]{width:52px}.skeleton-value[data-v-d6c78b78]{border-radius:5px;width:44px;height:22px;margin-left:auto}.skeleton-property-section--last[data-v-d6c78b78]{border-bottom:0}.skeleton-export-button[data-v-d6c78b78]{border-radius:7px;width:100%;height:32px;display:block}.skeleton-block[data-v-d6c78b78]{background:linear-gradient(105deg, var(--skeleton-base) 18%, var(--skeleton-highlight) 42%, var(--skeleton-base) 66%);background-size:250% 100%;animation:1.7s ease-in-out infinite design-skeleton-shimmer-d6c78b78;display:block}.design-panel-skeleton--right .skeleton-block[data-v-d6c78b78]{animation-delay:-.55s}@keyframes design-skeleton-shimmer-d6c78b78{0%{background-position:120% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.skeleton-block[data-v-d6c78b78]{animation:none}}.design-skeleton-layer[data-v-f78619fc]{--design-panel-width:230px;--skeleton-stage-base:var(--el-web-bg-color);--skeleton-stage-accent:color-mix(in srgb, var(--el-border-color) 30%, transparent);--skeleton-surface-base:color-mix(in srgb, var(--el-web-bg-color) 82%, var(--el-border-color));--skeleton-surface-highlight:color-mix(in srgb, var(--el-win-bg-color) 78%, white);top:var(--design-panel-top,56px);bottom:0;right:0;left:var(--design-panel-left,120px);z-index:11;background:var(--el-web-bg-color);isolation:isolate;pointer-events:none;animation:design-skeleton-fade-in-f78619fc .22s ease var(--design-skeleton-delay,0s) both;transition:opacity .22s;position:fixed;overflow:hidden}.design-skeleton-layer.is-closing[data-v-f78619fc]{opacity:0;animation:none}.design-skeleton-layer.is-compact[data-v-f78619fc]{background:0 0;overflow:visible}.design-skeleton-layer.is-compact .skeleton-stage[data-v-f78619fc]{background:0 0;inset:0;overflow:visible}.design-skeleton-layer.is-compact .skeleton-stage[data-v-f78619fc]:after{display:none}@keyframes design-skeleton-fade-in-f78619fc{0%{opacity:0}to{opacity:1}}.skeleton-stage[data-v-f78619fc]{inset:0 var(--design-panel-width) 0 var(--design-panel-width);background:radial-gradient(circle at 1px 1px, var(--skeleton-stage-accent) 1px, transparent 0) 0 0 / 20px 20px, var(--skeleton-stage-base);position:absolute;overflow:hidden}.skeleton-stage[data-v-f78619fc]:after{background:radial-gradient(circle at 50% 46%, transparent 0, transparent 34%, color-mix(in srgb, var(--el-web-bg-color) 54%, transparent) 76%);content:"";position:absolute;inset:0}.skeleton-status[data-v-f78619fc]{z-index:2;min-width:216px;color:var(--el-text-color);background:color-mix(in srgb, var(--el-win-bg-color) 92%, transparent);border:1px solid var(--el-light-line-color);border-radius:12px;align-items:center;gap:11px;padding:9px 14px 9px 11px;display:flex;position:absolute;top:22px;left:50%;transform:translate(-50%);box-shadow:0 6px 22px #00000012}.skeleton-spinner[data-v-f78619fc]{border:2px solid color-mix(in srgb, var(--el-color-primary) 18%, transparent);border-top-color:var(--el-color-primary);border-radius:50%;flex:0 0 24px;width:24px;height:24px;animation:.85s linear infinite design-skeleton-spin-f78619fc}.skeleton-status-copy[data-v-f78619fc]{flex-direction:column;gap:2px;display:flex}.skeleton-status-title[data-v-f78619fc]{font-size:12px;font-weight:600;line-height:16px}.skeleton-status-sub[data-v-f78619fc]{color:var(--el-text-sub-color);font-size:11px;line-height:14px}.skeleton-artboard-wrap[data-v-f78619fc]{z-index:1;width:max(300px,min(48%,540px));position:absolute;top:50%;left:50%;transform:translate(-50%,-49%)}.skeleton-artboard-label[data-v-f78619fc]{border-radius:4px;width:86px;height:10px;margin-bottom:9px;display:block}.skeleton-artboard[data-v-f78619fc]{aspect-ratio:4/3;background:var(--el-win-bg-color);border:1px solid color-mix(in srgb, var(--el-border-color) 74%, transparent);width:100%;position:relative;overflow:hidden;box-shadow:0 12px 32px #0000001a}.skeleton-artboard-content[data-v-f78619fc]{position:absolute;inset:14% 12%}.skeleton-artboard-heading[data-v-f78619fc]{border-radius:999px;width:42%;height:7%;display:block}.skeleton-artboard-subheading[data-v-f78619fc]{border-radius:999px;width:68%;height:3.4%;margin-top:4%;display:block}.skeleton-artboard-body[data-v-f78619fc]{grid-template-columns:42% 1fr;gap:9%;height:44%;margin-top:12%;display:grid}.skeleton-artboard-media[data-v-f78619fc]{border-radius:3px}.skeleton-artboard-lines[data-v-f78619fc]{flex-direction:column;gap:13%;padding-top:7%;display:flex}.skeleton-artboard-lines span[data-v-f78619fc]{border-radius:999px;width:100%;height:8%}.skeleton-artboard-lines span[data-v-f78619fc]:nth-child(2){width:84%}.skeleton-artboard-lines span[data-v-f78619fc]:nth-child(3){width:60%}.skeleton-artboard-footer[data-v-f78619fc]{border-radius:999px;width:24%;height:3.4%;margin-top:9%;display:block}.skeleton-artboard-sheen[data-v-f78619fc]{z-index:2;background:linear-gradient(90deg,#0000,#ffffff47,#0000);width:34%;animation:2.2s ease-in-out infinite design-artboard-sheen-f78619fc;position:absolute;top:0;bottom:0;left:-48%;transform:skew(-12deg)}.skeleton-toolbar[data-v-f78619fc]{z-index:2;background:var(--el-win-bg-color);border:1px solid color-mix(in srgb, var(--el-light-line-color) 86%, transparent);border-radius:12px;align-items:center;height:50px;padding:0 8px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #00000014}.skeleton-toolbar-main[data-v-f78619fc]{align-items:center;gap:7px;display:flex}.skeleton-tool[data-v-f78619fc]{border-radius:7px;flex:0 0 28px;width:28px;height:28px}.skeleton-tool--large[data-v-f78619fc]{width:38px}.skeleton-tool--ai[data-v-f78619fc]{margin-left:8px}.skeleton-toolbar-divider[data-v-f78619fc]{background:var(--el-light-line-color);width:1px;height:24px;margin:0 4px}.skeleton-zoom[data-v-f78619fc]{z-index:2;background:color-mix(in srgb, var(--el-win-bg-color) 94%, transparent);border:1px solid var(--el-light-line-color);border-radius:9px;align-items:center;gap:7px;height:32px;padding:0 9px;display:flex;position:absolute;bottom:16px;right:14px}.skeleton-zoom-action[data-v-f78619fc]{border-radius:4px;width:14px;height:14px}.skeleton-zoom-value[data-v-f78619fc]{border-radius:4px;width:34px;height:9px}.skeleton-surface[data-v-f78619fc]{background:linear-gradient(105deg, var(--skeleton-surface-base) 18%, var(--skeleton-surface-highlight) 42%, var(--skeleton-surface-base) 66%);background-size:250% 100%;animation:1.7s ease-in-out infinite design-skeleton-shimmer-f78619fc}@keyframes design-skeleton-spin-f78619fc{to{transform:rotate(360deg)}}@keyframes design-skeleton-shimmer-f78619fc{0%{background-position:120% 0}to{background-position:-100% 0}}@keyframes design-artboard-sheen-f78619fc{0%,18%{left:-48%}72%,to{left:118%}}@media (width<=1180px){.skeleton-artboard-wrap[data-v-f78619fc]{width:max(260px,min(54%,420px))}.skeleton-tool[data-v-f78619fc]:nth-of-type(n+8),.skeleton-zoom[data-v-f78619fc]{display:none}}@media (height<=680px){.skeleton-status[data-v-f78619fc]{top:12px}.skeleton-artboard-wrap[data-v-f78619fc]{width:min(46%,420px)}}@media (prefers-reduced-motion:reduce){.design-skeleton-layer[data-v-f78619fc],.skeleton-spinner[data-v-f78619fc],.skeleton-surface[data-v-f78619fc],.skeleton-artboard-sheen[data-v-f78619fc]{animation:none}}