.diagram-embed{position:relative;width:100%;height:100%;min-height:120px;display:flex;align-items:center;justify-content:center;background:#ffffff;overflow:hidden}.diagram-embed-stage{width:100%;flex:none}.diagram-embed-controls{position:absolute;z-index:2;left:20px;right:20px;bottom:14px;display:flex;gap:8px;align-items:center;color:#333333;font:11px Arial,sans-serif;opacity:0;transition:opacity .2s}.diagram-embed:hover .diagram-embed-controls,.diagram-embed:focus-within .diagram-embed-controls{opacity:1}.diagram-embed-controls span{margin-right:auto;padding:5px;background:#ffffffd9;border-radius:4px}.diagram-embed-controls button{padding:5px 9px;border:1px solid #cccccc;border-radius:4px;background:#ffffffeb;color:#333333;cursor:pointer;font:11px Arial,sans-serif}.diagram-edit-note{position:absolute;z-index:3;left:12px;right:12px;bottom:12px;background:#ffffffee;border:1px solid #dddddd;padding:10px 14px;font:12px/1.6 Arial,sans-serif;color:#333333}.diagram-edit-note a{float:right;color:inherit}.diagram-edit-note small{display:block;color:#777777}.is-diagram-editing .diagram-embed-controls{display:none}.diagram-thumbnail{height:100%;width:100%;background:#f3f3f3;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#444444;gap:15px}.diagram-thumbnail>span{font-size:140px}.diagram-thumbnail strong{font-size:48px}.diagram-thumbnail small{font-size:30px}.viewer-diagram-slide{background:#ffffff}.viewer-diagram-slide .diagram-embed{position:absolute;inset:0}.slide:has(>.diagram-embed){display:block;padding:0}.diagram-embed-error{padding:20px;color:#777777}
.diagram-picker{max-width:650px;width:92vw;border:1px solid #dddddd;border-radius:10px;padding:25px;color:#333333}.diagram-picker::backdrop{background:#00000066}.diagram-picker header{display:flex;justify-content:space-between;align-items:center}.diagram-picker h2{font-size:20px}.diagram-picker>p{font-size:13px;line-height:1.7}.diagram-picker>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.diagram-picker button[data-diagram-id]{display:flex;flex-direction:column;gap:7px;padding:20px;text-align:left;background:#fafafa;border:1px solid #dddddd;border-radius:7px;color:#333333;cursor:pointer}.diagram-picker small{font-size:11px;font-weight:400;color:#777777}
.slide-layout:has(>.diagram-embed),#canvas:has(>.diagram-embed){display:block!important;padding:0!important}.is-diagram-editing .diagram-edit-note{display:none}.editor-inspector[hidden]{display:none!important}.diagram-page-inspector{font:13px/1.8 Arial,"Microsoft YaHei",sans-serif;color:#333333}.diagram-page-inspector h2{font-size:17px}.diagram-page-inspector .diagram-project-title{font-size:21px;font-weight:500;color:#222222}.diagram-page-inspector p{margin:15px 0}.diagram-page-inspector small{display:block;margin-top:15px;color:#888888}.diagram-workbench-link{display:block;padding:12px 15px;border:1px solid #dddddd;background:#f5f5f5;border-radius:6px;color:#333333;text-decoration:none}.diagram-page-inspector button{padding:10px 14px;border:1px solid #dddddd;border-radius:5px;background:#fff;color:#333333;cursor:pointer}#dg-export-history a{display:block;margin:8px 0;font-size:11px;text-decoration:underline}

.editor-main:has(#canvas>.diagram-embed)>.layout-toolbar,.editor-main:has(#canvas>.diagram-embed)>.layout-help,.editor-main:has(#canvas>.diagram-embed)>.editor-help{display:none}
.editor-main:has(#canvas>.diagram-embed)>.project-text-context{display:none}

.diagram-embed.is-image-gallery{background:#ffffff}.has-image-gallery{background:#ffffff!important;box-shadow:none!important;border-color:transparent!important}

.diagram-load-error{position:absolute;z-index:5;left:12px;right:12px;bottom:12px;display:flex;gap:12px;align-items:center;justify-content:center;padding:10px 14px;background:#fff;border:1px solid #ddd;border-radius:5px;color:#555;font:12px/1.5 Arial,sans-serif;box-shadow:0 3px 15px #0001}
.diagram-load-error button{background:#fff;border:1px solid #bbb;border-radius:4px;padding:5px 10px;color:#222;cursor:pointer}