:root{color-scheme:light dark;--hx-bg: #ffffff;--hx-panel: #f7f7f9;--hx-sunken: #efeff3;--hx-line: #e2e2e8;--hx-fg: #16161a;--hx-muted: #6b6b76;--hx-accent: #2f6feb;--hx-accent-fg: #ffffff;--hx-danger: #c0392b;--hx-sidebar-width: 336px;--hx-radius: 7px;--hx-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}@media(prefers-color-scheme:dark){:root{--hx-bg: #141417;--hx-panel: #1b1b1f;--hx-sunken: #202026;--hx-line: #2d2d35;--hx-fg: #f0f0f4;--hx-muted: #9a9aa6;--hx-accent: #5b8cf5;--hx-accent-fg: #0b1020;--hx-danger: #ff6b5b}}*{box-sizing:border-box}body{margin:0;background:var(--hx-bg);color:var(--hx-fg);font:13px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hx{--hx-topbar-height: 46px;height:100vh;overflow:hidden}.hx-topbar{position:relative;z-index:20;display:flex;align-items:center;gap:10px;padding:0 14px;height:46px;background:var(--hx-panel);border-bottom:1px solid var(--hx-line)}.hx-title{margin:0;font-size:13px;font-weight:600}.hx-version{padding:1px 6px;border-radius:999px;background:var(--hx-sunken);color:var(--hx-muted);font-family:var(--hx-mono);font-size:11px}.hx-source{display:inline-flex;align-items:center;gap:6px}.hx-source__label{color:var(--hx-muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.hx-source__select{padding:2px 6px;border:1px solid var(--hx-border);border-radius:6px;background:var(--hx-sunken);color:var(--hx-text);font-family:var(--hx-mono);font-size:11px}.hx-origin{color:var(--hx-muted);font-family:var(--hx-mono);font-size:11px}.hx-host__pending{margin:0;padding:24px;color:var(--hx-muted);font-family:var(--hx-mono);font-size:12px;text-align:center}.hx-fallback{padding:1px 6px;border-radius:999px;background:var(--hx-warn-bg, #3a2f12);color:var(--hx-warn, #e8c37a);font-size:11px}.hx-spacer{flex:1}.hx-status{font-family:var(--hx-mono);font-size:11px;color:var(--hx-muted)}.hx-status[data-live=yes]:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#35c759;vertical-align:middle}.hx-status[data-live=no]:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--hx-muted);vertical-align:middle}.hx-icon-button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid var(--hx-line);border-radius:var(--hx-radius);background:var(--hx-bg);color:inherit;cursor:pointer}.hx-icon-button:hover{border-color:var(--hx-muted)}.hx-burger,.hx-burger:before,.hx-burger:after{display:block;width:12px;height:1.5px;background:currentColor;border-radius:1px}.hx-burger{position:relative}.hx-burger:before,.hx-burger:after{content:"";position:absolute}.hx-burger:before{top:-4px}.hx-burger:after{top:4px}.hx-sidebar{position:fixed;top:var(--hx-topbar-height);bottom:0;left:0;z-index:10;width:var(--hx-sidebar-width);overflow:hidden auto;background:var(--hx-panel);border-right:1px solid var(--hx-line);transform:translate(-100%);transition:transform .22s ease}.hx--sidebar-open .hx-sidebar{transform:translate(0)}.hx-sidebar[aria-hidden=true]{visibility:hidden;transition:transform .22s ease,visibility 0s linear .22s}.hx-config{width:var(--hx-sidebar-width);padding-bottom:24px}.hx-config__footer{padding:12px 14px}.hx-section{border-bottom:1px solid var(--hx-line)}.hx-section__title{padding:10px 14px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--hx-muted);cursor:pointer;user-select:none}.hx-section__title::marker{color:var(--hx-line)}.hx-section__body{padding:2px 14px 14px;display:flex;flex-direction:column;gap:11px}.hx-note{margin:0 0 4px;color:var(--hx-muted);font-size:11.5px}.hx-field{display:flex;flex-direction:column;gap:4px}.hx-field__label{font-family:var(--hx-mono);font-size:11px;color:var(--hx-muted)}.hx-field__hint{display:block;margin-top:3px;font-size:11px;line-height:1.4;color:var(--hx-muted)}.hx-input{width:100%;padding:6px 8px;border:1px solid var(--hx-line);border-radius:var(--hx-radius);background:var(--hx-bg);color:var(--hx-fg);font:inherit;font-size:12px}.hx-input:focus-visible{outline:2px solid var(--hx-accent);outline-offset:-1px}.hx-input--mono{font-family:var(--hx-mono);font-size:11.5px}.hx-toggle{display:flex;gap:8px;align-items:start;cursor:pointer}.hx-toggle input{margin:2px 0 0;accent-color:var(--hx-accent)}.hx-toggle>span{font-family:var(--hx-mono);font-size:11.5px}.hx-tokens{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--hx-line);border-radius:var(--hx-radius);background:var(--hx-sunken)}.hx-color{display:flex;flex-direction:column;gap:4px}.hx-color__label{font-family:var(--hx-mono);font-size:10.5px;color:var(--hx-muted)}.hx-color__controls{display:flex;gap:6px}.hx-color__swatch{width:28px;height:28px;padding:0;border:1px solid var(--hx-line);border-radius:var(--hx-radius);background:none;cursor:pointer}.hx-color__text{flex:1}.hx-presets{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.hx-preset{display:flex;align-items:center;gap:6px;padding:4px 9px 4px 5px;border:1px solid var(--hx-line);border-radius:var(--hx-radius);background:var(--hx-bg);color:var(--hx-fg);font:inherit;font-size:11.5px;cursor:pointer}.hx-preset:hover{border-color:var(--hx-muted)}.hx-preset--on{border-color:var(--hx-accent);box-shadow:inset 0 0 0 1px var(--hx-accent);font-weight:600}.hx-preset__swatches{display:flex}.hx-preset__swatches i{display:block;width:10px;height:16px;border:1px solid rgba(0,0,0,.18)}.hx-preset__swatches i:first-child{border-radius:3px 0 0 3px}.hx-preset__swatches i:last-child{border-radius:0 3px 3px 0}.hx-preset__tag{margin-left:auto;font-family:var(--hx-mono);font-size:10.5px;color:var(--hx-muted)}.hx-preset__tag--on{color:var(--hx-accent);font-weight:600}.hx-picker{position:relative}.hx-picker__trigger{display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer}.hx-picker__flag{font-size:15px;line-height:1}.hx-picker__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-picker__english{color:var(--hx-muted);font-size:11px}.hx-picker__code{font-family:var(--hx-mono);font-size:10.5px;color:var(--hx-muted)}.hx-picker__rtl{padding:0 4px;border-radius:3px;background:var(--hx-sunken);font-family:var(--hx-mono);font-size:9.5px;color:var(--hx-muted)}.hx-picker__caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--hx-muted)}.hx-picker__popover{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;display:grid;grid-template-rows:auto 1fr;gap:6px;padding:8px;border:1px solid var(--hx-line);border-radius:var(--hx-radius);background:var(--hx-bg);box-shadow:0 8px 24px #00000038}.hx-picker__list{margin:0;padding:0;max-height:264px;overflow:auto;list-style:none}.hx-picker__option{display:flex;align-items:center;gap:8px;width:100%;padding:5px 7px;border:none;border-radius:5px;background:none;color:var(--hx-fg);font:inherit;font-size:12px;text-align:left;cursor:pointer}.hx-picker__option[data-active=true]{background:var(--hx-sunken)}.hx-picker__option--selected{font-weight:600}.hx-picker__option--selected .hx-picker__code{color:var(--hx-accent)}.hx-picker__empty{padding:10px 7px;color:var(--hx-muted);font-size:12px}.hx-button{padding:5px 11px;border:1px solid var(--hx-line);border-radius:var(--hx-radius);background:var(--hx-bg);color:var(--hx-fg);font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}.hx-button:hover:not(:disabled){border-color:var(--hx-muted)}.hx-button:disabled{opacity:.45;cursor:not-allowed}.hx-button--primary{background:var(--hx-accent);border-color:var(--hx-accent);color:var(--hx-accent-fg);font-weight:600;min-width:68px}.hx-button--small{padding:3px 8px;font-size:11.5px;font-family:var(--hx-mono)}.hx-button--quiet{align-self:start;background:none;color:var(--hx-muted)}.hx-main{display:grid;grid-template-rows:auto 1fr auto auto;height:calc(100vh - var(--hx-topbar-height));min-width:0;overflow:hidden;margin-left:0;transition:margin-left .22s ease}.hx--sidebar-open .hx-main{margin-left:var(--hx-sidebar-width)}@media(prefers-reduced-motion:reduce){.hx-sidebar,.hx-main{transition:none}}.hx-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:10px 16px;border-bottom:1px solid var(--hx-line);background:var(--hx-panel)}.hx-segmented{display:flex;align-items:center;gap:7px}.hx-segmented__label{font-size:11px;color:var(--hx-muted)}.hx-segmented__group{display:flex;border:1px solid var(--hx-line);border-radius:var(--hx-radius);overflow:hidden;background:var(--hx-bg)}.hx-seg{padding:4px 9px;border:none;border-right:1px solid var(--hx-line);background:none;color:var(--hx-muted);font:inherit;font-size:11.5px;cursor:pointer}.hx-seg:last-child{border-right:none}.hx-seg:hover{color:var(--hx-fg)}.hx-seg--on{background:var(--hx-accent);color:var(--hx-accent-fg);font-weight:600}.hx-stage{display:grid;place-items:start center;align-content:center;padding:24px 16px;overflow:auto;min-height:0}.hx-stage:has(.hx-device){align-content:start}.hx-stage--light{background:#fff;color:#16161a}.hx-stage--dark{background:#0d0d10;color:#f0f0f4}.hx-stage--form{background:#f1f2f5;color:#16161a}.hx-frame{position:relative;width:100%}.hx-frame:after,.hx-device:after{content:attr(data-caption);position:absolute;top:-18px;right:0;font-family:var(--hx-mono);font-size:10px;color:var(--hx-muted);white-space:nowrap}.hx-stage--form .hx-frame{padding:20px;border-radius:10px;background:#fff;box-shadow:0 1px 3px #0000001a}.hx-frame--resizable{max-width:none}.hx-frame--dragging{user-select:none}.hx-resize{position:absolute;top:0;bottom:0;width:14px;padding:0;border:none;background:none;cursor:ew-resize;display:grid;place-items:center;touch-action:none}.hx-resize[data-edge=left]{left:-17px}.hx-resize[data-edge=right]{right:-17px}.hx-resize__grip{width:4px;height:36px;border-radius:3px;background:var(--hx-muted);opacity:.45;transition:opacity .15s ease}.hx-resize:hover .hx-resize__grip,.hx-resize:focus-visible .hx-resize__grip,.hx-resize--on .hx-resize__grip{opacity:1;background:var(--hx-accent)}.hx-resize:focus-visible{outline:none}.hx-device{position:relative;display:grid;justify-items:center}.hx-device__bezel{position:relative;background:#1c1c1f;box-shadow:0 0 0 1px #00000059,0 12px 32px #00000040}.hx-device--phone .hx-device__bezel{padding:12px;border-radius:40px}.hx-device--tablet .hx-device__bezel{padding:18px;border-radius:24px}.hx-device__screen{position:relative;overflow:hidden;background:#fff}.hx-stage--dark .hx-device__screen{background:#0d0d10}.hx-device--phone .hx-device__screen{border-radius:28px}.hx-device--tablet .hx-device__screen{border-radius:8px}.hx-device .hx-device__screen{display:flex;flex-direction:column;overflow:hidden auto}.hx-device__island{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:2;width:86px;height:24px;border-radius:14px;background:#0a0a0c}.hx-device__camera{position:absolute;top:8px;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;background:#35353c}.hx-device__statusbar{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 24px 0 28px;font-size:12px;font-weight:600;color:#16161a}.hx-stage--dark .hx-device__statusbar{color:#f0f0f4}.hx-device__statusbar-right{display:flex;align-items:center;gap:5px}.hx-device__signal,.hx-device__battery{display:block;background:currentColor;border-radius:1.5px;opacity:.85}.hx-device__signal{width:15px;height:10px;clip-path:polygon(0 70%,25% 70%,25% 100%,0 100%,30% 45%,55% 45%,55% 100%,30% 100%,60% 20%,85% 20%,85% 100%,60% 100%)}.hx-device__battery{width:22px;height:11px;border-radius:3px}.hx-device__content{flex:1;min-height:0}.hx-device--tablet .hx-device__content{padding:20px 0}.hx-stage--form .hx-device__content{padding:16px}.hx-device__home{width:134px;height:5px;margin:8px auto 0;border-radius:3px;background:#4a4a52}.hx-hosts{display:grid;gap:14px}.hx-hosts--split{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.hx-host__mount{width:100%}.hx-host__error{margin:8px 0 0;padding:8px 10px;border:1px solid var(--hx-danger);border-radius:var(--hx-radius);color:var(--hx-danger);font-family:var(--hx-mono);font-size:11.5px}.hx-form-chrome{margin:0 0 16px;color:#16161a}.hx-form-chrome:last-child{margin:16px 0 0}.hx-form-chrome__heading{margin:0 0 4px;font-size:15px}.hx-form-chrome__copy{margin:0;font-size:12.5px;color:#6b6b76}.hx-form-chrome__field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;font-size:12px;color:#6b6b76}.hx-form-chrome__field textarea{padding:7px 9px;border:1px solid #d8d8de;border-radius:6px;font:inherit;resize:vertical}.hx-form-chrome__submit{padding:8px 16px;border:none;border-radius:6px;background:#16161a;color:#fff;font:inherit;font-weight:600;cursor:pointer}.hx-transport{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:10px 16px;border-top:1px solid var(--hx-line);background:var(--hx-panel)}.hx-transport__group{display:flex;align-items:center;gap:6px}.hx-transport__label{font-size:11px;color:var(--hx-muted)}.hx-transport__volume{width:90px;accent-color:var(--hx-accent)}.hx-transport__readout{font-family:var(--hx-mono);font-size:11px;color:var(--hx-muted);min-width:34px}.hx-transport__readout--time{margin-left:auto}.hx-inspector{display:grid;grid-template-rows:auto 1fr;height:240px;border-top:1px solid var(--hx-line);background:var(--hx-bg)}.hx-inspector__bar{display:flex;align-items:center;gap:12px;padding:0 12px;border-bottom:1px solid var(--hx-line)}.hx-tabs{display:flex}.hx-tab{padding:8px 10px;border:none;border-bottom:2px solid transparent;background:none;color:var(--hx-muted);font:inherit;font-size:12px;cursor:pointer}.hx-tab--on{color:var(--hx-fg);border-bottom-color:var(--hx-accent);font-weight:600}.hx-badge{padding:0 5px;border-radius:999px;background:var(--hx-sunken);font-family:var(--hx-mono);font-size:10px}.hx-inspector__actions{display:flex;align-items:center;gap:10px;margin-left:auto}.hx-checkline{display:flex;align-items:center;gap:5px;font-family:var(--hx-mono);font-size:11px;color:var(--hx-muted);cursor:pointer}.hx-inspector__body{overflow:auto;padding:8px 12px}.hx-empty{margin:10px 0;color:var(--hx-muted);font-size:12px}.hx-events{margin:0;padding:0;list-style:none;font-family:var(--hx-mono);font-size:11.5px}.hx-events__row{display:grid;grid-template-columns:86px 150px 1fr;gap:10px;padding:1.5px 0}.hx-events__time{color:var(--hx-muted)}.hx-events__name{font-weight:600}.hx-events__args{color:var(--hx-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-api{display:grid;grid-template-columns:236px 1fr;gap:12px;height:100%}.hx-api__list{margin:0;padding:0;list-style:none;overflow:auto;border-right:1px solid var(--hx-line)}.hx-api__item{display:grid;grid-template-columns:34px 1fr;grid-template-areas:"status kind" "status meta";gap:0 8px;width:100%;padding:5px 8px 5px 2px;border:none;border-radius:5px;background:none;color:var(--hx-fg);font:inherit;text-align:left;cursor:pointer}.hx-api__item:hover{background:var(--hx-sunken)}.hx-api__item--on{background:var(--hx-sunken);box-shadow:inset 2px 0 0 var(--hx-accent)}.hx-api__status{grid-area:status;align-self:center;font-family:var(--hx-mono);font-size:11px;font-weight:600;color:#2f9e44;text-align:center}.hx-api__status--bad{color:var(--hx-danger)}.hx-api__kind{grid-area:kind;font-size:11.5px;font-weight:600}.hx-api__meta{grid-area:meta;font-family:var(--hx-mono);font-size:10px;color:var(--hx-muted)}.hx-api__detail{overflow:auto;min-width:0}.hx-api__url{margin:0 0 8px;font-family:var(--hx-mono);font-size:10.5px;color:var(--hx-muted);word-break:break-all}.hx-api__method{padding:1px 5px;border-radius:3px;background:var(--hx-sunken);color:var(--hx-fg);font-weight:600}.hx-api__heading{margin:10px 0 4px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--hx-muted)}.hx-api__heading:first-child{margin-top:0}.hx-code{margin:0;font-family:var(--hx-mono);font-size:11px;line-height:1.5;white-space:pre-wrap;word-break:break-word;color:var(--hx-fg)}.hx-section__body .hx-code{padding:9px;border-radius:var(--hx-radius);background:var(--hx-sunken);max-height:220px;overflow:auto}@media(max-width:900px){.hx--sidebar-open .hx-main{margin-left:0}.hx--sidebar-open .hx-sidebar{box-shadow:2px 0 14px #00000038}}.hx-sample{display:flex;flex-direction:column;gap:5px;padding:9px 10px;border:1px dashed var(--hx-line);border-radius:var(--hx-radius)}.hx-sample .hx-button{align-self:start}.hx-sample .hx-field__hint{margin-top:0}.hx-color__note{margin-left:6px;font-style:normal;color:var(--hx-danger);opacity:.8}.hx-subfields{display:flex;flex-direction:column;gap:10px;margin-left:10px;padding-left:12px;border-left:2px solid var(--hx-line)}.hx-color__format{flex:0 0 auto;min-width:42px;padding:0 7px;border:1px solid var(--hx-line);border-radius:var(--hx-radius);background:var(--hx-bg);color:var(--hx-muted);font-family:var(--hx-mono);font-size:10.5px;cursor:pointer}.hx-color__format:hover:not(:disabled){border-color:var(--hx-muted);color:var(--hx-fg)}.hx-color__format:disabled{opacity:.45;cursor:not-allowed}.hx-color__text--invalid{border-color:var(--hx-danger)}.hx-color__swatch:disabled{opacity:.4;cursor:not-allowed}.hx-color__alpha{display:flex;align-items:center;gap:7px;margin-top:5px}.hx-color__alpha input[type=range]{flex:1;accent-color:var(--hx-accent)}.hx-color__alpha span{min-width:32px;font-family:var(--hx-mono);font-size:10.5px;color:var(--hx-muted);text-align:right}.hx-textarea{resize:vertical;line-height:1.45;min-height:120px}.hx-field__hint--bad{color:var(--hx-danger)}