.hiw-studio{margin-top:clamp(30px,5vh,52px);padding:clamp(16px,2.6vw,26px)}.hiw-studio-pickers{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem 1.6rem;flex-wrap:wrap;margin-bottom:14px}.hiw-studio-chips{display:flex;flex-wrap:wrap;gap:6px}.hiw-studio-chips--lang{justify-content:flex-end;margin-left:auto}.hiw-studio-chip{border:1px solid color-mix(in oklab,var(--bs-ink) 30%,transparent);padding:.28rem .62rem;background:transparent;font-family:var(--font-mono),ui-monospace,monospace;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bs-ink-muted);cursor:pointer;transition:color .2s,border-color .2s,background-color .2s}.hiw-studio-chip:hover:not(:disabled){color:var(--bs-ink);border-color:var(--bs-ink)}.hiw-studio-chip[data-on="1"]{color:var(--bs-accent);border-color:var(--bs-accent);background:color-mix(in oklab,var(--bs-accent) 10%,transparent)}.hiw-studio-chip:disabled{opacity:.38;cursor:default}.hiw-studio-win{position:relative;z-index:1;border:1px solid var(--bs-rule);background:color-mix(in oklab,var(--bs-shadow) 24%,var(--bs-paper));transition:border-color .5s var(--bs-ease,ease)}html[data-ht-theme=light] .hiw-studio-win{background:color-mix(in oklab,var(--bs-ink) 5%,var(--bs-paper))}html[data-ht-theme=light] .hiw-studio-add{color:var(--bs-accent)}.hiw-studio[data-status=after] .hiw-studio-win{border-color:color-mix(in oklab,var(--bs-permit) 55%,transparent)}.hiw-studio-bar{display:flex;align-items:center;gap:12px;padding:9px 14px;border-bottom:1px solid var(--bs-hair)}.hiw-studio-dots{display:inline-flex;gap:5px}.hiw-studio-dots i{width:8px;height:8px;border:1px solid color-mix(in oklab,var(--bs-ink) 42%,transparent)}.hiw-studio-file{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--bs-ink-muted)}.hiw-studio-file,.hiw-studio-lamp{font-family:var(--font-mono),ui-monospace,monospace}.hiw-studio-lamp{margin-left:auto;font-size:.68rem;font-weight:700;letter-spacing:.16em;border:1px solid;padding:.24rem .6rem;white-space:nowrap}.hiw-studio-lamp[data-status=before]{color:var(--bs-pencil);border-color:color-mix(in oklab,var(--bs-pencil) 50%,transparent)}.hiw-studio-lamp[data-status=wiring]{color:var(--bs-accent);border-color:color-mix(in oklab,var(--bs-accent) 50%,transparent)}.hiw-studio-lamp[data-status=after]{color:var(--bs-permit);border-color:var(--bs-permit);background:color-mix(in oklab,var(--bs-permit) 12%,transparent)}.hiw-studio-scroll{overflow-x:auto;overflow-y:clip}.hiw-studio-code{margin:0;padding:14px 16px;min-height:15.5em;font-family:var(--font-mono),ui-monospace,monospace;font-size:clamp(.66rem,1.35vw,.8rem);line-height:1.55}.hiw-studio-code,.hiw-studio-code--term{color:var(--bs-ink-soft)}.hiw-studio-line{display:block;white-space:pre}.hiw-studio-gut{display:inline-block;width:2.2ch;margin-right:1.4ch;text-align:right;color:var(--bs-ink-muted);opacity:.55;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hiw-studio-line[data-touched="1"] .hiw-studio-gut{color:var(--bs-permit);opacity:1}.hiw-studio-add{color:var(--bs-accent-soft);font-weight:600}.hiw-studio-prompt{color:var(--bs-ink-muted);-webkit-user-select:none;-moz-user-select:none;user-select:none}.hiw-studio-out{color:var(--bs-permit)}.hiw-studio-caret{display:inline-block;width:.62ch;height:1.05em;vertical-align:text-bottom;background:var(--bs-accent);animation:hiw-caret .9s steps(2,start) infinite}@keyframes hiw-caret{to{visibility:hidden}}@media (prefers-reduced-motion:reduce){.hiw-studio-caret{animation:none;visibility:hidden}}.hiw-studio-foot{padding:10px 16px;border-top:1px solid var(--bs-hair);font-family:var(--font-mono),ui-monospace,monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bs-pencil);transition:color .4s}.hiw-studio-foot[data-status=after]{color:var(--bs-permit)}.hiw-studio-foot[data-status=wiring]{color:var(--bs-ink-muted)}@media (max-width:560px){.hiw-studio-chips--lang{justify-content:flex-start;margin-left:0}}.hiw-studio-mark{display:inline-block;width:16px;height:16px;margin-right:7px;vertical-align:-3px;-o-object-fit:contain;object-fit:contain;flex:none}.hiw-studio-mark--lang{background:currentColor;-webkit-mask:var(--mark) center /contain no-repeat;mask:var(--mark) center /contain no-repeat}