.pbd-box-fit{align-items:center;display:flex;position:absolute;inset:0}.pbd-box-fit>*{width:100%}.pbd{--ss-row-title:13px;--ss-row-subtitle:12px;--ss-row-meta:12px;& .mpd-win{height:auto;bottom:24px}& .ss-stage[data-layout=compact] .mpd-win{height:auto;bottom:16px}& .pbd-win{background:var(--ss-surface);flex-direction:column;gap:12px;padding:16px;display:flex}& .pbd-head{flex:none;justify-content:space-between;align-items:baseline;gap:12px;display:flex}& .pbd-title{color:var(--ss-text-strong);font-size:13px;font-weight:500;line-height:1.4}& .pbd-meta{color:var(--ss-text);gap:4px;font-size:13px;line-height:1.4;display:inline-flex}& .pbd-label{color:var(--ss-text);font-size:12px;line-height:1.4}& .ss-row__title{font-weight:500}& .pbd-now{color:var(--ss-text-strong);font-weight:500}& .pbd-list{flex-direction:column;flex:1;min-height:0;margin:0 -8px;display:flex;overflow:hidden}& .pbd-blocks{gap:2px}& .pbd-bleed{margin-bottom:-16px;mask-image:linear-gradient(#000 70%,#0000)}& .pbd-thumb{background-color:var(--ss-canvas);background-repeat:no-repeat;border-radius:6px;flex:none;width:40px;height:28px;display:block}& .pbd-thumb[data-kind=hero]{background-image:linear-gradient(var(--ss-ink-4), var(--ss-ink-4)), linear-gradient(var(--ss-ink-3), var(--ss-ink-3));background-position:50% 9px,50% 16px;background-size:24px 4px,16px 3px}& .pbd-thumb[data-kind=logos]{--dot:radial-gradient(circle, var(--ss-ink-4) 2.5px, transparent 3px);background-image:var(--dot), var(--dot), var(--dot), var(--dot);background-position:5px,12px,20px,27px;background-size:8px 8px}& .pbd-thumb[data-kind=bento]{background-image:linear-gradient(var(--ss-ink-3), var(--ss-ink-3)), linear-gradient(var(--ss-ink-3), var(--ss-ink-3)), linear-gradient(var(--ss-ink-3), var(--ss-ink-3));background-position:6px 6px,22px 6px,6px 16px;background-size:14px 8px,12px 8px,28px 6px}& .pbd-thumb[data-kind=plans]{background-image:linear-gradient(var(--ss-ink-3), var(--ss-ink-3)), linear-gradient(var(--ss-ink-4), var(--ss-ink-4)), linear-gradient(var(--ss-ink-3), var(--ss-ink-3));background-position:6px 7px,16px 6px,26px 7px;background-size:8px 14px,8px 16px,8px 14px}& .pbd-thumb[data-kind=toggle]{background-image:linear-gradient(var(--ss-ink-4), var(--ss-ink-4)), linear-gradient(var(--ss-ink-3), var(--ss-ink-3)), linear-gradient(var(--ss-ink-3), var(--ss-ink-3));background-position:50% 5px,10px 12px,22px 12px;background-size:12px 4px,8px 11px,8px 11px}& .pbd-thumb[data-kind=faq]{background-image:linear-gradient(var(--ss-ink-3), var(--ss-ink-3)), linear-gradient(var(--ss-ink-3), var(--ss-ink-3)), linear-gradient(var(--ss-ink-3), var(--ss-ink-3));background-position:50% 7px,50% 13px,50% 19px;background-size:28px 3px,28px 3px,28px 3px}& .pbd-thumb[data-kind=seats]{background-image:radial-gradient(circle, var(--ss-ink-4) 3px, transparent 3.5px), linear-gradient(var(--ss-ink-3), var(--ss-ink-3));background-position:20px 8px,50% 13px;background-size:8px 8px,28px 2px}& .pbd-add{flex:none;position:relative}& .pbd-popover{background:var(--ss-surface);box-shadow:var(--ss-shadow-float);opacity:0;border-radius:10px;gap:2px;padding:6px;transition:opacity .2s,translate .3s cubic-bezier(.25,.8,.25,1);display:grid;position:absolute;bottom:calc(100% + 8px);left:0;right:0;translate:0 6px}& .pbd-popover[data-open]{opacity:1;translate:0}& .pbd-group{color:var(--ss-text);padding:4px 6px;font-size:12px;line-height:1.4}& .pbd-option{color:var(--ss-text-strong);border-radius:6px;align-items:center;gap:12px;padding:4px;font-size:13px;line-height:1.4;transition:background-color .15s;display:flex}& .pbd-option[data-active]{background:var(--ss-ink-2)}& .pbd-preview{background:var(--ss-canvas);border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:12px;min-height:0;padding:20px;display:flex}& .pbd-heading{outline-offset:4px;color:var(--ss-text-strong);letter-spacing:-.02em;white-space:nowrap;border-radius:2px;outline:1px solid #0000;font-size:24px;font-weight:500;line-height:1.2;transition:outline-color .2s;position:relative}& .pbd-heading[data-on]{outline-color:var(--ss-text-strong)}& .pbd-tag{background:var(--ss-text-strong);color:var(--ss-surface);letter-spacing:0;opacity:0;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;font-weight:500;line-height:1.4;transition:opacity .2s;display:flex;position:absolute;bottom:calc(100% + 9px);left:-5px}& .pbd-tag svg{fill:none;stroke:currentColor;stroke-width:1.5px;flex:none}& .pbd-heading[data-on] .pbd-tag{opacity:1}& .pbd-lines{gap:7px;width:100%;display:grid}& .pbd-button{background:var(--ss-text-strong);color:var(--ss-surface);border-radius:6px;padding:6px 12px;font-size:12px;line-height:1.4;transition:background-color .4s}& .pbd-split{grid-template-columns:1fr 176px;gap:16px;display:grid}& .pbd-fields{flex-direction:column;gap:10px;min-height:0;display:flex}& .pbd-field{gap:4px;display:grid}& .pbd-box{box-shadow:inset 0 0 0 1px var(--ss-line);border-radius:8px;gap:7px;padding:12px;display:grid}& .pbd-image{color:var(--ss-text-strong);align-items:center;gap:12px;padding:6px;font-size:13px;line-height:1.4;display:flex}& .pbd-tile{background:var(--ss-ink-3);border-radius:4px;flex:none;width:40px;height:28px}& .pbd-terminal{background:var(--ss-canvas);height:40px;color:var(--ss-text-strong);font:13px/1.4 var(--ss-mono);border-radius:8px;flex:none;align-items:center;gap:8px;padding:0 12px;display:flex}& .pbd-prompt{color:var(--ss-text)}& .pbd-spin{margin-left:auto}& .pbd-code{--ss-code-key:var(--ss-text-strong);--ss-code-str:var(--ss-text);--ss-code-num:var(--ss-text-strong);--ss-code-fn:var(--ss-text-strong);background:var(--ss-canvas);min-height:0;font:12px/20px var(--ss-mono);font-variant-ligatures:none;border-radius:8px;flex:1;padding:12px 0;overflow:hidden}& .pbd-check{background:var(--ss-canvas);color:var(--ss-text-strong);border-radius:8px;flex:none;gap:4px;padding:12px;font-size:13px;line-height:1.4;transition:background-color .3s,color .3s;display:grid}& .pbd-check[data-error]{background:var(--ss-danger-soft);color:var(--ss-danger-text)}& .pbd-check-head{align-items:center;gap:8px;display:flex}& .pbd-error{font:12px/1.4 var(--ss-mono);opacity:0;transition:opacity .3s}& .pbd-error[data-on]{opacity:1}& .pbd-settings{flex:none;gap:12px;display:grid}& .pbd-swatches{align-items:center;gap:12px;display:flex}& .pbd-swatches .pbd-label{margin-right:4px}& .pbd-swatch{border-radius:50%;flex:none;width:24px;height:24px;transition:box-shadow .25s}& .pbd-swatch[data-on]{box-shadow:0 0 0 2px var(--ss-surface), 0 0 0 4px var(--ss-text-strong)}& .pbd-hex{color:var(--ss-text-strong);font:13px/1.4 var(--ss-mono);margin-left:auto}& .pbd-site{position:relative}& .pbd-nav{justify-content:space-between;align-items:center;display:flex;position:absolute;top:16px;left:20px;right:20px}& .pbd-nav-links{gap:12px;display:flex}& .ss-stage[data-layout=compact] .pbd-split{grid-template-rows:1fr auto;grid-template-columns:1fr}& .ss-stage[data-layout=compact] .pbd-extra{display:none}& .ss-stage[data-layout=compact] .pbd-code{font-size:11px;line-height:18px}& .ss-stage[data-layout=compact] .pbd-error{font-size:11px}}
