html,body{background:var(--paper-2);overflow:hidden}.app{grid-template-columns:minmax(0, 1fr) var(--panel-w);grid-template-rows:var(--masthead-h) minmax(0, 1fr) var(--toolbar-h) auto;grid-template-areas:"head panel""stage panel""tools panel""status panel";height:100vh;display:grid}.masthead{justify-content:center;gap:var(--s-4);padding:0 var(--s-24);flex-direction:column;grid-area:head;display:flex}.masthead .name{align-self:flex-start}.toolbar{justify-content:space-between;align-items:center;gap:var(--s-24);padding:0 var(--s-24);grid-area:tools;min-width:0;display:flex}.toolbar .actions{gap:var(--s-24);align-items:center}.status{align-items:flex-start;gap:var(--s-64);padding:var(--s-12) var(--s-24) var(--s-24);min-width:0;color:var(--ink-2);white-space:nowrap;grid-area:status;display:flex;overflow:hidden}.status .col{flex-direction:column;align-items:flex-start;display:flex}.status .col[hidden]{display:none}.status .hi{color:var(--ink)}.status .inline{gap:var(--s-8);display:flex}.status .msg{min-width:0;overflow:hidden}.status .action.hi:disabled{color:var(--ink)}.status a{color:inherit;text-decoration:none}.status a:focus-visible{outline:1px solid var(--signal);outline-offset:3px}#st-msg{text-overflow:ellipsis;overflow:hidden}#st-msg.busy{color:var(--signal)}#st-msg.error{color:var(--signal);text-transform:none;letter-spacing:0;white-space:normal}.stage{min-height:0;padding:var(--s-32);grid-area:stage;justify-content:center;align-items:center;display:flex;position:relative}.stage canvas{cursor:grab;touch-action:none;display:block}.stage canvas:active{cursor:grabbing}.stage.no-image canvas{display:none}.stage .empty{gap:var(--s-24);position:absolute}.stage:not(.no-image) .empty{display:none}.stage.no-image~.toolbar .actions{visibility:hidden}.stage.drop{outline:1px solid var(--signal);outline-offset:calc(var(--s-16) * -1)}.midimap{z-index:2;padding:var(--s-24);background:var(--paper-2);position:absolute;inset:0;overflow:auto;container-type:inline-size}.midimap-head{align-items:baseline;gap:var(--s-16);margin-bottom:var(--s-24);color:var(--ink-2);display:flex}.midimap-head .hi{color:var(--ink);font-weight:600}.midimap-head .action{margin-left:auto}.midimap-grid{column-gap:var(--s-16);grid-template-columns:auto repeat(8,minmax(0,1fr));display:grid}.midimap-grid>*{grid-column:calc(var(--c) + 1);grid-row:calc(var(--r) + 1)}.midimap-col,.midimap-row{color:var(--ink-2);padding:var(--s-8) 0}.midimap-row{border-top:1px solid var(--line);padding-right:var(--s-8)}@container (width<=1100px){.midimap-grid{grid-template-columns:auto repeat(2,minmax(0,1fr));max-width:720px}.midimap-grid>*{grid-column:calc(var(--r) + 1);grid-row:calc(var(--c) + 1)}.midimap-col{border-top:1px solid var(--line);padding-right:var(--s-8)}.midimap-row{border-top:0}.midimap-cell{padding-bottom:var(--s-16)}}.midimap-cell{border-top:1px solid var(--line);padding:var(--s-8) 0 var(--s-24);min-width:0}.midimap-macro,.midimap-target{align-items:baseline;column-gap:var(--s-8);flex-wrap:wrap;display:flex}.midimap-macro{margin-bottom:var(--s-4)}.midimap-macro .name{font-weight:600}.midimap-macro.empty .name{color:var(--ink-2);font-weight:400}.midimap-target .label,.midimap-target .range{color:var(--ink-2)}.midimap-cell .value{color:var(--ink-2);font-size:var(--t-s);line-height:var(--t-s-lh);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto}.midimap-cell .captured .value{color:var(--ink)}.panel{border-left:1px solid var(--line);grid-area:panel;overflow-y:auto}@media (max-width:1280px){.toolbar .actions{gap:var(--s-16);font-size:var(--t-m);line-height:var(--t-m-lh)}}.panel .section+.section{margin-top:var(--section-gap);border-top:1px solid var(--line)}