/* SWD Feature browser — tiles left, preview right. */
.swd-browser .bw { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; align-items: start; }
.swd-browser .bw__panel { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.swd-browser .bw__panel button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; min-height: 104px; margin: 0; padding: 12px 8px; border: 0; border-radius: 14px; background: rgba(255,255,255,.03); box-shadow: inset 0 0 0 1px var(--edge); color: var(--muted); font-size: 13.5px; font-weight: 400; line-height: 1.3; text-align: center; text-transform: none; letter-spacing: inherit; white-space: normal; cursor: pointer; transition: background .2s, color .2s; }
.swd-browser .bw__panel .lic { width: 26px; height: 26px; }
.swd-browser .bw__panel button:hover { color: #fff; background: rgba(255,255,255,.06); }
.swd-browser .bw__panel [aria-selected="true"] { color: var(--ink); background: var(--a, var(--acc)); box-shadow: none; }
.swd-browser .bw__views { position: sticky; top: 110px; padding: clamp(24px, 3vw, 36px); border-radius: 24px; background: var(--card); box-shadow: inset 0 0 0 1px var(--edge); }
.swd-browser .bw__view h3 { margin: 24px 0 10px; font-size: 28px; }
.swd-browser .bw__view p { color: var(--muted); }
.swd-browser .bw__shot { overflow: hidden; border-radius: 16px; }
.swd-browser .bw__shot img { width: 100%; height: auto; }
.swd-browser .bw__prev { display: grid; align-content: center; gap: 12px; height: 230px; overflow: hidden; padding: 22px; border-radius: 16px; background: #fff; color: #141A2C; }
.swd-browser .pv-bar { height: 12px; overflow: hidden; border-radius: 6px; background: #E6EAF1; }
.swd-browser .pv-bar i { display: block; width: 68%; height: 100%; border-radius: 6px; background: #12A15E; animation: swd-pv 1.2s cubic-bezier(.2,.7,.2,1); }
@keyframes swd-pv { from { width: 0; } }
.swd-browser .pv-row { display: flex; justify-content: space-between; gap: 10px; font-size: 14px; color: #55607A; }
.swd-browser .pv-row b { color: #141A2C; }
.swd-browser .pv-amts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.swd-browser .pv-amts span { padding: 10px 0; border-radius: 9px; text-align: center; font-weight: 600; box-shadow: inset 0 0 0 1.5px #D6DEEA; }
.swd-browser .pv-amts span:nth-child(2) { background: #141A2C; color: #fff; box-shadow: none; }
.swd-browser .pv-btn { padding: 12px; border-radius: 10px; background: #12A15E; color: #fff; text-align: center; font-weight: 600; }
.swd-browser .pv-feed { display: grid; gap: 8px; font-size: 14px; }
.swd-browser .pv-feed div { display: flex; justify-content: space-between; padding: 8px 10px; border-radius: 8px; background: #F3F5F9; }
.swd-browser .pv-big { font-size: 34px; font-weight: 600; letter-spacing: -.03em; }
.swd-browser .pv-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.swd-browser .pv-chips span { padding: 8px 12px; border-radius: 9px; background: #F3F5F9; font-size: 14px; }
.swd-browser .pv-icon { display: grid; place-items: center; height: 100%; color: #141A2C; }
.swd-browser .pv-icon .lic { width: 72px; height: 72px; stroke-width: 1.2; }
.swd-browser .bw__prev:has(.pv-icon) { background: color-mix(in srgb, var(--a, var(--acc)) 85%, #fff); }
@media (max-width: 860px) { .swd-browser .bw { grid-template-columns: minmax(0, 1fr); } .swd-browser .bw__views { position: relative; top: 0; order: -1; } }
@media (max-width: 480px) { .swd-browser .bw__panel button { min-height: 88px; font-size: 12.5px; } }
.swd-browser .bw__panel button { white-space: normal; }