.sb-editor-gap{min-height:10px;position:relative}.sb-editor-gap.is-drop{min-height:48px}.sb-editor-insert{width:100%;color:var(--sb-primary);text-align:center;cursor:pointer;opacity:0;background:0 0;border:1px dashed #0000;border-radius:6px;margin:2px 0;padding:6px;font-size:13px;font-weight:600;transition:opacity .12s,border-color .12s,background .12s;display:block}.sb-editor-gap:hover .sb-editor-insert,.sb-editor-gap:focus-within .sb-editor-insert,.sb-editor-insert:focus-visible,.sb-editor-gap--empty .sb-editor-insert,.sb-editor-gap--always .sb-editor-insert,.sb-editor-gap.is-drop .sb-editor-insert{opacity:1;border-color:var(--fn-border-strong);background:var(--fn-surface-muted)}.sb-editor-gap.is-drop .sb-editor-insert{border-color:var(--sb-primary);background:var(--fn-semantic-info-bg)}.sb-editor-block-type{appearance:none;font:inherit;text-transform:uppercase;letter-spacing:.03em;color:var(--fn-text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:700}.sb-editor-block-type:hover{color:var(--fn-text-heading)}.sb-editor-chrome{border:1px solid var(--fn-warning-border);cursor:pointer;background:var(--fn-warning-surface);border-radius:8px;margin-bottom:8px;padding:6px}.sb-editor-chrome[data-active=true]{box-shadow:0 0 0 2px var(--fn-warning-border)}.sb-editor-chrome .sb-header,.sb-editor-chrome .sb-nav,.sb-editor-chrome .sb-footer,.sb-editor-chrome .sb-utility{pointer-events:none}.sb-editor-settings-tabs{background:var(--fn-surface-muted);border-bottom:1px solid var(--fn-border-default);flex-wrap:wrap;flex-shrink:0;gap:6px;padding:12px 12px 0;display:flex}.sb-editor-tab{color:var(--fn-text-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:7px 9px;font-size:12px;font-weight:650;display:inline-flex}.sb-editor-tab.is-active{background:var(--fn-surface-elevated);color:var(--fn-text-heading);border-color:var(--fn-border-default);box-shadow:0 1px 0 var(--fn-border-default)}.sb-editor-btn-inner{align-items:center;gap:6px;display:inline-flex}.sb-editor-loader{background:var(--fn-semantic-info-bg);border-bottom:1px solid var(--fn-semantic-info-border);color:var(--fn-text-body);align-items:center;gap:10px;padding:10px 16px;font-size:13px;display:flex}.sb-editor-spin{animation:.8s linear infinite sb-spin}@keyframes sb-spin{to{transform:rotate(360deg)}}.sb-card-style-grid{grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 12px;display:grid}.sb-card-style{text-align:left;border:1px solid var(--fn-border-default);background:var(--fn-surface);cursor:pointer;color:inherit;border-radius:10px;padding:8px}.sb-card-style.is-active{border-color:var(--sb-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--sb-primary) 30%, transparent)}.sb-card-style strong{font-size:12px;display:block}.sb-card-style span{color:var(--fn-text-muted);font-size:11px}.sb-card-style__preview{background:var(--fn-surface-muted);border:1px solid var(--fn-border-default);border-radius:6px;height:36px;margin-bottom:6px;display:block}.sb-card-style__preview[data-style=flush]{border-color:#0000}.sb-card-style__preview[data-style=overlay]{background:linear-gradient(var(--fn-surface-muted), var(--sb-primary))}.sb-card-style__preview[data-style=compact]{height:22px}.sb-card-preview{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 18px;display:grid}.sb-pages-table-wrap{border:1px solid var(--fn-border-default);background:var(--fn-surface-elevated);border-radius:10px;overflow:auto}.sb-pages-table{border-collapse:collapse;width:100%;font-size:13px}.sb-pages-table th,.sb-pages-table td{text-align:left;border-bottom:1px solid var(--fn-border-default);padding:10px 12px}.sb-pages-table tr[data-current=true]{background:var(--fn-semantic-info-bg)}.sb-pages-link{appearance:none;font:inherit;color:var(--sb-primary);cursor:pointer;background:0 0;border:0;padding:0;font-weight:650}.sb-pages-mono{color:var(--fn-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.sb-pages-actions{white-space:nowrap}.sb-status{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.sb-status--published{background:var(--fn-semantic-success-bg,#d3f9d8);color:var(--fn-semantic-success-border)}.sb-pages-rail{border-right:1px solid var(--fn-border-default);background:var(--fn-surface-elevated);flex-direction:column;flex-shrink:0;width:240px;min-height:0;display:flex}.sb-pages-rail__head{justify-content:space-between;align-items:center;padding:12px 12px 8px;display:flex}.sb-pages-rail__list{flex-direction:column;flex:1;gap:4px;padding:0 8px 8px;display:flex;overflow-y:auto}.sb-pages-rail__item{text-align:left;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:2px 8px;padding:8px;display:grid}.sb-pages-rail__item.is-current{background:var(--fn-semantic-info-bg);border-color:var(--fn-semantic-info-border)}.sb-pages-rail__title{font-size:13px;font-weight:650}.sb-pages-rail__kind{color:var(--fn-text-muted);grid-column:1/-1;font-size:11px}.sb-pages-rail__current{border-top:1px solid var(--fn-border-default);padding:12px}.sb-pages-rail__label{letter-spacing:.04em;text-transform:uppercase;color:var(--fn-text-muted);margin:0 0 8px;font-size:11px;font-weight:700}.sb-pages-rail__actions{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.sb-pages-icon-btn{border:1px solid var(--fn-border-default);background:var(--fn-surface);color:inherit;font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:inline-flex}.sb-pages-icon-btn--danger{color:var(--fn-semantic-error-border)}.sb-viewport-toggle{border:1px solid var(--fn-border-default);border-radius:8px;gap:4px;padding:2px;display:flex}.sb-viewport-toggle button{width:32px;height:28px;color:var(--fn-text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.sb-viewport-toggle button.is-active{background:var(--fn-surface-muted);color:var(--fn-text-heading)}.sb-canvas-frame{background:var(--sb-page-bg,var(--fn-surface));flex-direction:column;min-height:100%;margin:0 auto;transition:max-width .2s;display:flex;container:sb-canvas/inline-size}.sb-canvas-frame--mobile{border:1px solid var(--fn-border-default);background:var(--sb-page-bg,var(--fn-surface));box-shadow:0 12px 40px color-mix(in srgb, var(--fn-text-heading) 12%, transparent);border-radius:24px;overflow:hidden}.sb-canvas-frame--mobile .sb-hero,.sb-canvas-frame[data-preview=phone] .sb-hero{background-image:var(--sb-hero-image-mobile,var(--sb-hero-image))}.sb-editor-block-shell.is-phone-hidden:after{content:"Hidden on phones";letter-spacing:.03em;text-transform:uppercase;color:var(--fn-text-muted);background:var(--fn-surface-muted);border:1px solid var(--fn-border-default);pointer-events:none;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:36px;right:8px}.sb-editor-block-shell{position:relative}.sb-editor-gear{z-index:3;border:1px solid var(--fn-border-default);background:var(--fn-surface-elevated);width:32px;height:32px;color:var(--fn-text-heading);cursor:pointer;opacity:0;box-shadow:0 4px 12px color-mix(in srgb, var(--fn-text-heading) 12%, transparent);border-radius:999px;place-items:center;display:grid;position:absolute;top:36px;right:10px}.sb-editor-block-shell:hover .sb-editor-gear,.sb-editor-gear:focus-visible{opacity:1}.sb-locked-commerce{border:2px dashed var(--fn-border-strong);cursor:not-allowed;user-select:none;border-radius:12px;margin:12px 0 24px;position:relative;overflow:hidden}.sb-locked-commerce__body{pointer-events:none;filter:grayscale(.25);opacity:.72;padding:16px}.sb-locked-badge{z-index:2;letter-spacing:.03em;text-transform:uppercase;background:var(--fn-warning-surface);border:1px solid var(--fn-warning-border);color:var(--fn-text-heading);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;position:absolute;top:10px;left:10px}.sb-locked-toolbar,.sb-locked-list,.sb-locked-form{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.sb-locked-toolbar{flex-direction:row;align-items:center;gap:8px;font-weight:700}.sb-locked-chip,.sb-locked-field,.sb-locked-row{background:var(--fn-surface-muted);border:1px solid var(--fn-border-default);border-radius:8px;padding:8px 10px;font-size:12px}.sb-locked-row{justify-content:space-between;display:flex}.sb-locked-cta{text-align:center;background:var(--sb-primary);color:var(--fn-text-on-primary);border-radius:8px;margin-top:8px;padding:10px;font-weight:700}.sb-skip-inspector{position:absolute;top:0;left:-999px}.sb-skip-inspector:focus{z-index:40;background:var(--fn-surface-elevated);color:var(--fn-text-heading);padding:8px 12px;left:8px}.sb-topbar{background:var(--fn-surface-elevated);border-bottom:1px solid var(--fn-border-default);z-index:50;flex-shrink:0;align-items:center;gap:8px;min-height:52px;padding:0 12px;display:flex;overflow:visible}.sb-topbar__sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.sb-topbar__back,.sb-topbar__ghost,.sb-topbar__publish{appearance:none;border:1px solid var(--fn-border-default);background:var(--fn-surface);color:inherit;font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:650;display:inline-flex}.sb-topbar__publish{background:var(--sb-primary);color:var(--fn-text-on-primary);border-color:#0000}.sb-topbar__pages{align-items:center;gap:8px;min-width:0;display:inline-flex}.sb-topbar__page-btn{appearance:none;border:1px solid var(--fn-border-default);background:var(--fn-surface);color:inherit;font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:8px;max-width:220px;padding:7px 10px 7px 12px;font-size:13px;font-weight:650;display:inline-flex}.sb-topbar__page-btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sb-topbar__page-btn:disabled{opacity:.55;cursor:not-allowed}.sb-topbar__page-item.is-current{font-weight:700}.sb-topbar__url{color:var(--fn-text-muted);align-items:center;gap:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:inline-flex}.sb-live-dot{color:var(--fn-semantic-success-border);font-family:inherit;font-size:11px;font-weight:700}.sb-live-dot--draft{color:var(--fn-text-muted)}.sb-topbar__save-state{color:var(--fn-text-muted);white-space:nowrap;font-size:12px}.sb-topbar__spacer{flex:1}.sb-topbar__more{z-index:51;flex-shrink:0;position:relative}.sb-topbar__more summary{cursor:pointer;border:1px solid var(--fn-border-default);border-radius:8px;padding:6px 10px;list-style:none}.sb-topbar__more summary::-webkit-details-marker{display:none}.sb-topbar__menu{background:var(--fn-surface-elevated);border:1px solid var(--fn-border-default);z-index:52;min-width:160px;box-shadow:0 8px 24px color-mix(in srgb, var(--fn-text-heading) 18%, transparent);border-radius:8px;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.sb-topbar__menu button{appearance:none;text-align:left;font:inherit;cursor:pointer;color:inherit;background:0 0;border:0;border-radius:6px;padding:8px}.sb-mode-rail{border-right:1px solid var(--fn-border-default);background:var(--fn-surface-elevated);flex-direction:column;flex-shrink:0;gap:4px;width:48px;padding:8px 6px;display:flex}.sb-mode-rail button{width:36px;height:36px;color:var(--fn-text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.sb-mode-rail button.is-active{background:var(--fn-semantic-info-bg);color:var(--fn-text-heading)}.sb-left-panel{border-right:1px solid var(--fn-border-default);background:var(--fn-surface-elevated);flex-shrink:0;width:280px;min-height:0;overflow:auto}.sb-layers__head,.sb-add-flyout__head{justify-content:space-between;align-items:center;padding:12px 12px 8px;display:flex}.sb-layers__search input,.sb-add-flyout__search{width:calc(100% - 24px);font:inherit;border:1px solid var(--fn-border-default);background:var(--fn-surface);color:inherit;border-radius:8px;margin:0 12px 8px;padding:8px}.sb-layers__tree{margin:0;padding:0 8px 16px;list-style:none}.sb-layers__tree li{border-radius:8px;align-items:center;gap:4px;padding:2px;display:flex}.sb-layers__tree li.is-selected{background:var(--fn-semantic-info-bg)}.sb-layers__tree li.is-dragging{opacity:.55}.sb-layers__tree li.is-drop-before{box-shadow:inset 0 2px 0 var(--sb-primary)}.sb-layers__tree li.is-drop-after{box-shadow:inset 0 -2px 0 var(--sb-primary)}.sb-layers__grip{appearance:none;width:28px;height:28px;color:var(--fn-text-muted);cursor:grab;background:0 0;border:0;border-radius:6px;flex-shrink:0;place-items:center;padding:0;display:grid}.sb-layers__grip:active{cursor:grabbing}.sb-layers__name{text-align:left;appearance:none;font:inherit;cursor:pointer;color:inherit;background:0 0;border:0;flex:1;min-width:0;padding:8px;font-size:13px}.sb-layers__icon{appearance:none;border:1px solid var(--fn-border-default);background:var(--fn-surface);width:28px;height:28px;color:var(--fn-text-body);cursor:pointer;border-radius:6px;flex-shrink:0;place-items:center;padding:0;display:grid}.sb-layers__icon:hover{border-color:var(--fn-border-strong);color:var(--fn-text-heading)}.sb-layers__icon.is-off{color:var(--fn-text-muted);opacity:.85}.sb-layers__icon:focus-visible{outline:2px solid var(--fn-border-focus);outline-offset:1px}.sb-layers__delete{appearance:none;border:1px solid var(--fn-border-default);background:var(--fn-surface);color:var(--fn-text-body);font:inherit;cursor:pointer;border-radius:6px;flex-shrink:0;padding:6px 8px;font-size:11px;font-weight:600;line-height:1}.sb-layers__delete:hover{border-color:var(--fn-semantic-error-border);background:var(--fn-semantic-error-bg)}.sb-layers__more{appearance:none;font:inherit;color:var(--fn-text-muted);cursor:pointer;background:0 0;border:0;padding:4px;font-size:11px}.sb-add-flyout__tabs{gap:4px;padding:0 12px 8px;display:flex}.sb-add-flyout__tabs button{appearance:none;font:inherit;cursor:pointer;color:var(--fn-text-muted);background:0 0;border:1px solid #0000;border-radius:8px;flex:1;padding:6px;font-size:12px;font-weight:650}.sb-add-flyout__tabs button.is-active{background:var(--fn-surface);border-color:var(--fn-border-default);color:var(--fn-text-heading)}.sb-add-flyout__list,.sb-add-starters{flex-direction:column;gap:4px;padding:0 12px 16px;display:flex}.sb-add-flyout__list button,.sb-add-starters button{appearance:none;text-align:left;border:1px solid var(--fn-border-default);background:var(--fn-surface);color:inherit;font:inherit;cursor:pointer;border-radius:8px;padding:8px 10px}.sb-add-starters button{flex-direction:column;gap:2px;display:flex}.sb-add-starters span{color:var(--fn-text-muted);font-size:12px}.sb-theme-flyout{padding:12px}.sb-inspector-context{color:var(--fn-text-muted);padding:12px 14px 0;font-size:12px;font-weight:700}.sb-editor-block-chrome{align-items:center;gap:6px;padding:4px 0;display:flex}.sb-editor-grip{appearance:none;border:1px solid var(--fn-border-default);background:var(--fn-surface);cursor:grab;width:28px;height:28px;color:var(--fn-text-muted);border-radius:6px;place-items:center;display:grid}.sb-editor-gap.is-caret .sb-editor-insert{opacity:1;border-color:var(--sb-primary)}.sb-locked-commerce{text-align:left;width:100%;font:inherit;color:inherit;appearance:none;cursor:pointer;display:block}.sb-locked-commerce.is-selected{outline:2px solid var(--sb-primary)}.sb-locked-hint{color:var(--fn-text-body);margin:36px 16px 0;font-size:13px}.is-busy .sb-canvas-frame,.is-busy .sb-left-panel,.is-busy .sb-mode-rail{pointer-events:none;opacity:.72}