.sb{display:flex;flex-direction:column;gap:20px}.sb__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:20px;align-items:start}.sb__inputs{gap:16px;padding:24px}.sb__result{display:flex;flex-direction:column;gap:16px;min-width:0;position:sticky;top:80px}.sb__hint{font-size:11px}.sb__hint,.sb__note{color:var(--fg-faint)}.sb__note{font-size:var(--text-xs)}.sb__empty{padding:24px 8px;text-align:center;color:var(--fg-muted)}.sb__edit{font-size:var(--text-sm);font-weight:700;color:var(--fg);margin-top:4px}.sb__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}.sb__list{display:flex;flex-direction:column;gap:8px}.sb__layer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px 6px 6px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}.sb__layer.is-selected{border-color:var(--accent-fg);background:var(--accent-soft)}.sb__layer.is-off .sb__pick{opacity:.55}.sb__pick{display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:44px;padding:4px 8px;border:0;background:transparent;color:var(--fg);font:inherit;text-align:start;cursor:pointer;border-radius:var(--radius-s)}.sb__chip{width:22px;height:22px;flex:none;border-radius:6px;border:1px solid var(--line-strong)}.sb__name{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:600;white-space:nowrap}.sb__tag{font-style:normal;font-size:10px;padding:1px 6px;border-radius:999px;background:var(--surface-3);color:var(--fg-muted)}.sb__sum{font-family:var(--font-mono);font-size:11px;color:var(--fg-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sb__acts{display:flex;align-items:center;gap:2px;flex:none}.sb__acts .ui-switch__label{display:none}.sb__up svg{transform:rotate(180deg)}.sb__acts .ui-iconbtn[disabled]{opacity:.35;cursor:not-allowed}.sb__card{width:min(220px,70%);height:140px}.sb__handle{border-radius:50%}.sb__handle:before{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--accent-ink);opacity:.5}@media (max-width:960px){.sb__grid{grid-template-columns:minmax(0,1fr)}.sb__result{position:static}}@media (max-width:520px){.sb__sum{display:none}.sb__layer{flex-wrap:wrap}.sb__fields{gap:16px 12px}.sb__inputs{padding:16px}}@media (max-width:960px){.sb__result{display:contents}.sb__preview{order:-1}}