body{margin:0;background:var(--bs-color-frame-bg);color:var(--bs-color-text-primary);font-family:var(--bs-font-sans)}.ss-demo-block{padding:24px 28px;border-bottom:1px dashed var(--bs-color-frame-border)}.ss-demo-block--canvas{background:var(--bs-color-canvas)}.ss-demo-label{margin:0 0 16px;color:var(--bs-color-text-muted);font-family:var(--bs-font-mono);font-size:.76rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.ss-app-frame{border:2px solid var(--bs-color-frame-border);border-radius:10px;overflow:hidden;background:var(--bs-color-surface)}.ss-app-content{padding:28px 28px 32px;min-height:160px;background:var(--bs-color-canvas)}.bs-topbar__suite-brand{display:inline-flex;align-items:center;text-decoration:none;color:var(--bs-color-text-heading);flex-shrink:0}.bs-topbar__suite-brand-copy,.bs-topbar__suite-divider{display:inline-block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .28s cubic-bezier(.4,0,.2,1),opacity .2s ease,margin .28s cubic-bezier(.4,0,.2,1)}.bs-topbar__suite-brand:hover .bs-topbar__suite-brand-copy{max-width:100px;opacity:1;margin-left:14px;margin-right:4px}.bs-topbar__suite-brand:hover .bs-topbar__suite-divider{max-width:12px;opacity:1;margin-right:6px}.bs-topbar__suite-brand-copy strong{display:block;font-family:var(--bs-font-mono);font-size:1rem;font-weight:700;letter-spacing:-.03em;color:var(--bs-color-text-heading)}.bs-topbar__suite-divider{color:var(--bs-color-border-subtle);font-family:var(--bs-font-mono);font-size:1rem;font-weight:300;-webkit-user-select:none;user-select:none}.bs-topbar__app-name{margin-left:10px;font-family:var(--bs-font-mono);font-size:.95rem;font-weight:600;color:var(--bs-color-text-primary);letter-spacing:-.02em;transition:margin .28s cubic-bezier(.4,0,.2,1)}.bs-topbar__suite-brand:hover .bs-topbar__app-name{margin-left:0}.bs-suite-topbar{padding:14px 22px 12px}.bs-marketing-topbar{padding:18px 28px 14px;background:var(--bs-color-canvas);border-bottom:1px solid var(--bs-color-border-subtle)}.bs-avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:none;background:var(--bs-color-pill-active);color:var(--bs-color-pill-active-contrast);font-family:var(--bs-font-mono);font-size:.75rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:opacity .14s ease}.bs-avatar:hover{opacity:.85}.bs-app-switcher{position:relative}.bs-app-switcher__menu{position:absolute;top:calc(100% + 10px);right:0;z-index:50;width:320px;padding:16px;border:1px solid var(--bs-color-border-subtle);border-radius:var(--bs-radius-modal);background:var(--bs-color-surface);box-shadow:var(--bs-shadow-modal);display:grid;gap:12px}.bs-app-switcher__menu .bs-kicker{margin:0}.bs-app-switcher__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bs-app-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 8px;border:1px solid var(--bs-color-border-subtle);border-radius:var(--bs-radius-panel);background:color-mix(in srgb,var(--bs-color-surface) 92%,var(--bs-color-canvas));text-decoration:none;color:var(--bs-color-text-primary);transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .14s ease,box-shadow .14s ease}.bs-app-tile:hover{background:var(--bs-color-pill-active);border-color:var(--bs-color-pill-active);color:var(--bs-color-pill-active-contrast);transform:translateY(-2px);box-shadow:var(--bs-shadow-panel)}.bs-app-tile:active{transform:scale(.97)}.bs-app-tile--active{border-color:var(--bs-color-pill-active);background:var(--bs-color-accent-soft)}.bs-app-tile__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--bs-color-pill-active);color:var(--bs-color-pill-active-contrast);font-family:var(--bs-font-mono);font-size:.72rem;font-weight:700;letter-spacing:.02em;transition:background-color .14s ease,color .14s ease}.bs-app-tile:hover .bs-app-tile__icon{background:var(--bs-color-surface);color:var(--bs-color-pill-active)}.bs-app-tile__label{font-family:var(--bs-font-mono);font-size:.7rem;font-weight:600;text-align:center;color:var(--bs-color-text-heading);line-height:1.25;word-break:break-word;transition:color .14s ease}.bs-app-tile:hover .bs-app-tile__label{color:var(--bs-color-pill-active-contrast)}.bs-app-switcher__trigger:hover{background:var(--bs-color-surface-muted)}.bs-account-dropdown{position:relative;display:flex;align-items:center}.bs-account-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:50;width:240px;background:var(--bs-color-surface);border:1px solid var(--bs-color-border-subtle);border-radius:var(--bs-radius-modal);box-shadow:var(--bs-shadow-modal);overflow:hidden}.bs-account-menu__header{padding:16px;display:flex;align-items:center;gap:12px;background:color-mix(in srgb,var(--bs-color-surface) 96%,var(--bs-color-canvas))}.bs-avatar--lg{width:40px;height:40px;font-size:.9rem}.bs-account-menu__info{display:flex;flex-direction:column;min-width:0}.bs-account-menu__name{font-size:.9rem;font-weight:600;color:var(--bs-color-text-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bs-account-menu__email{font-size:.75rem;color:var(--bs-color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bs-account-menu__divider{height:1px;background:var(--bs-color-border-subtle)}.bs-account-menu__link{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:.85rem;color:var(--bs-color-text-primary);text-decoration:none;transition:background .12s ease}.bs-account-menu__link:hover{background:var(--bs-color-surface-muted)}.bs-account-menu__signout{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:none;background:none;font-family:inherit;font-size:.85rem;color:var(--bs-color-text-danger, #ef4444);text-align:left;cursor:pointer;transition:background .12s ease}.bs-account-menu__signout:hover{background:color-mix(in srgb,var(--bs-color-text-danger, #ef4444) 6%,transparent)}.bs-footer{background:var(--bs-color-surface);border-top:1px solid var(--bs-color-border-subtle)}.bs-footer__inner{display:grid;grid-template-columns:1.8fr repeat(3,1fr);gap:40px;padding:40px 28px 36px}.bs-footer__brand{display:flex;align-items:flex-start;gap:14px}.bs-footer__brand-mark{flex-shrink:0;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--bs-color-pill-active);color:var(--bs-color-pill-active-contrast)}.bs-footer__brand-mark svg{width:20px;height:20px}.bs-footer__brand-name{display:block;font-family:var(--bs-font-mono);font-size:1rem;font-weight:700;letter-spacing:-.03em;color:var(--bs-color-text-heading)}.bs-footer__tagline{margin:4px 0 0;font-size:.86rem;color:var(--bs-color-text-muted);line-height:1.5}.bs-footer__nav .bs-kicker{margin-bottom:12px}.bs-footer__nav ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}.bs-footer__nav a{color:var(--bs-color-text-muted);text-decoration:none;font-size:.9rem;line-height:1.5;transition:color .12s ease}.bs-footer__nav a:hover{color:var(--bs-color-text-heading)}.bs-footer__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;border-top:1px solid var(--bs-color-border-subtle);background:color-mix(in srgb,var(--bs-color-surface) 94%,var(--bs-color-canvas))}.bs-footer__legal{color:var(--bs-color-text-muted);font-family:var(--bs-font-mono);font-size:.78rem}.bs-footer__status{display:inline-flex;align-items:center;gap:7px;color:var(--bs-color-status-success-fg);font-family:var(--bs-font-mono);font-size:.78rem;font-weight:600}.bs-footer__status-dot{width:7px;height:7px;border-radius:50%;background:var(--bs-color-status-success-fg);animation:bs-pulse 2.4s ease-in-out infinite}@keyframes bs-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.bs-footer--compact .bs-footer__inner{display:none}.bs-footer--compact .bs-footer__bar{padding:16px 28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}.bs-footer--compact .bs-footer__legal{text-align:center}@media(max-width:760px){.bs-footer--compact .bs-footer__bar{grid-template-columns:1fr;justify-items:center;text-align:center;gap:12px}}@media(max-width:1024px){.bs-footer__inner{grid-template-columns:1fr 1fr;gap:28px}}@media(max-width:760px){.bs-suite-topbar,.bs-marketing-topbar{flex-wrap:wrap;gap:12px}.bs-nav-pills{order:3;width:100%}.bs-footer__inner{grid-template-columns:1fr;gap:24px;padding:28px 20px}.bs-footer__bar{flex-direction:column;align-items:flex-start;padding:14px 20px;gap:8px}}