.cq-live{position:relative;container-type:inline-size;margin-bottom:1.5rem;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised)}.cq-live [data-cq=canvas]{--lv-ground: var(--paper);--lv-ink: var(--ink);--lv-fine: var(--ink-3);--lv-amber: var(--accent);--lv-amber-text: var(--accent-text);--lv-blue: #2f6db5;--lv-timber: color-mix(in srgb, #a0703a 42%, var(--lv-ground));--lv-timber-cut: color-mix(in srgb, #a0703a 62%, var(--lv-ground));--lv-deck: color-mix(in srgb, #b07d45 48%, var(--lv-ground));--lv-brick: color-mix(in srgb, #b4532a 58%, var(--lv-ground));--lv-block: color-mix(in srgb, #7d8791 46%, var(--lv-ground));--lv-mortar: color-mix(in srgb, #9aa6b2 20%, var(--lv-ground));--lv-joint: color-mix(in srgb, var(--lv-ink) 55%, var(--lv-ground));--lv-tile: color-mix(in srgb, #a0523d 62%, var(--lv-ground));--lv-slate: color-mix(in srgb, #3d4a57 64%, var(--lv-ground));--lv-conc: color-mix(in srgb, #9aa6b2 40%, var(--lv-ground));--lv-earth: color-mix(in srgb, #8b5a2b 16%, var(--lv-ground))}:root[data-scheme=dark] .cq-live [data-cq=canvas],.cq-live [data-cq=canvas][data-paper=blueprint]{--lv-blue: #8fb8e8;--lv-amber-text: #fbbf24}.cq-live__svg{display:block;width:100%;height:auto;overflow:visible}.cq-live .lv-k,.cq-live .lv-e,.cq-live .lv-f,.cq-live .lv-h,.cq-live .lv-a,.cq-live .lv-ak,.cq-live .lv-b{fill:none;stroke-linecap:round;stroke-linejoin:round}.cq-live .lv-k{stroke:var(--lv-ink);stroke-width:1.5}.cq-live .lv-e{stroke:var(--lv-ink);stroke-width:.9;stroke-opacity:.9}.cq-live .lv-f{stroke:var(--lv-fine);stroke-width:.7;stroke-opacity:.6}.cq-live .lv-h{stroke:var(--lv-fine);stroke-width:.9;stroke-dasharray:3.5 2.5}.cq-live .lv-a{stroke:var(--lv-amber);stroke-width:1}.cq-live .lv-ak{stroke:var(--lv-amber);stroke-width:1.9}.cq-live .lv-b{stroke:var(--lv-blue);stroke-width:1.3}.cq-live .lv-paper{fill:var(--lv-ground)}.cq-live .lv-timber{fill:var(--lv-timber)}.cq-live .lv-timber-cut{fill:var(--lv-timber-cut)}.cq-live .lv-deck{fill:var(--lv-deck)}.cq-live .lv-brick{fill:var(--lv-brick)}.cq-live .lv-block{fill:var(--lv-block)}.cq-live .lv-mortar{fill:var(--lv-mortar)}.cq-live .lv-joint-dry{fill:var(--lv-joint)}.cq-live .lv-tile{fill:var(--lv-tile)}.cq-live .lv-slate{fill:var(--lv-slate)}.cq-live .lv-conc{fill:var(--lv-conc)}.cq-live .lv-bond-tint{fill:var(--lv-conc);fill-opacity:.62}.cq-live .lv-joint-seal{fill:var(--lv-ground);stroke:var(--lv-ink);stroke-width:.7}.cq-live .lv-baffle{fill:var(--lv-amber);fill-opacity:.3}.cq-live .lv-water{fill:var(--lv-blue);fill-opacity:.32}.cq-live .lv-glass{fill:var(--lv-blue);fill-opacity:.16}.cq-live .lv-earth{fill:var(--lv-earth)}.cq-live .lv-hatch{fill:none;stroke:var(--lv-fine);stroke-width:.6;stroke-opacity:.5}.cq-live .lv-hatch--dot{stroke-width:1.2;stroke-linecap:round}.cq-live .lv-ink-fill{fill:var(--lv-ink)}.cq-live .lv-deck-2{fill:color-mix(in srgb,var(--lv-deck) 86%,var(--lv-ink))}.cq-live .lv-f--dark{stroke:var(--lv-ink);stroke-opacity:.45}.cq-live .lv-rim{fill:none;stroke:var(--lv-timber-cut)}.cq-live .lv-beam{fill:none;stroke:var(--lv-timber);stroke-linejoin:miter}.cq-live .lv-unit-shade{fill:none;stroke:var(--lv-ink);stroke-width:.7;stroke-opacity:.28}.cq-live .lv-far{opacity:.5}.cq-live .lv-paper-stroke{fill:none;stroke:var(--lv-ground);stroke-width:3}.cq-live .lv-t{font-size:12.5px;font-weight:600;fill:var(--lv-ink);stroke:var(--lv-ground);stroke-width:3.5px;stroke-linejoin:round;paint-order:stroke;dominant-baseline:central}.cq-live .lv-tm{fill:var(--lv-amber-text)}.cq-live .lv-tn{font-weight:500;fill:var(--lv-fine)}.cq-live .lv-ts{font-size:10.5px;font-weight:500;fill:var(--lv-fine)}.cq-live .lv-td{font-size:11px}@container (max-width: 400px){.cq-live .lv-t{font-size:15px}.cq-live .lv-ts,.cq-live .lv-td{font-size:13px}}.cq-live__caption{display:flex;align-items:center;gap:12px;height:calc(2.9em + 19px);padding:9px 10px 9px 14px;border-top:1px solid var(--border);font-size:12px;line-height:1.45;color:var(--muted-foreground)}.cq-live__note{flex:1 1 auto;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.cq-live__get{display:flex;flex:none;gap:6px}.cq-live__save{min-width:44px;height:28px;padding:0 8px;border:1px solid var(--border);border-radius:var(--radius-sm, 6px);background:var(--surface);color:var(--foreground);font:600 11px/1 var(--font-mono, ui-monospace, monospace);letter-spacing:.06em;cursor:pointer}.cq-live__save:hover{border-color:var(--accent)}.cq-live__save:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media print{.cq-live__get{display:none}}.cq-live [data-lv-text]:before{content:attr(data-lv-text)}@media(prefers-reduced-motion:no-preference){.cq-live:not([data-motion]) .lv-d{stroke-dasharray:1;stroke-dashoffset:1;animation:lv-draw 1.2s cubic-bezier(.35,.6,.2,1) forwards}.cq-live:not([data-motion]) .lv-z{opacity:0;animation:lv-fade .7s .3s ease-out forwards}.cq-live:not([data-motion]) .lv-dims{opacity:0;animation:lv-fade .5s 1s ease-out forwards}.cq-live[data-motion] .lv-m{transition:transform .42s var(--ease-out),opacity .38s ease-out}@starting-style{.cq-live[data-motion] .lv-m{opacity:0}}}@keyframes lv-draw{to{stroke-dashoffset:0}}@keyframes lv-fade{to{opacity:1}}