.generate-diagram-result[data-v-a0b318ea]{width:100%}.error-state[data-v-a0b318ea]{justify-content:center}.error-message[data-v-a0b318ea],.error-state[data-v-a0b318ea]{align-items:center;padding:24px;display:flex}.error-message[data-v-a0b318ea]{background-color:#fafafa;border-radius:8px;flex-direction:column;max-width:400px}.error-title[data-v-a0b318ea]{color:#ef4444;margin-bottom:8px;font-size:18px;font-weight:600}.error-subtitle[data-v-a0b318ea]{color:#606366;text-align:center;word-break:break-word;max-height:200px;font-size:14px;font-weight:400;line-height:1.5;overflow-y:auto}.skeleton-container[data-v-a0b318ea]{width:100%}.skeleton-diagram[data-v-a0b318ea]{background-color:#f5f5f5;border-radius:8px;width:100%;height:300px;margin-bottom:12px;position:relative;overflow:hidden}.skeleton-shimmer[data-v-a0b318ea]{background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:1.5s infinite shimmer-a0b318ea;position:absolute;top:0;left:0}.skeleton-actions[data-v-a0b318ea]{justify-content:space-between;align-items:center;display:flex}.skeleton-resolution[data-v-a0b318ea]{background-color:#e5e7eb;border-radius:4px;width:100px;height:20px;animation:2s ease-in-out infinite skeleton-pulse-a0b318ea}.skeleton-buttons[data-v-a0b318ea]{gap:8px;display:flex}.skeleton-button[data-v-a0b318ea]{background-color:#e5e7eb;border-radius:6px;width:100px;height:32px;animation:2s ease-in-out infinite skeleton-pulse-a0b318ea}@keyframes shimmer-a0b318ea{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes skeleton-pulse-a0b318ea{0%{opacity:1;background-color:#f0f0f0}50%{opacity:.4;background-color:#d0d0d0}to{opacity:1;background-color:#f0f0f0}}.diagram-container[data-v-a0b318ea]{width:100%}.diagram-preview-wrapper[data-v-a0b318ea]{margin-bottom:12px;position:relative}.format-badge[data-v-a0b318ea]{color:#fff;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#3b82f6e6;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:600;position:absolute;top:8px;right:8px}.diagram-preview[data-v-a0b318ea]{cursor:pointer;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:100%;max-height:300px;transition:all .2s;display:flex;position:relative;overflow:hidden}.diagram-preview[data-v-a0b318ea]:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.diagram-preview:hover .diagram-overlay[data-v-a0b318ea]{opacity:1}.diagram-image[data-v-a0b318ea]{-o-object-fit:contain;object-fit:contain;width:100%;height:auto;max-height:300px;display:block}.diagram-overlay[data-v-a0b318ea]{opacity:0;background-color:#00000080;flex-direction:column;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.overlay-icon[data-v-a0b318ea]{color:#fff;margin-bottom:8px}.overlay-text[data-v-a0b318ea]{color:#fff;font-size:14px;font-weight:500}.diagram-actions[data-v-a0b318ea]{justify-content:space-between}.diagram-actions[data-v-a0b318ea],.diagram-resolution[data-v-a0b318ea]{align-items:center;display:flex}.resolution-text[data-v-a0b318ea]{color:#606366;font-size:14px;font-weight:500}.action-buttons[data-v-a0b318ea]{gap:8px;display:flex}.action-btn[data-v-a0b318ea]{cursor:pointer;color:#374151;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.action-btn[data-v-a0b318ea]:hover{background-color:#f3f4f6;border-color:#9ca3af}.action-btn[data-v-a0b318ea]:active{background-color:#e5e7eb}.btn-icon[data-v-a0b318ea]{color:currentColor;width:16px;height:16px}.btn-text[data-v-a0b318ea]{white-space:nowrap}.no-data[data-v-a0b318ea]{justify-content:center;padding:48px}.no-data[data-v-a0b318ea],.placeholder-message[data-v-a0b318ea]{align-items:center;display:flex}.placeholder-message[data-v-a0b318ea]{color:#909499;gap:12px;font-size:16px}.icon-info[data-v-a0b318ea]:before{content:"ℹ️"}@media (prefers-color-scheme:dark){.error-message[data-v-a0b318ea]{background-color:#232425}.error-title[data-v-a0b318ea]{color:#f87171}.error-subtitle[data-v-a0b318ea]{color:#b8bbbf}.skeleton-diagram[data-v-a0b318ea]{background-color:#393939}.skeleton-button[data-v-a0b318ea],.skeleton-resolution[data-v-a0b318ea]{background-color:#444}@keyframes skeleton-pulse-dark-a0b318ea{0%{opacity:1;background-color:#444}50%{opacity:.4;background-color:#666}to{opacity:1;background-color:#444}}.skeleton-button[data-v-a0b318ea],.skeleton-resolution[data-v-a0b318ea]{animation-name:skeleton-pulse-dark-a0b318ea}.diagram-preview[data-v-a0b318ea]{border-color:#333}.diagram-preview[data-v-a0b318ea]:hover{border-color:#444}.resolution-text[data-v-a0b318ea]{color:#b8bbbf}.action-btn[data-v-a0b318ea]{color:#e5e7eb;background-color:#2a2a2a;border-color:#444}.action-btn[data-v-a0b318ea]:hover{background-color:#333;border-color:#555}.action-btn[data-v-a0b318ea]:active{background-color:#3a3a3a}}@media (max-width:768px){.diagram-container[data-v-a0b318ea]{padding:12px}.diagram-actions[data-v-a0b318ea]{flex-direction:column;align-items:flex-start;gap:12px}.action-buttons[data-v-a0b318ea]{width:100%}.action-btn[data-v-a0b318ea]{flex:1;justify-content:center}.error-state[data-v-a0b318ea],.no-data[data-v-a0b318ea]{padding:24px}.error-message[data-v-a0b318ea]{padding:16px}.error-title[data-v-a0b318ea]{font-size:16px}.error-subtitle[data-v-a0b318ea]{font-size:13px}}@media (prefers-reduced-motion:reduce){.action-btn[data-v-a0b318ea],.diagram-overlay[data-v-a0b318ea],.diagram-preview[data-v-a0b318ea]{transition:none}.skeleton-line[data-v-a0b318ea],.skeleton-shimmer[data-v-a0b318ea]{animation:none}}