:root{--hs-brand: #6366f1;--hs-brand-hover: #818cf8;--hs-brand-soft: rgba(99, 102, 241, .18);--hs-brand-ring: rgba(99, 102, 241, .6);--hs-bg: #0f172a;--hs-bg-deep: #020617;--hs-bg-elev: #1e293b;--hs-bg-elev-2: #334155;--hs-border: #1e293b;--hs-border-strong: #334155;--hs-border-soft: rgba(30, 41, 59, .7);--hs-text: #e2e8f0;--hs-text-strong: #f1f5f9;--hs-text-muted: #94a3b8;--hs-text-dim: #64748b;--hs-text-faint: #475569;--hs-accent-purple: #a855f7;--hs-accent-purple-soft: rgba(168, 85, 247, .15);--hs-accent-purple-text: #d8b4fe;--hs-accent-amber: #f59e0b;--hs-accent-emerald: #10b981;--hs-accent-rose: #f43f5e;--hs-accent-sky: #38bdf8;--hs-radius-sm: 4px;--hs-radius: 6px;--hs-radius-md: 8px;--hs-radius-lg: 12px;--hs-radius-pill: 999px;--hs-shadow-sm: 0 1px 2px rgba(0, 0, 0, .18);--hs-shadow-lg: 0 12px 32px rgba(0, 0, 0, .4);--hs-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--hs-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}.hs-root,.hs-root *{box-sizing:border-box}.hs-root{font-family:var(--hs-font);color:var(--hs-text);-webkit-font-smoothing:antialiased}.hs-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font:inherit;font-size:12px;font-weight:600;line-height:1;color:var(--hs-text);background:var(--hs-bg-elev);border:1px solid var(--hs-border-strong);border-radius:var(--hs-radius);cursor:pointer;transition:background-color .12s,color .12s,border-color .12s}.hs-btn:hover{background:var(--hs-bg-elev-2);color:var(--hs-text-strong)}.hs-btn--primary{background:var(--hs-brand);border-color:var(--hs-brand);color:#fff}.hs-btn--primary:hover{background:var(--hs-brand-hover);border-color:var(--hs-brand-hover)}.hs-btn--ghost{background:#0000;border-color:var(--hs-border);color:var(--hs-text-muted)}.hs-btn--ghost:hover{background:var(--hs-bg-elev);color:var(--hs-text)}.hs-btn--full{width:100%;justify-content:center}.hs-btn--sm{padding:4px 8px;font-size:11px}.hs-input,.hs-select,.hs-textarea{width:100%;padding:6px 8px;font:inherit;font-size:12px;color:var(--hs-text);background:var(--hs-bg-deep);border:1px solid var(--hs-border-strong);border-radius:var(--hs-radius);outline:none;transition:border-color .12s,background-color .12s}.hs-input::placeholder,.hs-select::placeholder,.hs-textarea::placeholder{color:var(--hs-text-dim)}.hs-input:focus,.hs-select:focus,.hs-textarea:focus{border-color:var(--hs-brand);box-shadow:0 0 0 2px var(--hs-brand-soft)}.hs-textarea{resize:vertical;min-height:60px;line-height:1.5}.hs-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--hs-text-muted) 50%),linear-gradient(135deg,var(--hs-text-muted) 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 10px) 50%;background-size:4px 4px;background-repeat:no-repeat;padding-right:24px;cursor:pointer}.hs-label{display:block;margin-bottom:4px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--hs-text-muted)}.hs-label__optional{margin-left:6px;color:var(--hs-text-faint);text-transform:none;letter-spacing:0}.hs-device-switcher{display:inline-flex;align-items:center;gap:2px;padding:3px;background:var(--hs-bg-deep);border:1px solid var(--hs-border);border-radius:var(--hs-radius-md)}.hs-device-switcher__sep{width:1px;height:16px;background:var(--hs-border-strong);margin:0 2px}.hs-device-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px;color:var(--hs-text-muted);background:#0000;border:0;border-radius:var(--hs-radius-sm);cursor:pointer;transition:background-color .12s,color .12s}.hs-device-btn:hover{background:var(--hs-bg-elev);color:var(--hs-text)}.hs-device-btn--active{background:var(--hs-brand);color:#fff}.hs-device-btn--active:hover{background:var(--hs-brand-hover);color:#fff}.hs-zoom{display:inline-flex;align-items:center;gap:8px}.hs-zoom__pill{display:inline-flex;align-items:center;gap:14px;padding:8px 16px;background:var(--hs-bg);border:1px solid var(--hs-border-strong);border-radius:var(--hs-radius-pill);font-family:var(--hs-font-mono);font-size:12px;color:var(--hs-text-muted);box-shadow:var(--hs-shadow-lg)}.hs-zoom__step{background:#0000;border:0;color:var(--hs-text-muted);cursor:pointer;padding:0;display:inline-flex;align-items:center}.hs-zoom__step:hover{color:var(--hs-text-strong)}.hs-zoom__fit{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--hs-bg);border:1px solid var(--hs-border-strong);border-radius:50%;color:var(--hs-text-muted);cursor:pointer;transition:background-color .12s,color .12s;box-shadow:var(--hs-shadow-lg)}.hs-zoom__fit:hover{background:var(--hs-bg-elev);color:var(--hs-text-strong)}.hs-preview{position:relative;display:flex;flex-direction:column;height:100%;width:100%;max-width:1200px;background:#fff;border:1px solid var(--hs-border);border-radius:var(--hs-radius-md);box-shadow:var(--hs-shadow-lg);overflow:hidden;transition:max-width .5s,width .5s}.hs-preview--framed{background:#0000;border:0;border-radius:0;box-shadow:none;display:flex;align-items:center;justify-content:center}.hs-preview__chrome{flex-shrink:0;display:flex;align-items:center;gap:8px;height:32px;padding:0 12px;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.hs-preview__dots{display:inline-flex;gap:6px}.hs-preview__dot{width:10px;height:10px;border-radius:50%}.hs-preview__dot--red{background:#f87171}.hs-preview__dot--yellow{background:#facc15}.hs-preview__dot--green{background:#4ade80}.hs-preview__url-wrap{flex:1;display:flex;justify-content:center}.hs-preview__url{width:280px;padding:2px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:var(--hs-radius-sm);font-family:var(--hs-font-mono);font-size:10px;color:#94a3b8;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hs-preview__badge{font-family:var(--hs-font-mono);font-size:10px}.hs-preview__badge--edit{color:var(--hs-brand)}.hs-preview__badge--live{color:var(--hs-accent-emerald)}.hs-preview__body{flex:1;position:relative;overflow:hidden;background:#fff}.hs-preview__iframe,.hs-preview__empty{width:100%;height:100%;border:0;background:#fff}.hs-preview__empty{display:flex;align-items:center;justify-content:center;color:var(--hs-text-muted);background:var(--hs-bg);font-size:13px}.hs-device-frame{position:relative;height:100%}.hs-device-frame__skin{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.hs-device-frame__screen{position:absolute;overflow:hidden}.hs-chat{display:flex;flex-direction:column;width:320px;flex-shrink:0;background:var(--hs-bg);border-right:1px solid var(--hs-border);overflow:hidden}.hs-chat__header{flex-shrink:0;border-bottom:1px solid var(--hs-border-soft)}.hs-chat__messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;display:flex;flex-direction:column;gap:14px}.hs-chat__empty{margin:auto 0;padding:24px 8px;text-align:center;color:var(--hs-text-muted);font-size:13px;line-height:1.6}.hs-chat__empty p{margin:0}.hs-chat__msg{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--hs-bg-elev);border:1px solid var(--hs-border-soft);border-radius:var(--hs-radius-md)}.hs-chat__msg--user{align-self:flex-end;max-width:90%;background:var(--hs-brand-soft);border-color:var(--hs-brand-ring)}.hs-chat__msg--assistant{align-self:flex-start;max-width:95%}.hs-chat__msg--system{align-self:stretch;background:#0000;border-style:dashed;border-color:var(--hs-border-strong);color:var(--hs-text-muted);font-style:italic;font-size:12px}.hs-chat__msg-role{font-family:var(--hs-font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--hs-text-muted)}.hs-chat__msg-body{font-size:13px;line-height:1.55;color:var(--hs-text-strong);white-space:pre-wrap;word-wrap:break-word}.hs-chat__msg-time{font-family:var(--hs-font-mono);font-size:10px;color:var(--hs-text-dim)}.hs-chat__input{flex-shrink:0;padding:12px;border-top:1px solid var(--hs-border);background:var(--hs-bg-deep)}.hs-chat__input-shell{background:var(--hs-bg);border:1px solid var(--hs-border-strong);border-radius:var(--hs-radius-md);padding:8px;transition:border-color .12s}.hs-chat__input-shell:focus-within{border-color:var(--hs-brand);box-shadow:0 0 0 2px var(--hs-brand-soft)}.hs-chat__textarea{width:100%;background:#0000;border:0;outline:none;resize:none;color:var(--hs-text-strong);font:inherit;font-size:13px;line-height:1.5;padding:4px 6px;min-height:60px}.hs-chat__textarea::placeholder{color:var(--hs-text-dim)}.hs-chat__textarea:disabled{cursor:not-allowed;opacity:.6}.hs-chat__input-foot{display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding:0 4px}.hs-chat__hint{font-family:var(--hs-font-mono);font-size:10px;color:var(--hs-text-faint)}.hs-chat__send{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font:inherit;font-size:12px;font-weight:600;color:#fff;background:var(--hs-brand);border:0;border-radius:var(--hs-radius);cursor:pointer;transition:background-color .12s}.hs-chat__send:hover:not(:disabled){background:var(--hs-brand-hover)}.hs-chat__send:disabled{opacity:.45;cursor:not-allowed}.hs-rail{display:flex;flex-direction:column;width:320px;flex-shrink:0;background:var(--hs-bg);border-left:1px solid var(--hs-border)}.hs-rail__tabs{display:flex;flex-shrink:0;background:var(--hs-bg-deep);border-bottom:1px solid var(--hs-border-soft)}.hs-rail__body{flex:1;overflow:hidden;display:flex;flex-direction:column}.hs-tab{position:relative;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 10px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--hs-text-muted);background:#0000;border:0;border-bottom:2px solid rgba(0,0,0,0);cursor:pointer;transition:background-color .12s,color .12s,border-color .12s}.hs-tab:hover:not([disabled]):not(.hs-tab--active){color:var(--hs-text);background:var(--hs-bg)}.hs-tab--active{color:var(--hs-text-strong);background:var(--hs-bg);border-bottom-color:var(--hs-brand)}.hs-tab[disabled]{color:var(--hs-text-faint);cursor:not-allowed}.hs-tab__badge{margin-left:4px;padding:2px 6px;font-family:var(--hs-font-mono);font-size:9px;background:var(--hs-accent-purple-soft);color:var(--hs-accent-purple-text);border-radius:var(--hs-radius-sm)}.hs-blocks{display:flex;flex-direction:column;height:100%;background:var(--hs-bg-deep)}.hs-blocks__subtabs{display:flex;gap:2px;padding:8px 12px 0;border-bottom:1px solid var(--hs-border-soft)}.hs-blocks__subtab{position:relative;padding:6px 12px;font-size:12px;font-weight:600;color:var(--hs-text-muted);background:#0000;border:0;border-bottom:2px solid rgba(0,0,0,0);cursor:pointer}.hs-blocks__subtab:hover:not(.hs-blocks__subtab--active){color:var(--hs-text)}.hs-blocks__subtab--active{color:var(--hs-text-strong);border-bottom-color:var(--hs-brand)}.hs-blocks__subtab-count{margin-left:4px;font-size:10px;font-weight:500;color:var(--hs-text-faint)}.hs-blocks__subtab-badge{position:absolute;top:2px;right:2px;width:6px;height:6px;background:var(--hs-brand);border-radius:50%}.hs-blocks__filter{padding:12px;border-bottom:1px solid var(--hs-border-soft);display:flex;flex-direction:column;gap:8px}.hs-blocks__search{position:relative}.hs-blocks__search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--hs-text-dim);pointer-events:none}.hs-blocks__search .hs-input{padding-left:28px}.hs-blocks__categories{display:flex;background:var(--hs-bg-deep);border:1px solid var(--hs-border-strong);border-radius:var(--hs-radius);overflow:hidden}.hs-blocks__category{flex:1;padding:6px 4px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:capitalize;color:var(--hs-text-muted);background:#0000;border:0;cursor:pointer;transition:background-color .12s,color .12s}.hs-blocks__category:hover:not(.hs-blocks__category--active){color:var(--hs-text);background:var(--hs-bg)}.hs-blocks__category--active{background:var(--hs-brand);color:#fff}.hs-blocks__list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.hs-blocks__empty{padding:32px 16px;text-align:center;font-size:12px;color:var(--hs-text-muted)}.hs-blocks__empty-icon{font-size:28px;margin-bottom:8px}.hs-blocks__empty-hint{margin-top:8px;font-size:11px;color:var(--hs-text-dim);line-height:1.5}.hs-blocks__footer{padding:10px 12px;border-top:1px solid var(--hs-border);background:var(--hs-bg);font-size:11px;color:var(--hs-text-muted)}.hs-blocks__footer code{font-family:var(--hs-font-mono);color:var(--hs-text)}.hs-block-card{display:block;width:100%;text-align:left;padding:10px;background:var(--hs-bg);border:1px solid var(--hs-border-soft);border-radius:var(--hs-radius-md);cursor:pointer;transition:border-color .12s,background-color .12s,transform .12s;color:var(--hs-text)}.hs-block-card:hover{border-color:var(--hs-brand-ring);background:var(--hs-bg-elev);transform:translateY(-1px)}.hs-block-card:hover .hs-block-card__wire{color:var(--hs-brand-hover)}.hs-block-card__wire{width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:var(--hs-bg-deep);border:1px solid var(--hs-border-soft);border-radius:var(--hs-radius);color:var(--hs-text-muted);overflow:hidden;transition:color .12s}.hs-block-card__wire svg{max-width:100%;height:auto}.hs-block-card__row{margin-top:10px;display:flex;align-items:flex-start;gap:8px}.hs-block-card__name{flex:1;margin:0;font-size:12px;font-weight:600;color:var(--hs-text-strong);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hs-block-card__category{flex-shrink:0;margin-top:1px;font-family:var(--hs-font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--hs-text-dim)}.hs-block-card__count{margin-top:2px;font-family:var(--hs-font-mono);font-size:10px;color:var(--hs-text-dim)}.hs-block-config{display:flex;flex-direction:column;gap:14px}.hs-block-config__field{display:flex;flex-direction:column}.hs-block-config__color{display:flex;gap:4px}.hs-block-config__color input[type=color]{width:36px;height:32px;background:var(--hs-bg-deep);border:1px solid var(--hs-border-strong);border-radius:var(--hs-radius);padding:2px;cursor:pointer}.hs-block-config__color .hs-input{flex:1;font-family:var(--hs-font-mono)}.hs-block-config__boolean{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.hs-block-config__boolean input[type=checkbox]{accent-color:var(--hs-brand)}.hs-inspector{display:flex;flex-direction:column;height:100%;background:var(--hs-bg);color:var(--hs-text);font-size:13px}.hs-inspector__empty{display:flex;flex-direction:column;gap:12px;padding:20px;color:var(--hs-text-muted);font-size:13px}.hs-inspector__empty-title{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--hs-text)}.hs-inspector__empty p{margin:0;font-size:12px;line-height:1.6}.hs-inspector__header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--hs-bg);border-bottom:1px solid var(--hs-border)}.hs-inspector__id{font-family:var(--hs-font-mono);font-size:10px;color:var(--hs-text-dim)}.hs-inspector__title{font-weight:600}.hs-inspector__tag{color:var(--hs-brand-hover)}.hs-inspector__kind{margin-left:6px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--hs-text-muted)}.hs-inspector__multi-label{font-family:var(--hs-font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--hs-accent-purple)}.hs-inspector__multi-count{color:var(--hs-accent-purple-text);font-weight:600}.hs-inspector__actions{display:inline-flex;align-items:center;gap:6px}.hs-inspector__action{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:600;color:var(--hs-text-muted);background:var(--hs-bg-elev);border:1px solid var(--hs-border-strong);border-radius:var(--hs-radius-sm);cursor:pointer;transition:background-color .12s,color .12s,border-color .12s}.hs-inspector__action:hover{color:#fff;background:var(--hs-brand-soft);border-color:var(--hs-brand-ring)}.hs-inspector__close{background:#0000;border:0;color:var(--hs-text-dim);cursor:pointer;padding:2px}.hs-inspector__close:hover{color:var(--hs-text)}.hs-inspector__body{flex:1;overflow-y:auto;overflow-x:hidden}.hs-inspector__multi-note{padding:8px 16px;font-size:11px;line-height:1.5;color:var(--hs-accent-purple-text);background:var(--hs-accent-purple-soft);border-bottom:1px solid var(--hs-border-soft)}.hs-inspector__save{flex-shrink:0;padding:8px 16px;border-top:1px solid var(--hs-border);font-family:var(--hs-font-mono);font-size:11px}.hs-inspector__save--idle{color:var(--hs-text-dim)}.hs-inspector__save--pending{color:var(--hs-accent-amber)}.hs-inspector__save--saving{color:var(--hs-accent-sky)}.hs-inspector__save--saved{color:var(--hs-accent-emerald)}.hs-inspector__save--error{color:var(--hs-accent-rose)}.hs-section{border-bottom:1px solid var(--hs-border-soft)}.hs-section__head{width:100%;display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--hs-text);background:#0000;border:0;cursor:pointer;transition:background-color .12s}.hs-section__head:hover{background:#1e293b66}.hs-section__head-icon{color:var(--hs-text-dim);display:inline-flex}.hs-section__body{padding:12px 16px;display:flex;flex-direction:column;gap:10px}.hs-section__intro{margin:0 0 8px;font-size:11px;color:var(--hs-text-dim)}.hs-section__hint{margin:12px 0 0;font-size:10px;line-height:1.6;color:var(--hs-text-faint)}.hs-row{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:8px}.hs-row__label{font-size:11px;color:var(--hs-text-muted)}.hs-apply{display:flex;flex-direction:column;gap:6px}.hs-apply__label{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--hs-text-muted)}.hs-unit{display:flex;gap:4px}.hs-unit .hs-input{flex:1}.hs-unit .hs-select{width:64px;padding-right:18px}.hs-color{display:flex;gap:4px}.hs-color input[type=color]{width:32px;height:28px;background:var(--hs-bg-deep);border:1px solid var(--hs-border-strong);border-radius:var(--hs-radius-sm);padding:2px;cursor:pointer}.hs-color .hs-input{flex:1;font-family:var(--hs-font-mono)}.hs-color__clear{background:#0000;border:0;color:var(--hs-text-dim);cursor:pointer;padding:0 6px;font-size:11px}.hs-color__clear:hover{color:var(--hs-text)}.hs-slider{display:flex;align-items:center;gap:8px}.hs-slider input[type=range]{flex:1;accent-color:var(--hs-brand)}.hs-slider__value{width:40px;text-align:right;font-family:var(--hs-font-mono);font-size:11px;color:var(--hs-text-muted)}.hs-segmented{display:flex;background:var(--hs-bg-deep);border:1px solid var(--hs-border-strong);border-radius:var(--hs-radius);overflow:hidden}.hs-segmented__opt{flex:1;padding:6px 4px;font-size:11px;text-transform:capitalize;color:var(--hs-text-muted);background:#0000;border:0;cursor:pointer;transition:background-color .12s,color .12s}.hs-segmented__opt:hover:not(.hs-segmented__opt--active){color:var(--hs-text)}.hs-segmented__opt--active{background:var(--hs-brand);color:#fff}.hs-box{min-width:0}.hs-box__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.hs-box__reset{background:#0000;border:0;color:var(--hs-text-dim);font-size:10px;cursor:pointer}.hs-box__reset:hover{color:var(--hs-text)}.hs-box__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.hs-box__side{text-align:center;font-size:9px;text-transform:uppercase;color:var(--hs-text-faint);margin-top:2px}.hs-advanced-apply{width:100%;margin-top:4px;padding:6px 12px;font-size:12px;font-weight:600;color:var(--hs-text);background:var(--hs-bg-elev);border:1px solid var(--hs-border-strong);border-radius:var(--hs-radius);cursor:pointer;transition:background-color .12s}.hs-advanced-apply:hover{background:var(--hs-bg-elev-2)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--hs-font);background:var(--hs-bg-deep);color:var(--hs-text);-webkit-font-smoothing:antialiased}.demo-app{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--hs-bg-deep);color:var(--hs-text)}.demo-header{flex-shrink:0;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--hs-bg);border-bottom:1px solid var(--hs-border)}.demo-header__brand{display:flex;align-items:center;gap:10px}.demo-header__logo{width:26px;height:26px;display:grid;place-items:center;background:var(--hs-brand);color:#fff;font-weight:700;font-size:13px;border-radius:6px}.demo-header__title{font-weight:600;font-size:14px;color:var(--hs-text-strong)}.demo-header__tag{font-family:var(--hs-font-mono);font-size:10px;color:var(--hs-text-muted);margin-left:4px}.demo-header__tagline{margin-left:18px;font-size:12px;color:var(--hs-text-muted)}.demo-header__actions{display:flex;align-items:center;gap:10px}.demo-header__link{font-family:var(--hs-font-mono);font-size:12px;color:var(--hs-text-muted);text-decoration:none}.demo-header__link:hover{color:var(--hs-text-strong)}.demo-body{flex:1;display:flex;overflow:hidden}.demo-stage{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;background:#0c0e14;overflow:hidden}.demo-stage__grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.2;background-image:radial-gradient(#334155 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.demo-stage__viewport{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10}.demo-stage__zoom{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:20}.demo-chat-modes{display:flex;gap:4px;padding:10px 12px;background:var(--hs-bg-deep)}.demo-chat-mode{flex:1;padding:8px 12px;font:inherit;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--hs-text-muted);background:var(--hs-bg);border:1px solid var(--hs-border-strong);border-radius:var(--hs-radius);cursor:pointer;transition:background-color .12s,color .12s,border-color .12s}.demo-chat-mode:hover:not(.demo-chat-mode--active){color:var(--hs-text-strong);border-color:var(--hs-border-strong)}.demo-chat-mode--active{color:#fff;background:var(--hs-brand);border-color:var(--hs-brand)}