:root{--scrollsheet-safe-area-top: 44px}body{min-height:100dvh;background:var(--bg-inset)}.embed-page{min-height:100dvh;display:flex;align-items:flex-end;justify-content:center}.hs-app{position:fixed;inset:0;padding:56px 14px 0;overflow-y:auto}.hs-app-bar{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:0 4px 12px}.hs-app-bar h1{font-size:1.35rem;letter-spacing:-.02em;margin:0}.hs-app-bar span{font-size:.78rem;color:var(--fg-faint)}.hs-row{appearance:none;border:0;background:none;width:100%;display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid var(--border);color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:10px}.hs-row:hover{background:var(--bg-inset)}.hs-thumb{flex:none;width:36px;height:36px;border-radius:10px;opacity:.9}.hs-thumb--sheet{background:linear-gradient(135deg,var(--accent),#a78bfa)}.hs-thumb--drawer{background:linear-gradient(135deg,#f0a868,#e4735c)}.hs-thumb--dialog{background:linear-gradient(135deg,#4fa89b,#2f6f6a)}.hs-thumb--nested{background:linear-gradient(135deg,#6c8ff0,#3f5bd0)}.hs-thumb--toast{background:linear-gradient(135deg,#d9a441,#b3762a)}.hs-row-text{display:flex;flex-direction:column;gap:2px;min-width:0}.hs-row-label{font-size:.92rem;font-weight:550}.hs-row-hint{font-size:.76rem;color:var(--fg-faint)}.hs-close{position:absolute;top:12px;right:12px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--bg-inset);color:var(--fg-muted);cursor:pointer}.hs-close svg{width:15px;height:15px}.hs-actions{display:flex;gap:8px;margin-top:18px}.hs-btn{flex:1;appearance:none;border:1px solid var(--border);background:var(--bg-inset);color:var(--fg);font:inherit;font-size:.88rem;padding:9px 12px;border-radius:10px;cursor:pointer}.hs-btn--danger{background:var(--danger);border-color:var(--danger);color:#fff}.demo-panel.demo-panel--side{border-radius:0}.hs-drawer-header{display:flex;align-items:center;gap:2px;padding:4px 22px 0}.hs-drawer-title{margin:0;font-size:1.15rem}.hs-drawer-close{flex:none;width:44px;height:44px;margin:-10px 0 -10px -12px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:none;color:var(--fg-muted);cursor:pointer}.hs-drawer-close:hover{background:var(--bg-inset)}.hs-drawer-close svg{width:18px;height:18px}.demo-panel.demo-panel--dialog{border-radius:16px;--scrollsheet-inset-x: 18px;--scrollsheet-inset-bottom: 150px;padding-top:0}.demo-panel--dialog .demo-panel-body{padding-top:24px}.hs-menu{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column}.hs-menu li{padding:11px 2px;font-size:.9rem;border-bottom:1px solid var(--border)}.hs-menu li:last-child{border-bottom:0}.hs-note{margin-top:14px!important;font-size:.76rem!important;color:var(--fg-faint)!important}.hs-share-targets{display:flex;gap:10px;margin:18px 0 0;overflow-x:auto}.hs-share-target{appearance:none;border:0;background:none;flex:none;width:64px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 0;color:inherit;font:inherit;cursor:pointer}.hs-share-icon{width:52px;height:52px;border-radius:999px;background:var(--bg-inset);color:var(--fg-muted);display:inline-flex;align-items:center;justify-content:center}.hs-share-icon svg{width:22px;height:22px}.hs-share-target-label{font-size:.72rem;color:var(--fg-muted);text-align:center}.hs-link-row{display:flex;align-items:center;gap:10px;margin-top:16px;padding:10px 12px;border-radius:12px;background:var(--bg-inset)}.hs-link-row svg{flex:none;width:16px;height:16px;color:var(--fg-muted)}.hs-link-url{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem}.hs-link-copy{flex:none;appearance:none;border:0;background:var(--bg-elevated);color:var(--accent);font:inherit;font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:8px;cursor:pointer}.hs-link-row+.hs-btn{margin-top:18px}.demo-panel{background:var(--bg-elevated);border-radius:20px 20px 0 0;box-shadow:var(--shadow-lg);color:var(--fg);padding-top:8px;--scrollsheet-handle: rgb(0 0 0 / .13);--scrollsheet-handle-hover: rgb(0 0 0 / .22)}@media(prefers-color-scheme:dark){.demo-panel{--scrollsheet-handle: rgb(255 255 255 / .2);--scrollsheet-handle-hover: rgb(255 255 255 / .32)}}:root[data-theme=dark] .demo-panel{--scrollsheet-handle: rgb(255 255 255 / .2);--scrollsheet-handle-hover: rgb(255 255 255 / .32)}:root[data-theme=light] .demo-panel{--scrollsheet-handle: rgb(0 0 0 / .13);--scrollsheet-handle-hover: rgb(0 0 0 / .22)}.demo-panel-body{padding:4px 22px 28px}.demo-panel-body h2{font-size:1.15rem;margin:6px 0 8px}.demo-panel-body p{color:var(--fg-muted);line-height:1.5;margin-bottom:16px;font-size:.94rem}.demo-panel-list{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:11px}.demo-panel-list li{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--fg)}.demo-panel-list svg{flex:none;width:16px;height:16px;color:var(--accent)}