.canvas-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.canvas-heading h2{font-size:22px;font-weight:550}.canvas-heading p{font-size:12px;color:var(--muted);margin-top:5px}.canvas-workbench{border:1px solid #ffffff20;border-radius:16px;overflow:hidden;background:#111}.canvas-toolbar{display:flex;align-items:center;gap:4px;padding:10px 12px;border-bottom:1px solid #ffffff12;background:#1a1a1a;flex-wrap:wrap}.canvas-toolbar button{padding:7px 11px;background:transparent;border-radius:7px;font-size:12px;min-height:34px}.canvas-toolbar button:hover:not(:disabled){background:#303030}.canvas-toolbar output{font-size:11px;color:#aaa;min-width:42px;text-align:center}.canvas-toolbar-spacer{flex:1}.canvas-toolbar .canvas-save{background:var(--accent);color:#111;font-weight:600}.canvas-toolbar .canvas-save:hover:not(:disabled){background:var(--accent-text)}.canvas-viewport{height:clamp(420px,62vh,780px);overflow:hidden;position:relative;background-color:#101010;background-image:radial-gradient(#ffffff1b 1px,transparent 1px);background-size:22px 22px;touch-action:none;cursor:grab;isolation:isolate}.canvas-viewport:focus-visible{outline-offset:-3px}.canvas-viewport.is-dragging{cursor:grabbing}.canvas-world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.canvas-connections{position:absolute;left:0;top:0;width:1px;height:1px;overflow:visible;pointer-events:none}.canvas-connections path{fill:none;stroke:#846679;stroke-width:2}.canvas-connections circle{fill:#ff6cc2}.canvas-node{position:absolute;left:0;top:0;width:244px;height:240px;border:1px solid #414141;border-radius:11px;background:#202020;box-shadow:0 8px 18px #0004;overflow:hidden}.canvas-node.is-selected{border-color:var(--accent-text);box-shadow:0 0 0 1px #ff6cc235,0 8px 18px #0004}.canvas-drag{display:flex;align-items:center;gap:9px;width:100%;height:37px;padding:7px 11px;background:#292929;text-align:left;cursor:grab;touch-action:none}.canvas-drag:focus-visible{outline-offset:-3px}.canvas-drag span{color:#a99aa4;font-size:11px}.canvas-drag strong{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.canvas-frame{height:119px;position:relative;display:grid;place-items:center;background:#161616;color:#767676;font-size:11px;overflow:hidden}.canvas-frame img{width:100%;height:100%;object-fit:cover;user-select:none}.canvas-frame small{position:absolute;right:8px;bottom:7px;background:#111c;color:#ddd;font-size:10px;border-radius:5px;padding:2px 5px}.canvas-description{font-size:11px;color:#c3c3c3;line-height:1.5;margin:9px 11px;height:32px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.canvas-node-footer{display:flex;gap:8px;align-items:center;padding:0 11px;font-size:9px}.canvas-node-footer>span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#969096}.canvas-node-footer button{flex-shrink:0;background:transparent;color:var(--accent-text);font-size:10px;padding:3px 0}.canvas-inspector{display:flex;gap:12px;align-items:center;padding:10px 13px;flex-wrap:wrap;background:#1a1a1a;border-top:1px solid #ffffff12;font-size:11px}.canvas-inspector label{display:flex;align-items:center;gap:6px;color:#aaa}.canvas-inspector select,.canvas-inspector input{background:#111;color:#ddd;border:1px solid #444;border-radius:5px;min-height:30px;padding:4px 6px;font-size:11px}.canvas-inspector select{width:170px}.canvas-inspector input{width:75px}.canvas-inspector [role=status]{margin-left:auto;color:#999;max-width:360px;overflow-wrap:anywhere}.canvas-inspector .canvas-warning{color:#ffc0e4}.canvas-help{font-size:11px;color:#999;line-height:1.9;margin-top:12px}.canvas-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center;padding:25px}.canvas-empty>span{font-size:36px;color:#555}.canvas-empty h3{font-size:16px;font-weight:500;margin-top:15px}.canvas-empty p{font-size:12px;color:#999;margin-top:8px}.workspace-tabs{overflow-x:auto;scrollbar-width:thin}.workspace-tabs>button{white-space:nowrap;flex-shrink:0}
@media(max-width:600px){.canvas-heading h2{font-size:18px}.canvas-heading p{font-size:11px}.canvas-heading .secondary{font-size:11px;padding:8px 12px}.workspace-panel:has(.canvas-workbench){padding:20px 12px}.canvas-toolbar{gap:2px;padding:7px}.canvas-toolbar button{font-size:11px;padding:7px 9px;min-height:36px}.canvas-toolbar-spacer{display:none}.canvas-toolbar .canvas-save{margin-left:auto}.canvas-viewport{height:460px}.canvas-inspector{gap:8px}.canvas-inspector label:first-child{width:100%}.canvas-inspector select{flex:1}.canvas-inspector [role=status]{width:100%;margin:0}.canvas-help{font-size:10px}.canvas-heading{align-items:flex-start}.canvas-node-footer button{padding:5px 0}}
.canvas-selection-tools{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:8px 12px;border-bottom:1px solid #ffffff12;background:#171717}
.canvas-selection-tools>[role=status]{font-size:11px;color:#bfb1bb;margin-right:8px;min-width:75px}.canvas-selection-tools button{font-size:11px;min-height:34px;padding:6px 9px;border-radius:6px;background:transparent}
.canvas-selection-tools button:hover:not(:disabled){background:#303030}.canvas-selection-tools [aria-pressed=true]{background:#442d3b;color:#ffd5ec}
.canvas-selection-tools [data-canvas=copy-selection],[data-canvas-copy-reload]{min-height:44px}
[data-canvas-copy-review]{overflow-wrap:anywhere}
.canvas-viewport.is-selecting{cursor:crosshair}.canvas-viewport.is-selecting.is-dragging{cursor:crosshair}.canvas-marquee{position:absolute;pointer-events:none;border:1px solid #ff6cc2;background:#ff6cc220;z-index:2}.canvas-marquee[hidden]{display:none}
.canvas-node-footer .canvas-select-node{display:grid;place-items:center;width:25px;min-height:25px;padding:0;border:1px solid #666;border-radius:5px;background:#161616;color:transparent;font-size:14px;flex-shrink:0}
.canvas-node-footer .canvas-select-node[aria-pressed=true]{color:#161616;background:var(--accent-text);border-color:var(--accent-text)}
@media(max-width:600px){.canvas-selection-tools{gap:2px;padding:7px}.canvas-selection-tools button{padding:7px 8px;min-height:36px}.canvas-selection-tools>[role=status]{flex-basis:100%;padding:3px 6px}.canvas-node-footer .canvas-select-node{min-height:28px;width:28px}}

.canvas-asset{border-color:#747fbf}.canvas-asset .canvas-drag>span:first-child{font-size:10px;color:#bdc8ff}.canvas-asset .canvas-node-footer{justify-content:space-between;gap:6px}.canvas-asset-symbol{font-size:30px;letter-spacing:2px;color:#aeb9e8}.canvas-picker-search{display:grid;gap:7px;font-size:12px}.canvas-picker-search input{width:100%;min-width:0}.canvas-asset-picker{display:grid;gap:8px;max-height:360px;overflow:auto;margin-top:12px}.canvas-picker-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #ffffff24;border-radius:10px;cursor:pointer}.canvas-picker-item[hidden]{display:none}.canvas-picker-item:has(input:checked){border-color:var(--accent-text);background:#ff1eb40d}.canvas-picker-item input{flex:0 0 18px;width:18px;height:18px;accent-color:var(--accent-text)}.canvas-picker-thumb{display:grid;place-items:center;flex:0 0 54px;height:44px;border-radius:5px;overflow:hidden;background:#252830;font-size:11px}.canvas-picker-thumb img{width:100%;height:100%;object-fit:cover}.canvas-picker-item>span:last-child{display:grid;gap:4px;min-width:0}.canvas-picker-item strong,.canvas-picker-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-picker-item small{color:var(--muted);font-size:11px}.canvas-picker-item:has(input:disabled){opacity:.55}[data-canvas-picked]{margin-top:12px;color:var(--muted);font-size:12px}

.canvas-node.is-selected{z-index:2}.canvas-node.is-primary{z-index:3}.canvas-marquee{z-index:4}
.canvas-link-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid #ffffff12;background:#19161a;font-size:11px;line-height:1.6}
.canvas-link-tools>[role=status]{flex:1 1 260px;min-width:0;color:#cbb7c4;overflow-wrap:anywhere}.canvas-link-tools select{max-width:260px;min-width:0;background:#111;color:#eee;border:1px solid #555;border-radius:6px;padding:7px}.canvas-link-tools button{font-size:11px;min-height:34px;padding:7px 10px;border-radius:6px;background:#392b35;color:#ffd4ee}.canvas-link-tools [hidden]{display:none}
.canvas-link-port{position:absolute;top:80px;z-index:4;width:32px;height:32px;min-height:32px;padding:0;display:grid;place-items:center;border-radius:50%;border:1px solid #df99c5;background:#30202c;color:#ffc8e8;cursor:crosshair;touch-action:none;font-size:18px;box-shadow:0 2px 8px #0008}
.canvas-link-out{right:1px}.canvas-link-in{left:1px;visibility:hidden}.canvas-link-port[aria-pressed=true]{background:#ffd4ee;color:#291923;border-color:#fff}.canvas-link-port:focus-visible{outline:2px solid #fff;outline-offset:-4px}.canvas-link-port:disabled{cursor:default;opacity:.35}
.canvas-viewport.is-connecting{cursor:crosshair}.is-connecting .canvas-link-in{visibility:visible}.canvas-node.is-link-target{border-color:#fff;box-shadow:0 0 0 2px #ff9bd7,0 8px 18px #0004}.canvas-node.is-link-target .canvas-link-in{background:#ffb6e2;color:#241520}
.canvas-connections .canvas-link-preview{stroke:#ffc0e5;stroke-width:3;stroke-dasharray:7 4}
@media(max-width:600px){.canvas-link-tools{padding:9px}.canvas-link-tools select{max-width:100%;flex:1 1 100%;min-height:44px}.canvas-link-tools button{min-height:44px}}

.canvas-connections .canvas-reference-edge{stroke:#afbeff;stroke-dasharray:7 5;stroke-width:2;opacity:.85}.canvas-reference-summary{border-top:1px solid #ffffff20;padding:12px 14px;color:var(--muted);font-size:11px}.canvas-reference-summary>div{display:flex;flex-wrap:wrap;gap:6px;max-height:140px;overflow:auto;margin:8px 0}.canvas-reference-summary button{font-size:11px;text-align:left;padding:6px 9px;max-width:100%;overflow-wrap:anywhere;border:1px solid #ffffff28;border-radius:6px;background:#242632;color:#c8d2ff}.canvas-reference-summary button:disabled{color:var(--muted);opacity:.7}.canvas-toolbar button[aria-pressed=true]{color:#c8d2ff;background:#303747}.canvas-asset .canvas-node-footer{gap:4px}.canvas-asset .canvas-node-footer button{font-size:11px}.shot-link-picker{display:grid;gap:6px;max-height:240px;overflow:auto;margin:10px 0 16px}.shot-link-choice{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid #ffffff24;border-radius:8px}.shot-link-choice[hidden]{display:none}.shot-link-choice input,.shot-link-confirm input{width:18px;height:18px;flex:0 0 18px;accent-color:var(--accent-text)}.shot-link-choice>span{display:grid;gap:4px;min-width:0}.shot-link-choice strong,.shot-link-choice small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shot-link-choice small{font-size:11px;color:var(--muted)}.shot-link-choice:has(input:checked){border-color:var(--accent-text)}.shot-link-preview{display:grid;gap:8px;max-height:260px;overflow:auto}.shot-link-preview section{background:#252525;padding:10px;border-radius:8px;overflow-wrap:anywhere}.shot-link-preview p{margin:6px 0;font-size:12px}.shot-link-preview small{color:var(--muted)}.shot-link-confirm{display:flex;align-items:center;gap:10px;margin-top:16px;line-height:1.5}.shot-link-confirm input{margin:0}
/* Keep the inspector in the same working surface; narrow canvases stack naturally. */
.canvas-workbench{container-type:inline-size}
.canvas-stage{display:grid;grid-template-columns:minmax(0,1fr);min-width:0}
.canvas-details{min-width:0;background:#19171b;border-top:1px solid #ffffff20;overflow-wrap:anywhere}
.canvas-detail-top{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:14px 16px;border-bottom:1px solid #ffffff14;font-size:12px;color:#f0e5ed}
.canvas-detail-top>span{font-size:10px;color:#aa9ea7}
.canvas-detail-top button{margin-left:auto;background:transparent;color:#ffc1e6;font-size:11px;min-height:36px;padding:5px 8px}
.canvas-detail-top [hidden]{display:none}
[data-canvas-detail]{padding:16px}
.canvas-detail-heading{display:grid;gap:8px;margin-bottom:16px}
.canvas-detail-heading>span{font-size:10px;letter-spacing:.06em;color:#dcb0cd}
.canvas-detail-heading h3{font-size:19px;font-weight:600;line-height:1.5;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.canvas-detail-heading small{font-size:11px;color:#afa3ad}
.canvas-detail-copy{margin:16px 0}
.canvas-detail-copy h4,.canvas-detail-relations h4{font-size:11px;font-weight:500;color:#c4b4c0;margin:0 0 9px}
.canvas-detail-copy p{font-size:12px;line-height:1.85;color:#ddd4db;white-space:pre-wrap;margin:0}
.canvas-detail-image{display:block;width:100%;padding:0;background:#111;border:1px solid #ffffff14;border-radius:9px;overflow:hidden;text-align:right}
.canvas-detail-image img{display:block;object-fit:contain;width:100%;max-height:210px;aspect-ratio:16/9}
.canvas-detail-image span{display:block;padding:8px 10px;font-size:11px;color:#e6b8d4}
.canvas-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.canvas-detail-actions button{font-size:11px;padding:9px 10px;background:#34262f;color:#ffd4ed;border:1px solid #68435b;border-radius:7px;min-height:40px}
.canvas-detail-actions button:disabled{opacity:.45}
.canvas-detail-relations{border-top:1px solid #ffffff18;padding-top:16px}
.canvas-detail-relations h4 span{font-size:10px;padding:2px 5px;background:#ffffff10;border-radius:4px;margin-left:5px}
.canvas-detail-relations>button{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;gap:5px 10px;text-align:left;background:#242127;border:1px solid #ffffff12;border-radius:7px;padding:10px;margin:7px 0;min-height:44px}
.canvas-detail-relations>button:hover{border-color:#a37d97;background:#30262e}
.canvas-detail-relations button span{font-size:10px;color:#b6a5b1;grid-column:1/-1}
.canvas-detail-relations button strong{font-size:12px;font-weight:500;color:#f0e4ed;overflow-wrap:anywhere}
.canvas-detail-relations button small{font-size:10px;color:#c3a1b7;align-self:center}
.canvas-detail-relations>p,.canvas-detail-empty p{font-size:12px;color:#a89aa4;line-height:1.8}
.canvas-detail-empty{padding:24px 0}.canvas-detail-empty>span{font-size:24px;color:#d2a2c0}.canvas-detail-empty h3{font-size:16px;line-height:1.6;margin:12px 0}
.canvas-detail-lock:empty{display:none}.canvas-detail-lock{font-size:11px;line-height:1.7;padding:10px 16px;color:#ffd1e9;background:#432735;margin:0}
.canvas-details .clip-player{max-width:100%;min-width:0}.canvas-details .clip-stage{height:auto;min-height:150px;aspect-ratio:16/9;max-height:220px}.canvas-details .clip-stage video{width:100%;height:100%;object-fit:contain}.canvas-details .clip-player h3{display:none}.canvas-details .clip-notes{white-space:pre-wrap;font-size:12px;line-height:1.8}.canvas-details .clip-controls{flex-wrap:wrap;gap:8px}.canvas-details .clip-seek{min-width:100px;flex:1 1 100%}.canvas-details .clip-status,.canvas-details .clip-player .fine-print{font-size:11px;line-height:1.7}
.canvas-node>.canvas-frame{width:100%;border:0;border-radius:0;padding:0;cursor:pointer}
.canvas-node>.canvas-frame:hover{background:#282029}
.canvas-reference-summary[hidden]{display:none}
@container(min-width:900px){.canvas-stage{grid-template-columns:minmax(0,1fr) 290px}.canvas-details{border-top:0;border-left:1px solid #ffffff20;max-height:clamp(420px,62vh,780px);overflow-y:auto;scrollbar-width:thin}}
@container(max-width:899px){.canvas-detail-actions button,.canvas-detail-top button{min-height:44px}.canvas-details .clip-stage{max-width:440px}.canvas-detail-image img{max-height:260px}}
.canvas-group-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid #ffffff14;background:#181b20;font-size:11px}
.canvas-group-tools label{display:flex;align-items:center;gap:8px;color:#c2cbd9;min-width:0}.canvas-group-tools select{background:#10151d;color:#e0e9f7;border:1px solid #42536a;border-radius:6px;max-width:260px;min-width:0;padding:7px;font-size:11px;min-height:36px}
.canvas-group-tools>button{background:#273140;color:#d0def0;font-size:11px;border:1px solid #42536a;border-radius:6px;padding:7px 10px;min-height:36px}.canvas-group-tools>[role=status]{color:#9caabe;margin-left:auto;overflow-wrap:anywhere}
.canvas-group-outline{position:absolute;left:0;top:0;pointer-events:none;border:1px dashed #718bac70;border-radius:14px;background:#4b6b9610}.canvas-group-outline.is-selected{border-color:#b6d1f6;background:#527caf16}.canvas-group-outline[hidden]{display:none}.canvas-group-outline>button{position:absolute;top:5px;left:12px;max-width:calc(100% - 24px);pointer-events:auto;font-size:12px;font-weight:500;line-height:1.5;padding:4px 9px;background:#253348;color:#d3e5ff;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.canvas-group-choices{display:grid;gap:7px;max-height:320px;overflow:auto;margin:14px 0}.canvas-group-choices>label{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #ffffff22;border-radius:8px;min-height:44px}.canvas-group-choices input{width:18px;height:18px;flex:0 0 18px;accent-color:var(--accent-text)}.canvas-group-choices label:has(input:checked){border-color:#b6c8e6;background:#233044}.canvas-group-choices span{display:grid;gap:5px;min-width:0;overflow-wrap:anywhere}.canvas-group-choices strong{font-size:12px;font-weight:500}.canvas-group-choices small,[data-group-count]{font-size:11px;color:var(--muted)}
@media(max-width:600px){.canvas-group-tools label{flex:1 1 100%}.canvas-group-tools select{flex:1;max-width:none;min-height:44px}.canvas-group-tools>button{min-height:44px}.canvas-group-tools>[role=status]{margin:0;width:100%}}

/* SVG hit area has an equivalent keyboard/touch action in the detail sidebar. */
.canvas-connections .canvas-reference-hit{stroke:transparent;stroke-width:20;fill:none;pointer-events:stroke;cursor:pointer}
.canvas-connections .canvas-reference-edge{pointer-events:none}
.canvas-reference-hit:hover+.canvas-reference-edge{stroke:#f4b6dc;stroke-width:4;opacity:1}
.canvas-detail-relations>button.canvas-reference-edit{display:block;min-height:44px;margin-top:-5px;text-align:center;color:#f1cbe6;font-size:12px;background:#342933}
.canvas-reference-handles{position:absolute;inset:0;pointer-events:none;z-index:7}
.canvas-reference-handle{position:absolute;left:0;top:0;width:44px;min-height:44px;padding:3px 0;display:grid;gap:1px;place-items:center;border:1px solid #ad9acf;border-radius:9px;background:#30243d;color:#f2d9ff;pointer-events:auto;touch-action:none;cursor:grab}
.canvas-reference-handle>span{font-size:16px;line-height:18px}.canvas-reference-handle>small{font-size:8px;line-height:12px;white-space:nowrap}.canvas-reference-handle:focus-visible{outline:3px solid #f3cffc;outline-offset:3px}.canvas-reference-handle:disabled{opacity:.45;cursor:default}

/* Navigation changes the camera only; overview coordinates use SVG attributes. */
.canvas-selection-tools button[data-canvas="copy-clipboard"],.canvas-selection-tools button[data-canvas="paste-clipboard"],[data-canvas-clipboard-write],[data-canvas-clipboard-review],[data-canvas-clipboard-read]{min-height:44px}
[data-canvas-clipboard-copy],[data-canvas-clipboard-input]{width:100%;max-width:100%;overflow-wrap:anywhere;font-family:inherit}
.canvas-navigation{background:#17171d;border-bottom:1px solid #ffffff20;color:#e8e1ec}
.canvas-navigation>summary{display:flex;gap:12px;align-items:center;cursor:pointer;min-height:44px;padding:10px 14px;font-size:12px;list-style:none}.canvas-navigation>summary::before{content:'▸';color:#d7b4e9}.canvas-navigation[open]>summary::before{content:'▾'}.canvas-navigation>summary>span{margin-left:auto;font-size:11px;color:#aa9bb1}
.canvas-navigation-body{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;padding:0 14px 14px}.canvas-search{min-width:0}.canvas-search-fields{display:flex;gap:10px}.canvas-search-fields label{display:grid;gap:6px;font-size:11px;min-width:0}.canvas-search-fields label:first-child{flex:1}.canvas-search-fields input,.canvas-search-fields select{min-width:0;width:100%;min-height:44px;border:1px solid #4a4053;border-radius:7px;background:#111015;color:#eee3f7;padding:8px;font-size:12px}
[data-canvas-search-status]{font-size:11px;color:#bfaed0;line-height:1.6;margin:10px 0}[data-canvas-search-results]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:240px;overflow:auto;scrollbar-width:thin}[data-canvas-search-results]>button{display:grid;text-align:left;gap:4px;border:1px solid #39303e;border-radius:7px;background:#211d26;min-width:0;min-height:56px;padding:9px;color:#eee3f7}[data-canvas-search-results]>button[aria-pressed=true]{border-color:#d8b9f0;background:#382c43}[data-canvas-search-results] span,[data-canvas-search-results] small{font-size:10px;color:#bfaeca}[data-canvas-search-results] strong{font-size:12px;font-weight:500}[data-canvas-search-results] strong,[data-canvas-search-results] small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.canvas-search-pages{display:flex;gap:8px;margin-top:10px}.canvas-search-pages button{min-height:44px;padding:8px 12px;font-size:11px;background:#302735;color:#e3cbed;border:1px solid #5a4665;border-radius:6px}
.canvas-overview{min-width:0}.canvas-overview>button{display:block;width:240px;max-width:100%;aspect-ratio:12/7;padding:0;border:0;box-shadow:0 0 0 1px #5f4c6b;border-radius:8px;overflow:hidden;background:#0e1017;touch-action:none;cursor:crosshair}.canvas-overview svg{display:block;width:100%;height:100%;pointer-events:none}.canvas-overview rect{fill:#655974;stroke:none}.canvas-overview rect.is-selected{fill:#e8befb}.canvas-overview rect.overview-viewport{fill:#fff1;stroke:#fcdefe;stroke-width:1.5;vector-effect:non-scaling-stroke}.canvas-overview p{font-size:11px;line-height:1.8;color:#bfaeca;margin:10px 0 0}.canvas-navigation button:focus-visible,.canvas-navigation summary:focus-visible{outline:2px solid #f2d2ff;outline-offset:3px}.canvas-navigation button:disabled{opacity:.4;cursor:default}
@container(max-width:700px){.canvas-navigation-body{grid-template-columns:minmax(0,1fr);gap:16px}.canvas-overview>button{width:min(100%,320px)}.canvas-search-fields{flex-wrap:wrap}.canvas-search-fields label:first-child{flex-basis:100%}[data-canvas-search-results]{grid-template-columns:minmax(0,1fr)}}