.hd-segmented[data-v-57bff7ee]{box-sizing:border-box;border-radius:var(--hd-radius-pill);background:var(--hd-track);gap:2px;min-width:0;max-width:100%;padding:3px;display:flex}.item[data-v-57bff7ee]{all:unset;box-sizing:border-box;text-overflow:ellipsis;border-radius:var(--hd-radius-pill);min-width:0;font:500 var(--hd-text-xs) var(--hd-font-ui);text-align:center;color:var(--hd-text-muted);cursor:pointer;white-space:nowrap;transition:background-color var(--hd-motion-fast) var(--hd-ease-out), color var(--hd-motion-fast) var(--hd-ease-out);flex:1 1 0;padding:6px 10px;overflow:hidden}.item.with-icon[data-v-57bff7ee]{justify-content:center;align-items:center;gap:6px;display:inline-flex}.item[data-v-57bff7ee]:hover{color:var(--hd-text)}.item[data-state=on][data-v-57bff7ee]{background:var(--hd-surface-raised);color:var(--hd-text);box-shadow:0 1px 3px #00000040}.item[data-v-57bff7ee]:focus-visible{outline:2px solid var(--hd-focus);outline-offset:1px}.live-example[data-v-f7825d91]{border:1px solid var(--hd-border);border-radius:var(--hd-radius-lg);background:color-mix(in oklab, var(--hd-canvas), var(--hd-surface) 40%);grid-template-columns:minmax(0,1fr);margin:0 0 1.6em;display:grid;overflow:hidden}.stage[data-v-f7825d91]{border-bottom:1px solid var(--hd-border);min-width:0;position:relative}.ground[data-v-f7825d91]{min-height:260px;display:grid}.canvas[data-v-f7825d91]{padding:var(--hd-space-8) var(--hd-space-6) 64px;place-items:center;display:grid;overflow:hidden}.tile[data-v-f7825d91]{max-width:100%;display:grid}.tile[data-v-f7825d91]>*{min-height:0}.waiting[data-v-f7825d91]{border-radius:var(--hd-radius-lg);border:var(--hd-border-width) solid var(--hd-border);background:var(--hd-surface-fill);opacity:.6}.controls[data-v-f7825d91]{inset:auto var(--hd-space-3) var(--hd-space-3);justify-content:space-between;align-items:center;gap:var(--hd-space-2);pointer-events:none;flex-wrap:wrap;display:flex;position:absolute}.controls[data-v-f7825d91]>*{pointer-events:auto}.theme[data-v-f7825d91]{height:30px;padding:0 var(--hd-space-2);border:1px solid var(--hd-border);border-radius:var(--hd-radius-sm);background:var(--hd-surface-fill);color:var(--hd-text);font:var(--hd-text-xs) var(--hd-font-ui)}.code[data-v-f7825d91]{grid-template-rows:auto minmax(0,1fr) auto;min-width:0;display:grid}.bar[data-v-f7825d91]{align-items:center;gap:var(--hd-space-3);padding:var(--hd-space-2) var(--hd-space-3);border-bottom:1px solid var(--hd-border);display:flex}.title[data-v-f7825d91]{font:500 var(--hd-text-xs) var(--hd-font-mono);color:var(--hd-text-muted)}.spacer[data-v-f7825d91]{flex:1}.action[data-v-f7825d91]{height:28px;padding:0 var(--hd-space-3);border:1px solid var(--hd-border);border-radius:var(--hd-radius-sm);color:var(--hd-text-muted);font:500 var(--hd-text-xs) var(--hd-font-ui);cursor:pointer;background:0 0;align-items:center;gap:5px;display:inline-flex}.action[data-v-f7825d91]:hover{color:var(--hd-text)}.edit[data-v-f7825d91]{border-color:color-mix(in oklab, var(--hd-accent) 50%, var(--hd-border));color:var(--hd-accent)}.read[data-v-f7825d91],.editor[data-v-f7825d91]{border:0;border-radius:0;min-height:160px;max-height:420px;overflow:auto}.problems[data-v-f7825d91]{gap:var(--hd-space-1);padding:var(--hd-space-3);border-top:1px solid var(--hd-border);font-size:var(--hd-text-xs);margin:0;list-style:none;display:grid}.problems li[data-v-f7825d91]{align-items:baseline;gap:var(--hd-space-2);color:var(--hd-text-muted);display:flex}.problems .error[data-v-f7825d91]{color:var(--hd-danger)}@media (width<=520px){.controls[data-v-f7825d91]{padding:var(--hd-space-3);position:static}.canvas[data-v-f7825d91]{padding-bottom:var(--hd-space-6)}}