.hfb{--hfb-gap:1rem}.hfb .hfb-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.hfb .hfb-bar__group{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.hfb .hfb-bar__status{flex:100%;margin:0}@media (min-width:960px){.hfb .hfb-jump{display:none}}.hfb .hfb-select{width:auto;max-width:14rem;min-height:32px;padding-block:.25rem;font-size:.85rem}.hfb .hfb-split{align-items:start}.hfb .hfb-build,.hfb .hfb-out{gap:var(--hfb-gap);grid-template-columns:minmax(0,1fr);align-content:start;min-width:0;display:grid}.hfb :is(.hfb-panel,.hfb-outline,.hfb-list,.hfb-card__editor,.hfb-section__body){grid-template-columns:minmax(0,1fr)}.hfb .hfb-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));align-items:start;gap:.75rem 1rem;display:grid}.hfb .hfb-span{grid-column:1/-1}.hfb .hfb-optional{color:var(--text-3);font-size:.8rem;font-weight:500}.hfb .hfb-short{field-sizing:content;min-height:3.2rem;max-height:14rem}.hfb .hfb-note,.hfb .panel__title{margin:0}.hfb .hfb-form .panel__title{margin-bottom:.75rem}.hfb .hfb-palette__hint{margin:.25rem 0 .75rem}.hfb .hfb-palette__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,8.6rem),1fr));gap:.4rem;display:grid}.hfb .hfb-chip{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);min-height:40px;color:var(--text);font:inherit;text-align:left;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;gap:.45rem;padding:.4rem .6rem;font-size:.86rem;display:flex}.hfb .hfb-chip:hover{border-color:var(--cat,var(--line-strong));background:var(--surface-2)}.hfb .hfb-chip .icon{color:var(--cat,var(--text-2));flex:none}.hfb .hfb-outline{gap:.85rem;display:grid;container-type:inline-size}.hfb .hfb-page{border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface-2);gap:.5rem;min-width:0;padding:.6rem;display:grid}.hfb .hfb-page.is-single{background:0 0;border:0;padding:0}.hfb .hfb-page__head{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.hfb .hfb-page__name{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);font-size:.75rem;font-weight:700}.hfb .hfb-page__title{flex:10rem;min-width:0}.hfb .hfb-page__tools{gap:.15rem;margin-left:auto;display:flex}.hfb .hfb-page__more{border-top:1px solid var(--line);gap:.6rem;padding-top:.5rem;display:grid}.hfb .hfb-list{gap:.45rem;min-height:2.5rem;margin:0;padding:0;list-style:none;display:grid}.hfb .hfb-empty{border:1px dashed var(--line);border-radius:var(--radius-s);color:var(--text-2);text-align:center;padding:.75rem;font-size:.9rem}.hfb .hfb-card{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);min-width:0}.hfb .hfb-card.is-open{border-color:var(--cat,var(--line-strong));box-shadow:0 0 0 1px var(--cat,var(--line-strong))}.hfb .hfb-card.is-dragging{opacity:.45}.hfb .hfb-card.has-error{border-left:4px solid var(--danger)}.hfb .hfb-card__head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.25rem;padding:.2rem;display:grid}.hfb .hfb-handle{border-radius:var(--radius-s);width:32px;height:40px;color:var(--text-2);cursor:grab;touch-action:none;background:0 0;border:0;place-items:center;padding:0;display:grid}.hfb .hfb-handle:hover,.hfb .hfb-handle:focus-visible{background:var(--surface-2);color:var(--text)}.hfb .hfb-card__toggle{border-radius:var(--radius-s);min-width:0;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:.05rem;padding:.35rem .4rem;display:grid}.hfb .hfb-card__toggle:hover{background:var(--surface-2)}.hfb .hfb-card__top{align-items:center;gap:.4rem;min-width:0;display:flex}.hfb .hfb-card__type{color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;flex:none;align-items:center;gap:.3rem;font-size:.72rem;font-weight:700;display:inline-flex}.hfb .hfb-card__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:650;overflow:hidden}.hfb .hfb-card__req{color:var(--danger)}.hfb .hfb-card__meta{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.hfb .hfb-card__tools{gap:.1rem;display:flex}.hfb .hfb-iconbtn{border-radius:var(--radius-s);width:34px;height:34px;color:var(--text-2);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.hfb .hfb-iconbtn:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.hfb .hfb-iconbtn:disabled{opacity:.35;cursor:default}.hfb .hfb-iconbtn--danger:hover:not(:disabled){color:var(--danger)}.hfb .hfb-card__editor{border-top:1px solid var(--line);gap:.75rem;padding:.75rem;display:grid}.hfb .hfb-card__editor .field>label,.hfb .hfb-card__editor legend{font-size:.85rem}.hfb .hfb-sub{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface-2);gap:.6rem;padding:.6rem .7rem;display:grid}.hfb .hfb-sub>summary{cursor:pointer;font-size:.9rem;font-weight:650}.hfb .hfb-sub[open]>summary{margin-bottom:.25rem}.hfb .hfb-rules{gap:.5rem;display:grid}.hfb .hfb-rules>.btn{justify-self:start}.hfb .hfb-rule{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:.4rem;display:grid}.hfb .hfb-rule .field>label{font-size:.78rem}.hfb .hfb-drop{border-top:3px solid var(--cat,var(--focus));border-radius:2px;height:0;margin:-.1rem 0;list-style:none}.hfb .hfb-ghost{z-index:60;pointer-events:none;border:1px solid var(--line-strong);border-radius:var(--radius-s);background:var(--surface);color:var(--text);box-shadow:var(--shadow-2);text-overflow:ellipsis;white-space:nowrap;max-width:18rem;padding:.4rem .7rem;font-size:.9rem;font-weight:650;position:fixed;overflow:hidden}.hfb.is-dragging,.hfb.is-dragging *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}@container (width<=34rem){.hfb .hfb-rule{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hfb .hfb-rule>.hfb-rule__remove{grid-column:2;justify-self:end}.hfb .hfb-card__head{grid-template-columns:auto minmax(0,1fr)}.hfb .hfb-card__top{flex-direction:column;align-items:flex-start;gap:0}.hfb .hfb-card__label{max-width:100%}.hfb .hfb-card__tools{grid-column:2;justify-self:end;margin-top:-.35rem}}.hfb .hfb-section>summary{cursor:pointer;flex-wrap:wrap;align-items:baseline;gap:.75rem;list-style:none;display:flex}.hfb .hfb-section>summary::-webkit-details-marker{display:none}.hfb .hfb-section>summary:after{content:"+";font-family:var(--font-mono);color:var(--text-2);margin-left:auto;font-weight:700}.hfb .hfb-section[open]>summary:after{content:"–"}.hfb .hfb-section[open]>summary{margin-bottom:.85rem}.hfb .hfb-peek{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;max-width:60%;font-size:.88rem;overflow:hidden}.hfb .hfb-section[open] .hfb-peek{display:none}.hfb .hfb-section__body{gap:.85rem;display:grid}.hfb .hfb-fieldset{border:0;gap:.4rem;margin:0;padding:0;display:grid}.hfb .hfb-fieldset>.segmented{justify-self:start}.hfb .hfb-texts{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.hfb .hfb-texts>.hfb-note,.hfb .hfb-texts>.btn{grid-column:1/-1;justify-self:start}.hfb .hfb-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:.25rem;display:flex}.hfb .hfb-tab{border-radius:var(--radius-s) var(--radius-s) 0 0;min-height:40px;color:var(--text-2);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:0;align-items:center;gap:.4rem;margin-bottom:-1px;padding:.45rem .8rem;font-weight:650;display:inline-flex}.hfb .hfb-tab[aria-selected=true]{color:var(--text);background:var(--surface);border-color:var(--line)}.hfb .hfb-badge{background:var(--danger);color:#fff;border-radius:999px;place-items:center;min-width:1.3rem;height:1.3rem;padding:0 .3rem;font-size:.72rem;font-weight:800;display:inline-grid}.hfb .hfb-badge.is-warning{background:var(--warning);color:#111}.hfb .hfb-panel{gap:.75rem;min-width:0;display:grid}.hfb .hfb-panel[hidden]{display:none}.hfb .hfb-panel__bar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.5rem .75rem;display:flex}.hfb .hfb-panel__bar .segmented label{align-items:center;gap:.35rem;display:inline-flex}.hfb .hfb-panel__hint{margin:0}.hfb .hfb-stage{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface-2);padding:.75rem;overflow:hidden}.hfb .hfb-frame{background:#fff;width:100%;height:36rem;margin:0 auto;transition:width .2s;box-shadow:0 1px 3px #00000026}.hfb .hfb-frame.is-phone{width:390px;max-width:100%}.hfb .hfb-frame iframe{border:0;width:100%;height:100%;display:block}.hfb .hfb-pv-status{color:var(--text-2);margin:0}.hfb .hfb-row__title,.hfb .hfb-h3{margin:.25rem 0 0;font-size:1rem}.hfb .hfb-row__table td{overflow-wrap:anywhere}.hfb .hfb-row__table td.is-empty{color:var(--text-3)}.hfb .hfb-codepick{flex:18rem;min-width:min(100%,18rem)}.hfb .hfb-code{position:relative}.hfb .hfb-code__text{min-height:30rem;font-size:.82rem}.hfb .hfb-code__cm{border:1px solid var(--line);border-radius:var(--radius-s);height:34rem;overflow:hidden}.hfb .hfb-script-meta{margin:0}.hfb .hfb-checks,.hfb .hfb-promises{gap:.35rem;margin:0;padding-left:1.2rem;display:grid}.hfb .hfb-checks .is-error{color:var(--danger)}.hfb .hfb-checks .is-warning{color:var(--text)}.hfb .hfb-checks .is-warning::marker{color:var(--warning)}.hfb .hfb-checks .is-ok{color:var(--success)}.hfb .hfb-checks button{vertical-align:top;color:inherit;font:inherit;text-align:left;text-underline-offset:.15em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline;display:inline}.hfb .hfb-steps{gap:.5rem;margin:0;padding-left:1.3rem;display:grid}.hfb .hfb-steps code{overflow-wrap:anywhere}.hfb .hfb-linkbtn{color:var(--link);font:inherit;text-align:left;text-underline-offset:.15em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.hfb .hfb-contrast .is-pass{color:var(--success);font-weight:650}.hfb .hfb-contrast .is-fail{color:var(--danger);font-weight:650}[data-layout=full] .hfb .hfb-out{top:calc(var(--tool-sticky-top,64px) + var(--hfb-bar-h,var(--tool-toolbar-h,3.5rem)) + .75rem);max-height:calc(100svh - var(--tool-sticky-top,64px) - var(--hfb-bar-h,var(--tool-toolbar-h,3.5rem)) - 1.5rem);overscroll-behavior:contain;position:sticky;overflow-y:auto}@media (max-width:899px){[data-layout=full] .hfb .hfb-out{max-height:none;position:static;overflow:visible}}@media (pointer:coarse){.hfb .hfb-chip,.hfb .hfb-iconbtn,.hfb .hfb-tab,.hfb .hfb-handle{min-height:44px}.hfb .hfb-iconbtn,.hfb .hfb-handle{width:44px}.hfb .btn--sm,.hfb .check{min-height:44px}.hfb .hfb-section>summary{align-items:center;min-height:44px}}