.diagram-detail-container[data-v-6c9b185c]{height:100vh;display:flex;flex-direction:column}.detail-content[data-v-6c9b185c]{flex:1;display:flex;flex-direction:column;padding:20px;overflow:hidden}.detail-header[data-v-6c9b185c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.detail-title[data-v-6c9b185c]{display:flex;align-items:center}.detail-title h2[data-v-6c9b185c]{margin:0;margin-right:10px}.detail-main[data-v-6c9b185c]{flex:1;display:flex;flex-direction:column;overflow:hidden}.diagram-preview[data-v-6c9b185c]{flex:1;border:1px solid var(--border-color);border-radius:4px;overflow:hidden;margin-bottom:20px;background-color:var(--card-bg);padding:20px}.preview-content[data-v-6c9b185c]{height:100%;display:flex;justify-content:center;align-items:center}.diagram-info[data-v-6c9b185c]{display:flex;flex-wrap:wrap;gap:20px}.info-item[data-v-6c9b185c]{flex:1;min-width:200px}.info-label[data-v-6c9b185c]{font-size:14px;color:var(--secondary-color);margin-bottom:5px}.info-value[data-v-6c9b185c]{font-size:16px}.error-message[data-v-6c9b185c]{color:var(--danger-color);padding:10px;border:1px solid var(--danger-color);border-radius:4px;background-color:rgba(198,91,91,.08)}.export-dialog-content[data-v-6c9b185c]{padding:10px 0}.export-option-group[data-v-6c9b185c]{margin-bottom:20px}.export-option-group h4[data-v-6c9b185c]{margin-top:0;margin-bottom:10px;font-size:16px}