.dgm{position:relative;display:flex;flex-direction:column;width:100%;height:calc(100svh - 24px);min-height:480px;max-height:1100px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-elev)}.dgm.is-fullscreen{position:fixed;inset:0;z-index:60;height:auto;max-height:none;border:0;border-radius:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body.dgm-fullscreen{overflow:hidden}.dgm-icon{width:20px;height:20px;flex:none}.dgm-toolbar{display:flex;align-items:center;gap:6px;padding:6px 8px;border-bottom:1px solid var(--border);background:var(--bg-elev-2);min-width:0}.dgm-title{flex:0 1 240px;min-width:0;height:34px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev);color:var(--text);font:14px var(--font)}.dgm-title:focus{outline:none;border-color:var(--accent)}.dgm-tb-group{display:flex;align-items:center;gap:2px}.dgm-tb-group--end{margin-inline-start:auto}.dgm-tb{position:relative;display:inline-flex;align-items:center;gap:6px;height:34px;min-width:34px;justify-content:center;padding:0 8px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-dim);font:13px var(--font);cursor:pointer;white-space:nowrap}.dgm-tb:hover:not(:disabled){background:var(--bg-elev-3);color:var(--text)}.dgm-tb:disabled{opacity:.4;cursor:default}.dgm-tb--narrow{display:none}.dgm-badge{position:absolute;top:2px;inset-inline-end:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--accent);color:var(--bg);font:600 11px/16px var(--font);text-align:center}.dgm-main{position:relative;display:flex;flex:1;min-height:0}.dgm-palette{flex:none;width:196px;overflow-y:auto;padding:8px;border-inline-end:1px solid var(--border);background:var(--bg-elev)}.dgm-palette__title,.dgm-palette__group summary{margin:4px 2px 6px;color:var(--text-faint);font:600 12px var(--font);cursor:default}.dgm-palette__group summary{cursor:pointer}.dgm-palette__list{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:8px}.dgm-shape{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:64px;padding:6px 4px;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--bg-elev-2);color:var(--text);font:11px/1.2 var(--font);text-align:center;cursor:grab;touch-action:none}.dgm-shape:hover{border-color:var(--border-strong)}.dgm-preview{width:44px;height:28px;color:var(--text)}.dgm-ghost{position:fixed;z-index:200;width:66px;height:42px;color:var(--accent);pointer-events:none;transform:translate(-50%,-50%)}.dgm-sheet-backdrop{display:none}.dgm-stage{position:relative;flex:1;min-width:0;overflow:hidden;background:#fff;color:#000;touch-action:none;outline:none;user-select:none;-webkit-user-select:none}.dgm-stage:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.dgm-stage.is-panning{cursor:grab}.dgm-svg{position:absolute;inset:0;display:block;width:100%;height:100%}.dgm-body,.dgm-line,.dgm-edge-line{stroke:#000;stroke-linejoin:round;stroke-linecap:round}.dgm-line,.dgm-edge-line{fill:none}.dgm-mark,.dgm-arrow,.dgm-text,.dgm-label{fill:#000;stroke:none}.dgm-edge-hit{fill:none;stroke:transparent;stroke-width:12px}.dgm-edge.is-selected .dgm-edge-line{stroke:#3b5bdb}.dgm-edge.is-selected .dgm-arrow{fill:#3b5bdb}.dgm-overlay .dgm-sel-box,.dgm-overlay .dgm-guide,.dgm-overlay .dgm-marquee,.dgm-overlay .dgm-rubber{pointer-events:none}.dgm-sel-box{fill:none;stroke:#3b5bdb}.dgm-guide{stroke:#e8590c}.dgm-marquee{fill:#3b5bdb14;stroke:#3b5bdb}.dgm-rubber{stroke:#3b5bdb}.dgm-port,.dgm-handle{fill:#fff;stroke:#3b5bdb}.dgm-port{cursor:crosshair}.dgm-handle--resize{cursor:nwse-resize}.dgm-handle--segment,.dgm-handle--end{cursor:move}.dgm-layer{position:absolute;inset:0;pointer-events:none}.dgm-layer>*{pointer-events:auto}.dgm-text-input{position:absolute;z-index:3;margin:0;padding:0;border:1.5px solid #3b5bdb;border-radius:2px;background:#fff;color:#000;font-family:BK Diagram,Noto Sans,sans-serif;text-align:center;resize:none;overflow:hidden;outline:none;transform-origin:0 0}.dgm-plus{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1.5px solid #3b5bdb;border-radius:50%;background:#fff;color:#3b5bdb;cursor:pointer;transform:translate(-50%,-50%)}.dgm-plus .dgm-icon{width:16px;height:16px}.dgm-plus:hover{background:#3b5bdb;color:#fff}.dgm-ctx{position:absolute;z-index:2;display:flex;gap:2px;padding:4px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev-2);box-shadow:var(--shadow)}.dgm-ctx__btn,.dgm-zoom__btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 6px;border:0;border-radius:6px;background:transparent;color:var(--text);font:12px var(--font);cursor:pointer}.dgm-ctx__btn:hover,.dgm-zoom__btn:hover{background:var(--bg-elev-3)}.dgm-zoom{position:absolute;bottom:12px;inset-inline-end:12px;z-index:2;display:flex;gap:2px;padding:3px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev-2)}.dgm-zoom__pct{min-width:52px}.dgm-start{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;pointer-events:none}.dgm-start>*{pointer-events:auto}.dgm-start__hint{max-width:320px;margin:4px 0 0;color:#555;font:13px/1.4 var(--font);text-align:center}.dgm-start .btn--ghost{border-color:#c9ced6;background:#fff;color:#1f2937}.dgm-start__examples{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:460px;margin-top:8px}.dgm-start__examples .dgm-start__hint{flex-basis:100%;margin:0}.dgm-start__example{min-height:32px;padding:4px 12px;border:1px solid #c9ced6;border-radius:999px;background:#fff;color:#1f2937;font:13px/1.3 var(--font);cursor:pointer}.dgm-start__example:hover,.dgm-start__example:focus-visible{border-color:#3b5bdb;color:#3b5bdb}.dgm-notice{position:absolute;top:12px;left:50%;z-index:4;max-width:min(90%,520px);padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev-2);color:var(--text);font:13px/1.4 var(--font);white-space:pre-line;transform:translate(-50%)}.dgm-menu{position:absolute;z-index:100;min-width:180px;max-width:min(92vw,360px);max-height:70vh;overflow-y:auto;padding:4px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev-2);box-shadow:var(--shadow)}.dgm-menu--wide{max-width:min(92vw,440px)}.dgm-menu__item{display:flex;align-items:center;gap:10px;width:100%;min-height:34px;padding:6px 10px;border:0;border-radius:6px;background:transparent;color:var(--text);font:13px/1.3 var(--font);text-align:start;cursor:pointer}.dgm-menu__item:hover:not(:disabled),.dgm-menu__item:focus-visible{background:var(--bg-elev-3);outline:none}.dgm-menu__item:disabled{color:var(--text-faint);cursor:default}.dgm-menu__item[aria-checked=true]:after{content:"✓";margin-inline-start:auto;color:var(--accent)}.dgm-menu__sep{height:1px;margin:4px 6px;background:var(--border)}.dgm-menu--shapes .dgm-preview{width:36px;height:22px}.dgm-swatch{width:18px;height:18px;flex:none;border:1px solid var(--border-strong);border-radius:4px}.dgm-swatch.is-none{background:linear-gradient(135deg,transparent 45%,var(--red) 45% 55%,transparent 55%)}.dgm-dialog{width:min(92vw,560px);padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);color:var(--text);box-shadow:var(--shadow)}.dgm-dialog::backdrop{background:#0000008c}.dgm-dialog__title{margin:0 0 8px;font:600 18px var(--font)}.dgm-dialog__hint{margin:0 0 12px;color:var(--text-dim);font:13px/1.4 var(--font)}.dgm-dialog__code{box-sizing:border-box;width:100%;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;resize:vertical}.dgm-dialog__error{margin:10px 0 0;color:var(--red);font:13px/1.4 var(--font);white-space:pre-line}.dgm-dialog__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}@media(max-width:899px){.dgm-tb--wide,.dgm-tb__label{display:none}.dgm-tb--narrow{display:inline-flex}.dgm-title{flex:1 1 auto}.dgm-palette{position:fixed;inset-inline:0;bottom:0;z-index:70;width:auto;max-height:60svh;padding:12px 12px calc(12px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;box-shadow:var(--shadow);transform:translateY(105%);transition:transform .2s ease;visibility:hidden}.dgm-palette.is-open{transform:none;visibility:visible}.dgm-palette__list{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.dgm-sheet-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:65;background:#0006}}@media(pointer:coarse){.dgm-tb,.dgm-ctx__btn,.dgm-zoom__btn,.dgm-menu__item{min-width:44px;min-height:44px}.dgm-title{height:44px}.dgm-plus{width:44px;height:44px}.dgm-start__example,.dgm-exp__format,.dgm-exp__select,.dgm-exp__num,.dgm-exp__check,.dgm-dialog .btn{min-height:44px}}.dgm-banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 12px;border-bottom:1px solid var(--red);background:var(--red-soft);color:var(--text);font:14px/1.4 var(--font)}.dgm-banner[hidden]{display:none}.dgm-banner__text{flex:1 1 220px;font-weight:600}.dgm-stage.is-drop{box-shadow:inset 0 0 0 3px var(--accent)}.dgm-exp__formats{display:flex;gap:6px;margin-bottom:6px}.dgm-exp__format{flex:1;min-height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font:600 14px var(--font);cursor:pointer}.dgm-exp__format.is-active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent)}.dgm-exp__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;margin:8px 0;font:14px var(--font)}.dgm-exp__row[hidden],.dgm-exp__group[hidden]{display:none}.dgm-exp__label{color:var(--text-dim)}.dgm-exp__select,.dgm-exp__num{min-height:34px;max-width:100%;padding:0 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font:14px var(--font)}.dgm-exp__num{width:96px}.dgm-exp__check{display:flex;align-items:center;gap:8px;margin:8px 0;font:14px var(--font);cursor:pointer}.dgm-exp__info{margin:12px 0 4px;font:600 14px/1.4 var(--font)}.dgm-exp__warn{margin:0;padding-inline-start:18px;color:var(--text-dim);font:13px/1.45 var(--font)}.dgm-exp__warn:empty{display:none}.dgm-exp__more{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.dgm-exp__status{min-height:1.4em;margin:8px 0 0;color:var(--text-dim);font:13px/1.4 var(--font)}.dgm-lib__top{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.dgm-lib__list{max-height:min(60vh,520px);margin:0;padding:0;overflow-y:auto;list-style:none}.dgm-lib__item{display:grid;grid-template-columns:88px minmax(0,1fr);gap:6px 12px;align-items:center;padding:10px 0;border-top:1px solid var(--border)}.dgm-lib__item.is-current .dgm-lib__name:after{content:" •";color:var(--accent)}.dgm-lib__preview{grid-row:span 2;width:88px;height:66px;border-radius:var(--radius-sm);background:#fff;object-fit:contain}.dgm-lib__text{display:flex;flex-direction:column;min-width:0;font:14px/1.35 var(--font)}.dgm-lib__name{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.dgm-lib__date{color:var(--text-dim);font-size:12px}.dgm-lib__btns{display:flex;flex-wrap:wrap;gap:6px}.dgm-lib__empty{padding:16px 0;color:var(--text-dim);font:14px/1.4 var(--font)}.fcm-examples{display:flex;flex-wrap:wrap;gap:6px 14px;margin:12px 0 0}.fcm-list{margin:8px 0;padding-inline-start:20px;line-height:1.55}.fcm-list li+li{margin-top:6px}.fcm-keys{padding-inline-start:0;list-style:none}.fcm-keys kbd{display:inline-block;min-width:1.6em;padding:1px 6px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-elev-2);font:12px/1.5 var(--font);text-align:center}.fcm-sym__wrap{overflow-x:auto}.fcm-sym{width:100%;border-collapse:collapse;font:14px/1.45 var(--font)}.fcm-sym th,.fcm-sym td{padding:8px;border-bottom:1px solid var(--border);text-align:start;vertical-align:middle}.fcm-sym th{color:var(--text-dim);font-weight:600}.fcm-sym td:nth-child(2){font-weight:600;white-space:nowrap}.fcm-sym__pic{display:block;width:64px;height:36px;padding:2px;border-radius:var(--radius-sm);background:#fff;color:#000}.fcm-sym__pic .dgm-preview{display:block;width:100%;height:100%;color:#000}@media(max-width:560px){.fcm-sym td:nth-child(2){white-space:normal}}