@layer stageshow{.ss-pin{--ss-pin-r:50% 50% 50% 0;position:relative;display:inline-grid;flex-shrink:0;place-items:center;padding:2px;box-sizing:border-box;border-radius:var(--ss-pin-r);background:var(--ss-surface);box-shadow:0 0 0 1px rgba(0,0,0,.06),0 2px 6px -1px rgba(0,0,0,.25);will-change:transform;transition:box-shadow .3s ease}.ss-pin[data-corner=br]{--ss-pin-r:50% 50% 0 50%}.ss-pin[data-corner=tl]{--ss-pin-r:0 50% 50% 50%}.ss-pin[data-corner=tr]{--ss-pin-r:50% 0 50% 50%}.ss-pin__face{display:grid;place-items:center;width:100%;height:100%;overflow:hidden;border-radius:var(--ss-pin-r);background:var(--ss-ink-3);color:var(--ss-text-strong);font-weight:600;line-height:1}.ss-pin[data-tone=accent] .ss-pin__face{background:var(--ss-accent);color:#fff}.ss-pin__face img{width:100%;height:100%;object-fit:cover}.ss-pin[data-selected]{box-shadow:0 0 0 1.5px var(--ss-surface),0 0 0 3px var(--ss-accent),0 2px 6px -1px rgba(0,0,0,.25)}.ss-pin[data-selected][data-tone=ink]{box-shadow:0 0 0 1.5px var(--ss-surface),0 0 0 3px var(--ss-ink-5),0 2px 6px -1px rgba(0,0,0,.25)}.ss-row{--ss-row-pad:12px;--ss-row-title:12px;--ss-row-subtitle:11.5px;--ss-row-meta:11px;--ss-row-line:16px;--ss-row-line-2:16px;--ss-row-gap:2px;--ss-row-dot:6px;position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;grid-column-gap:10px;column-gap:10px;padding:var(--ss-row-pad) var(--ss-row-pad);border-radius:var(--ss-radius-lg);will-change:transform;transition:background .2s ease}.ss-row[data-hover],.ss-row[data-selected]{background:var(--ss-ink-1)}.ss-row[data-lead]{grid-template-columns:auto minmax(0,1fr)}.ss-row>:not(.ss-row__lead):not(.ss-row__body):not(.ss-row__dot):not(.ss-row__preview){grid-row:1;align-self:center;justify-self:end}.ss-row__dot{position:absolute;grid-row:1/2;grid-column:1/2;z-index:1;left:calc(-7px - var(--ss-row-dot));top:calc(50% - 3px);width:var(--ss-row-dot);height:var(--ss-row-dot);margin-top:calc(3px - var(--ss-row-dot) / 2);border-radius:50%;background:var(--ss-accent)}.ss-phone__screen .ss-row{--ss-row-title:17px;--ss-row-subtitle:15px;--ss-row-meta:15px;--ss-row-line:22px;--ss-row-line-2:20px;--ss-row-gap:0px;--ss-row-dot:10px}.ss-row__lead{grid-row:1/2;grid-column:1/2;display:inline-flex;align-items:center}.ss-row__body{grid-row:1;display:flex;flex-direction:column;gap:var(--ss-row-gap);min-width:0;justify-content:center}}@layer stageshow{.ss-row:has(.ss-row__subtitle,.ss-row__preview) .ss-row__body{min-height:calc(var(--ss-row-line) + var(--ss-row-line-2) + var(--ss-row-gap))}.ss-row__head{display:flex;align-items:center;gap:8px;min-height:var(--ss-row-line)}.ss-row__title{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ss-row-title);font-weight:600;color:var(--ss-text-strong)}.ss-row__meta,.ss-row__title{line-height:var(--ss-row-line)}.ss-row__meta{flex:none;font-size:var(--ss-row-meta);color:var(--ss-text-faint)}.ss-row__subtitle{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ss-row-subtitle);line-height:var(--ss-row-line-2);color:var(--ss-text)}.ss-row__preview{grid-row:2;display:grid;justify-items:start;grid-row-gap:calc(var(--ss-row-line-2) - 6px);row-gap:calc(var(--ss-row-line-2) - 6px);padding-top:calc((var(--ss-row-line-2) - 6px) / 2)}.ss-row__preview[data-text]{display:-webkit-box;overflow:hidden;padding-top:0;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:var(--ss-row-subtitle);line-height:var(--ss-row-line-2);color:var(--ss-text)}.ss-row[data-lead] .ss-row__preview{grid-column:2}.ss-row__preview>.ss-bar{display:block}.ss-row:has(.ss-row__preview) .ss-row__dot,.ss-row:has(.ss-row__preview) .ss-row__lead{grid-row:1/3;align-self:start}.ss-row:has(.ss-row__preview){--ss-row-lead-h:calc(var(--ss-row-line) + var(--ss-row-line-2) * 2 + var(--ss-row-gap))}.ss-row:has(.ss-row__preview) .ss-row__lead{height:var(--ss-row-lead-h)}.ss-row:has(.ss-row__preview) .ss-row__dot{top:calc(var(--ss-row-lead-h) / 2 - 3px)}.ss-row__title>.ss-bar{display:block;margin:calc((var(--ss-row-line) - 6px) / 2) 0}.ss-row__subtitle>.ss-bar{display:block;margin:calc((var(--ss-row-line-2) - 6px) / 2) 0}.ss-row__meta>.ss-bar{display:block;margin:calc((var(--ss-row-line) - 6px) / 2) 0}}