.diagram-editor{gap:14px;max-width:1180px;margin:32px auto;display:grid}.diagram-editor>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.diagram-editor>header button,.diagram-editor>.diagram-conflict-action{border:1px solid var(--border);background:var(--glass-bg);min-height:40px;color:var(--text);cursor:pointer;border-radius:10px;margin-left:8px;padding:0 13px}.diagram-editor>header .accent{border-color:var(--accent);background:var(--accent);color:#07120e}.diagram-editor>label{color:var(--text-2);gap:6px;font-size:13px;display:grid}.diagram-editor>label>input:not([type=checkbox]),.diagram-editor>label>textarea{border:1px solid var(--border);background:var(--glass-bg-soft);width:100%;color:var(--text);font:inherit;border-radius:10px;padding:10px}.diagram-editor>label>textarea{min-height:100px}.diagram-editor>.diagram-confirm{align-items:center;gap:8px;display:flex}.diagram-editor>.diagram-confirm input{width:auto}.diagram-canvas{border:1px solid var(--border);border-radius:16px;height:min(67vh,680px);min-height:460px;overflow:hidden}@media (width<=700px){.diagram-editor{margin:16px 0}.diagram-editor>header{flex-direction:column;align-items:flex-start}.diagram-editor>header button{margin:0 6px 0 0}.diagram-canvas{height:48vh;min-height:330px}.diagram-editor>label:last-of-type{order:2}.diagram-canvas{order:3}}.ask-diagram-preview{border:1px solid var(--border);background:var(--glass-bg-soft);width:100%;color:var(--text);border-radius:14px;gap:10px;margin:10px 0 18px;padding:12px;display:grid}.ask-diagram-preview svg{width:100%;max-height:330px;color:var(--text)}.diagram-preview-card.is-answer{stroke:var(--accent);fill:color-mix(in srgb,var(--accent) 10%,var(--glass-bg))}.diagram-preview-kind,.diagram-preview-edge-label{fill:var(--text-3);letter-spacing:.08em;font:11px system-ui,sans-serif}.diagram-preview-edge{stroke:var(--text-3);stroke-width:1.4px;marker-end:url(#arrow)}.diagram-preview-arrow{fill:var(--text-3)}.ask-diagram-explanation,.ask-diagram-boundary{white-space:pre-line;margin:0;font-size:13px;line-height:1.55}.ask-diagram-boundary{color:var(--text-2)}.detail-entry-diagram .ask-replay{border:1px solid var(--border);background:var(--glass-bg);min-height:40px;color:var(--text);font:inherit;cursor:pointer;border-radius:10px;padding:0 13px}.detail-entry-diagram .ask-replay:disabled{opacity:.55;cursor:not-allowed}.diagram-editor{margin-top:100px}.diagram-canvas{background:#121212;flex-direction:column;display:flex;position:relative}.diagram-canvas-actions{background:var(--glass-bg-solid,#171717);border-bottom:1px solid var(--border);flex:none;justify-content:flex-end;gap:8px;padding:8px 12px;display:flex}.diagram-canvas-actions button{border:1px solid var(--border);background:var(--glass-bg);min-height:36px;color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:0 12px}.diagram-canvas-actions button:disabled{opacity:.5;cursor:wait}.diagram-canvas-surface{flex:1;min-height:0;position:relative}.diagram-canvas:fullscreen,.diagram-canvas.is-fullscreen{z-index:2147483000;border:0;border-radius:0;width:100vw;height:100dvh;min-height:0;max-height:none;position:fixed;inset:0}.diagram-canvas:fullscreen::backdrop{background:#121212}.diagram-canvas .default-sidebar-trigger,.diagram-canvas .App-toolbar__extra-tools-trigger,.diagram-canvas .help-icon,.diagram-canvas .excalidraw-hyperlinkContainer,.diagram-canvas .App-toolbar__divider,.diagram-canvas .excalidraw a[href]{display:none!important}@media (width<=700px){.diagram-editor{margin-top:90px}.diagram-canvas-actions{padding:6px 8px}.diagram-canvas:fullscreen,.diagram-canvas.is-fullscreen{order:initial;height:100dvh}}.diagram-canvas .sidebar-trigger__label-element:has(.default-sidebar-trigger){display:none!important}.diagram-canvas .HintViewer{display:none}.diagram-canvas .excalidraw .HintViewer{display:none!important}.ask-diagram-preview{margin:24px 0 0;padding:0;display:block;position:relative;overflow:hidden}.ask-diagram-scene{background:#fff;min-height:180px;padding:44px 16px 12px}.ask-diagram-scene svg{width:100%;height:auto;max-height:420px;margin:auto;display:block}.ask-diagram-fullscreen{border:1px solid var(--border);background:var(--glass-bg);height:36px;color:var(--text);cursor:pointer;border-radius:9px;place-items:center;display:grid;position:absolute;top:12px;right:12px;width:36px!important;padding:0!important}.ask-diagram-fullscreen:hover{border-color:var(--accent);color:var(--accent)}.ask-diagram-fullscreen:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ask-diagram-details{border-top:1px solid var(--border);padding:12px 16px;font-size:13px;line-height:1.55}.ask-diagram-details summary{cursor:pointer;color:var(--text-2);font-weight:600}.ask-diagram-details li{min-width:0}.ask-diagram-details p{color:var(--text-2);margin:5px 0 0}.ask-answer-actions{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;margin-top:18px;padding:16px 0 8px;gap:8px!important;display:flex!important}.ask-answer-actions .ask-replay{justify-content:center;align-items:center;gap:7px;font-size:13px;display:inline-flex;border-radius:10px!important;width:auto!important;margin:0!important;padding:9px 12px!important}.ask-answer-actions .ask-replay:before{content:"";width:17px;height:17px;mask:var(--action-icon) center/contain no-repeat;background:currentColor;flex:none;display:block}.ask-action-save{--action-icon:url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"black\" stroke-width=\"1.7\"%3E%3Cpath d=\"M4 3h13l3 3v15H4zM8 3v6h8V3M8 21v-8h8v8\"/%3E%3C/svg%3E")}.ask-action-share{--action-icon:url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"black\" stroke-width=\"1.7\"%3E%3Cpath d=\"M12 16V3m-4 4 4-4 4 4M5 11v10h14V11\"/%3E%3C/svg%3E")}.ask-action-speech{--action-icon:url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"black\" stroke-width=\"1.7\"%3E%3Cpath d=\"M3 9v6h4l5 4V5L7 9zM16 8q4 4 0 8m3-11q7 7 0 14\"/%3E%3C/svg%3E")}.ask-workshop-save{--action-icon:url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"black\" stroke-width=\"1.7\"%3E%3Cpath d=\"M3 7h18v14H3zM8 7V3h8v4M3 12h18M10 12v3h4v-3\"/%3E%3C/svg%3E")}@media (width<=600px){.ask-answer-actions .ask-replay{flex:40%}.ask-diagram-scene{padding:48px 6px 8px}.ask-diagram-details ul{grid-template-columns:1fr}}.ask-diagram-preview{border-radius:24px;box-shadow:0 12px 36px #00000012}.ask-diagram-scene{background:radial-gradient(at 50% 48%,#d3f9ee88,#0000 68%),#fafcfb}html:not(.light) .ask-diagram-scene{background:radial-gradient(at 50% 48%,#0c493b35,#0000 68%),#111514}.diagram-canvas{border-radius:24px;box-shadow:0 12px 36px #00000018}.diagram-canvas-actions{background:linear-gradient(110deg,var(--glass-bg-soft),transparent);gap:10px;padding:12px 16px}.diagram-canvas-actions button{border-radius:999px;padding:8px 14px}.diagram-canvas .excalidraw{--color-primary:#21b88b;--color-primary-darker:#087f5b;--color-primary-light:#d3f9ee}.diagram-canvas .excalidraw.theme--dark{--color-primary:#34d3a2;--color-primary-darker:#22b98a;--color-primary-light:#16493c}.diagram-canvas.is-fullscreen{border-radius:0}.diagram-canvas-surface{overscroll-behavior:none;touch-action:none;min-width:0}.diagram-canvas-surface .excalidraw{overscroll-behavior:none}@media (width<=600px){.diagram-canvas-actions{gap:6px;padding:8px}.diagram-canvas-actions button{padding:8px 10px;font-size:13px}.diagram-canvas.is-fullscreen{height:100dvh}}.diagram-canvas-actions{flex-wrap:wrap;flex-shrink:0}.diagram-review{flex-shrink:0;max-height:30vh;padding:8px 16px;font-size:13px;overflow:auto}.diagram-review summary{cursor:pointer}.diagram-review textarea{max-height:100px}.diagram-live-status{flex-shrink:0;margin:0;padding:4px 12px;font-size:12px}.diagram-live-status:empty{padding:0}.ask-diagram-preview{margin:0 0 var(--ask-module-gap,22px);background:var(--glass-bg-soft);border-color:var(--border);--diagram-complement:#1971c2;--diagram-challenge:#b36b00}html:not(.light) .ask-diagram-preview{--diagram-complement:#74b9ff;--diagram-challenge:#f6c16c}.ask-diagram-scene,html:not(.light) .ask-diagram-scene{background:radial-gradient(ellipse at 50% 48%,var(--accent-soft),transparent 68%),var(--bg)}html:not(.light) .ask-diagram-scene svg{filter:none}.ask-diagram-title{margin-bottom:8px}.diagram-canvas{color:var(--text);background:var(--bg);font-family:inherit}.diagram-canvas-actions{background:var(--bg);border-bottom:1px solid var(--border);justify-content:flex-start;align-items:center;gap:12px;padding:12px 20px}.diagram-workspace-label{align-items:center;gap:10px;margin-right:auto;font-size:15px;font-weight:600;display:flex}.diagram-workspace-label>svg{color:var(--accent)}.diagram-workspace-label small{color:var(--text-3);letter-spacing:.12em;margin-top:3px;font-size:9px;font-weight:500;display:block}.diagram-action-group{border-right:1px solid var(--border);align-items:center;gap:6px;padding-right:12px;display:flex}.diagram-canvas-actions button{white-space:nowrap;background:var(--glass-bg-soft);border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 12px;font-size:13px;font-weight:500;display:inline-flex}.diagram-canvas-actions svg,.diagram-review svg{flex-shrink:0}.diagram-canvas-actions button:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.diagram-canvas-actions .diagram-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink,#07120e)}.diagram-canvas :is(button,textarea,input,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.diagram-live-status{background:var(--accent-soft);color:var(--text-2);padding:9px 20px;font-size:13px;line-height:1.5}.diagram-live-status:empty{display:none}.diagram-review{background:var(--bg);border-top:1px solid var(--border);scrollbar-width:thin;max-height:32dvh;padding:0 20px 12px}.diagram-review summary{align-items:center;gap:8px;min-height:48px;font-size:13px;font-weight:600;list-style:none;display:flex}.diagram-review summary::-webkit-details-marker{display:none}.diagram-review-hint{color:var(--accent);margin-left:auto;font-size:12px;font-weight:400}.diagram-review>label{color:var(--text-2);gap:8px;font-size:12px;display:grid}.diagram-review textarea{resize:vertical;box-sizing:border-box;border:1px solid var(--border);background:var(--glass-bg-soft);width:100%;min-height:88px;max-height:140px;color:var(--text);font:inherit;border-radius:12px;padding:12px;line-height:1.6}.diagram-review>.diagram-confirm{align-items:center;gap:8px;min-height:32px;margin-top:12px;display:flex}.diagram-confirm input{width:18px;height:18px;accent-color:var(--accent)}.diagram-canvas .excalidraw,.diagram-canvas .excalidraw.theme--dark{--color-primary:var(--accent);--color-primary-darker:var(--accent);--color-primary-light:var(--accent-soft)}@media (width<=900px){.diagram-workspace-label{width:100%;margin:0}.diagram-canvas-actions{gap:8px;padding:10px 12px}.diagram-action-group{padding-right:8px}}@media (width<=600px){.diagram-workspace-label small{display:none}.diagram-canvas-actions{grid-template-columns:1fr auto;gap:8px;display:grid}.diagram-workspace-label{width:auto}.diagram-action-group{border:0;flex-wrap:wrap;grid-column:1/-1;padding:0}.diagram-action-group button{flex:1}.diagram-canvas-actions>button{grid-area:1/2}.diagram-canvas-actions button{min-height:40px;padding:8px 10px;font-size:12px}.diagram-review{max-height:30dvh;padding:0 12px 10px}.diagram-review textarea{font-size:16px}.diagram-live-status{padding:8px 12px;font-size:12px}}.diagram-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:24px;margin:28px 0 0;padding:0;list-style:none;display:grid}.diagram-list li{min-width:0}.diagram-card{border:1px solid var(--border);background:var(--glass-bg);height:100%;color:var(--text);border-radius:20px;flex-direction:column;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.diagram-card:hover{border-color:var(--accent);box-shadow:0 4px 20px var(--accent-soft)}.diagram-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.diagram-thumbnail{aspect-ratio:16/10;border-bottom:1px solid var(--border);box-sizing:border-box;background:#fff;place-items:center;padding:16px;display:grid;overflow:hidden}.diagram-thumbnail img{object-fit:contain;width:100%;height:100%;min-height:0;display:block}.diagram-thumbnail>span{color:#555;font-size:13px}.diagram-card-info{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex}.diagram-card-info h2{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:18px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.diagram-card-info>span{color:var(--text-3);margin-top:auto;font-size:13px}@media (width<=600px){.diagram-list{gap:16px;margin-top:20px}.diagram-card-info{padding:16px}}.diagram-library-tools{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;display:flex}.diagram-library-tools input,.diagram-library-tools select,.diagram-library-tools button,.diagram-item-menu button,.diagram-item-menu select{font:inherit;color:var(--text);background:var(--glass-bg);border:1px solid var(--border);border-radius:12px;max-width:100%;min-height:44px;padding:8px 12px}.diagram-library-tools input{flex:1;min-width:180px}.diagram-library-item{position:relative}.diagram-item-menu{z-index:2;color:var(--text);position:absolute;top:12px;right:12px}.diagram-item-menu summary{cursor:pointer;border:1px solid var(--border);background:var(--bg);border-radius:12px;place-items:center;width:44px;height:44px;font-weight:700;list-style:none;display:grid}.diagram-item-menu>div{background:var(--bg);border:1px solid var(--border);border-radius:16px;gap:8px;min-width:180px;padding:12px;display:grid;position:absolute;top:50px;right:0;box-shadow:0 8px 24px #0004}.diagram-select{z-index:2;background:var(--bg);border-radius:8px;padding:8px;position:absolute;top:16px;left:16px}.diagram-select input{width:20px;height:20px;accent-color:var(--accent)}.diagram-library-tools button:disabled,.diagram-item-menu button:disabled{opacity:.5}@media (width<=700px){.diagram-canvas:not(.is-fullscreen):not(:fullscreen){height:auto;min-height:0;max-height:none}.diagram-canvas:not(.is-fullscreen):not(:fullscreen) .diagram-canvas-surface{flex:none;width:100%;height:clamp(380px,65svh,640px);min-height:380px}.diagram-canvas.is-fullscreen,.diagram-canvas:fullscreen{height:100dvh;padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box;display:flex}.diagram-canvas.is-fullscreen .diagram-canvas-surface,.diagram-canvas:fullscreen .diagram-canvas-surface{flex:1 1 0;width:100%;min-height:160px}.diagram-canvas.is-fullscreen .diagram-canvas-actions,.diagram-canvas:fullscreen .diagram-canvas-actions{max-height:34dvh;overflow-y:auto}.diagram-canvas.is-fullscreen .diagram-live-status,.diagram-canvas:fullscreen .diagram-live-status{max-height:48px;overflow:auto}.diagram-canvas.is-fullscreen .diagram-review,.diagram-canvas:fullscreen .diagram-review{max-height:24dvh}.diagram-canvas-surface>.excalidraw{width:100%;height:100%}}@media (width<=700px) and (height<=450px){.diagram-canvas.is-fullscreen .diagram-canvas-actions,.diagram-canvas:fullscreen .diagram-canvas-actions{max-height:25dvh}.diagram-canvas.is-fullscreen .diagram-review,.diagram-canvas:fullscreen .diagram-review{max-height:48px}}.ask-diagram-preview .ask-diagram-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 0;display:flex}.ask-diagram-header .ask-diagram-title{min-width:0;margin:0}.ask-diagram-open-editor{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;min-height:44px;padding:8px;font-weight:600}.ask-diagram-open-editor:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.ask-diagram-open-editor:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ask-diagram-preview .ask-diagram-scene{min-height:0;padding:12px 20px}.ask-diagram-scene svg{width:100%;max-width:540px;margin:auto;display:block}.diagram-preview-card{fill:var(--bg,#080808);stroke:var(--border,#444);stroke-width:1.2px}.diagram-preview-card.is-answer{stroke:var(--accent);stroke-width:1.5px}.diagram-preview-label{fill:var(--text,#eee);font:12px sans-serif}.diagram-preview-edge{fill:none;stroke:var(--border,#555);stroke-width:2px}.diagram-preview-edge-label{fill:var(--text-3,#999);font:10px sans-serif}.ask-diagram-equivalent{color:var(--text-2);overflow-wrap:anywhere;margin:0 0 16px;padding:0 20px;line-height:1.7}.ask-diagram-preview>.ask-diagram-boundary{padding:0 20px 14px}.diagram-editor{max-width:1480px}.diagram-editor .diagram-canvas{height:auto;min-height:0}.diagram-editor-grid{flex:1;grid-template-columns:210px minmax(0,1fr) 280px;gap:16px;min-width:0;min-height:610px;padding:16px;display:grid}.diagram-options,.diagram-editor-grid>.diagram-review{border:1px solid var(--border);background:var(--glass-bg-soft);border-radius:16px;min-width:0;max-height:none;padding:16px;overflow:auto}.diagram-options label{gap:8px;display:grid}.diagram-options input{box-sizing:border-box;width:100%;min-width:0;min-height:44px;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:10px}.diagram-options p{color:var(--text-2);font-size:13px;line-height:1.6}.diagram-options .diagram-action-group{border:0;margin:16px 0;padding:0;display:grid}.diagram-options button{min-height:44px}.diagram-editor-grid>.diagram-canvas-surface{border:1px solid var(--border);border-radius:16px;min-height:580px;overflow:hidden}.diagram-editor-grid>.diagram-review summary{flex-wrap:wrap;padding:0 0 12px;line-height:1.5}.diagram-editor-grid>.diagram-review textarea{box-sizing:border-box;width:100%;min-height:340px;max-height:none;line-height:1.7}.diagram-editor .diagram-canvas.is-fullscreen{height:100dvh}.diagram-canvas.is-fullscreen .diagram-editor-grid{min-height:0;overflow:auto}.diagram-canvas.is-fullscreen .diagram-canvas-surface{min-height:320px}@media (width<=1000px){.diagram-editor-grid{grid-template-columns:1fr;gap:12px;min-height:0;padding:12px}.diagram-editor-grid>.diagram-review{order:0;max-height:320px}.diagram-editor-grid>.diagram-review textarea{min-height:160px}.diagram-editor-grid>.diagram-canvas-surface{order:1;height:60svh;min-height:440px}.diagram-editor-grid>.diagram-options{order:2}.diagram-editor .diagram-canvas:not(.is-fullscreen) .diagram-canvas-surface{height:60svh;min-height:440px}.diagram-options .diagram-action-group{flex-wrap:wrap;display:flex}.diagram-canvas.is-fullscreen .diagram-editor-grid>.diagram-review,.diagram-canvas.is-fullscreen .diagram-options{display:none}.diagram-canvas.is-fullscreen .diagram-editor-grid>.diagram-canvas-surface{height:100%;min-height:0}.ask-diagram-preview .ask-diagram-header{gap:4px;padding:14px 14px 0}.ask-diagram-preview .ask-diagram-scene{padding:10px 14px}.ask-diagram-equivalent{padding:0 14px}}.diagram-reference-list{gap:8px;margin:12px 0;padding:0;list-style:none;display:grid}.diagram-reference-list li{border:1px solid var(--border);overflow-wrap:anywhere;border-radius:12px;padding:12px;font-size:13px}.diagram-options button{border:1px solid var(--border);background:var(--glass-bg-soft);color:var(--text);font:inherit;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.diagram-options button svg{flex:none;width:18px;height:18px}.diagram-options button:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:var(--accent)}.diagram-options button:focus-visible,.diagram-options input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.diagram-options button:disabled{opacity:.5;cursor:default}body.diagram-page .diagram-editor{margin:16px auto 24px}body.diagram-page main.site-main{padding-bottom:24px}body.diagram-page footer.site{margin-bottom:12px;padding:12px 24px}.diagram-editor>header{justify-content:flex-start;align-items:flex-start}.diagram-editor>header h1{overflow-wrap:anywhere;flex:1;min-width:0;margin:4px 0;font-size:clamp(18px,2vw,26px);line-height:1.45}.diagram-editor>header button{flex-shrink:0;min-height:44px;margin:0}.diagram-editor-grid{box-sizing:border-box;grid-template-rows:minmax(0,1fr);height:clamp(580px,72dvh,820px);min-height:0}.diagram-editor-grid>.diagram-canvas-surface{height:100%;min-height:0;position:relative}.diagram-editor-grid>.diagram-review,.diagram-editor-grid>.diagram-options{box-sizing:border-box;max-height:100%}.diagram-summary-reading{color:var(--text-2);overflow-wrap:anywhere;font-size:14px;line-height:1.75}.diagram-summary-reading p{margin:12px 0}.diagram-summary-toggle{border:1px solid var(--border);background:var(--glass-bg-soft);min-height:44px;color:var(--accent);cursor:pointer;font:inherit;border-radius:10px;padding:8px 12px}.diagram-review label[hidden]{display:none}.diagram-summary-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.diagram-canvas.is-fullscreen .diagram-editor-grid{flex:1;height:auto;min-height:0}@media (width<=1100px){.diagram-editor-grid{grid-template-rows:auto;grid-template-columns:1fr;height:auto}.diagram-editor-grid>.diagram-review{order:0;max-height:300px}.diagram-editor-grid>.diagram-canvas-surface{order:1;height:clamp(440px,65svh,640px);min-height:440px}.diagram-editor-grid>.diagram-options{order:2;max-height:none}.diagram-editor>header{flex-direction:column;gap:8px}.diagram-canvas.is-fullscreen .diagram-editor-grid{flex-direction:column;display:flex}.diagram-canvas.is-fullscreen .diagram-editor-grid>.diagram-review,.diagram-canvas.is-fullscreen .diagram-options{display:none}.diagram-canvas.is-fullscreen .diagram-editor-grid>.diagram-canvas-surface{flex:1;height:auto;min-height:0}}@media (width<=720px){body.diagram-page main.site-main{padding-top:160px}}.diagram-reference-list li:has(a){padding:0}.diagram-reference-list a{box-sizing:border-box;min-height:44px;color:var(--text);overflow-wrap:anywhere;border-radius:12px;padding:12px;text-decoration:none;display:block}.diagram-reference-list a span{color:var(--accent);white-space:nowrap}.diagram-reference-list a:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.diagram-reference-list a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.diagram-canvas-actions .diagram-action-group{flex-wrap:wrap;gap:8px}.ask-diagram-preview .ask-diagram-scene>svg{width:100%;max-width:100%;height:auto;max-height:none;display:block}.ask-diagram-module{margin:var(--ask-module-gap,24px) 0;min-width:0}.ask-diagram-module>.ask-diagram-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin:0 0 12px;padding:0;display:flex}.ask-diagram-module>.ask-diagram-header .ask-label,.ask-diagram-module>.ask-diagram-preview{margin:0}.ask-diagram-dimensions{border-top:1px solid var(--border);gap:16px;margin:0;padding:20px;display:grid}.ask-diagram-dimensions>div{grid-template-columns:64px minmax(0,1fr);gap:16px;display:grid}.ask-diagram-dimensions dt{color:var(--text);font-weight:600;line-height:1.7}.ask-diagram-dimensions dd{color:var(--text-2);overflow-wrap:anywhere;margin:0;line-height:1.7}.ask-diagram-equivalent h3{font:inherit;color:var(--text);margin:0 0 12px;font-weight:600}.ask-diagram-equivalent ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ask-diagram-equivalent li{overflow-wrap:anywhere;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.ask-diagram-equivalent li strong{white-space:nowrap;color:var(--accent);font-size:13px;font-weight:500}.ask-diagram-equivalent:empty{display:none}.ask-diagram-details ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px;margin:16px 0;padding:0;list-style:none;display:grid}.ask-diagram-details li{overflow-wrap:anywhere;min-width:0;line-height:1.7}.ask-diagram-details li p{margin:8px 0 0}@media (width<=600px){.ask-diagram-dimensions{gap:16px;padding:16px}.ask-diagram-dimensions>div{grid-template-columns:1fr;gap:4px}.ask-diagram-equivalent{padding:0 16px}.ask-diagram-module>.ask-diagram-header{gap:4px 12px}}@media (width>=721px){body.diagram-page main.site-main{padding-top:80px}body.diagram-page .diagram-editor{margin-top:0}}@media (width<=1100px){.diagram-editor-grid>.diagram-review:not([open]){max-height:none;padding:12px 16px;overflow:visible}.diagram-editor-grid>.diagram-review:not([open]) summary{padding:0}.diagram-review summary:after{content:"⌄";margin-left:8px}.diagram-review[open] summary:after{content:"⌃"}}.diagram-reference-role{color:var(--accent);margin:0 12px 8px;font-size:12px;font-weight:600;display:block}.diagram-reference-list .diagram-reference-detail{color:var(--text-2);overflow-wrap:anywhere;margin:0;padding:0 12px 12px;font-size:13px;line-height:1.65}