/* Findb Pages shared editor components — CP29 */
.pages-sons-model-grid{display:grid;grid-template-columns:1fr;gap:10px}
.pages-sons-model-card{display:grid;grid-template-columns:minmax(210px,44%) 1fr;align-items:stretch;gap:12px;padding:10px;border-radius:17px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.018);color:#fff;text-align:left;overflow:hidden;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.pages-sons-model-card:hover{border-color:rgba(139,92,246,.22);background:rgba(255,255,255,.028)}
.pages-sons-model-card.selected{border-color:rgba(139,92,246,.58);background:rgba(139,92,246,.065);box-shadow:0 0 0 1px rgba(139,92,246,.05),0 12px 35px rgba(0,0,0,.22)}
.pages-sons-model-card.is-locked{opacity:1;cursor:pointer;filter:none;border-color:rgba(139,92,246,.2);background:linear-gradient(145deg,rgba(139,92,246,.045),rgba(255,255,255,.018))}.pages-sons-model-card.is-locked>span{opacity:.9}.pages-sons-model-card.is-locked>span b{color:#cbb7ff}.pages-sons-model-card>span b svg{width:15px;height:15px;display:block}
.pages-sons-model-card>span{display:grid;grid-template-columns:1fr auto;align-content:center;gap:4px 9px;padding:6px 4px}
.pages-sons-model-card>span strong{font-size:12px;line-height:1.25;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.pages-sons-model-card>span small{grid-column:1/2;font-size:9.5px;line-height:1.45;color:#8c8794;max-width:31ch}
.pages-sons-model-card>span b{grid-row:1/3;grid-column:2;color:#b99cff;align-self:center;font-size:12px}
.pages-sons-model-card>.pages-sons-model-surface{width:100%;min-width:0;align-self:stretch}
.pages-pro-badge{font-style:normal;font-size:8px;line-height:1;padding:4px 6px;border-radius:999px;background:rgba(139,92,246,.16);color:#cbb7ff;border:1px solid rgba(139,92,246,.26);letter-spacing:.02em}
.pages-sons-model-surface{position:relative;border-radius:13px;overflow:hidden;background:linear-gradient(145deg,#11131a,#090a10);border:0;box-shadow:0 12px 30px rgba(0,0,0,.18);color:#fff}
.pages-sons-model-surface img{object-fit:cover}
.pages-sons-cover-fallback{display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--sons-accent) 24%,#171923),#0d0f16);color:var(--sons-accent)}
.pages-sons-model-surface.compact{padding:9px;min-height:82px}
.pages-sons-model-now{display:grid;grid-template-columns:42px 1fr 31px;gap:8px;align-items:center}
.pages-sons-model-now>img,.pages-sons-model-now>.pages-sons-cover-fallback{width:42px;height:42px;border-radius:9px}
.pages-sons-model-now>div{min-width:0;display:grid;gap:2px}
.pages-sons-model-now strong,.pages-sons-classic-head strong{font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pages-sons-model-now small,.pages-sons-classic-head small{font-size:8px;color:#8f8a98;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pages-sons-model-now b{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--sons-accent) 60%,transparent);color:#fff;background:color-mix(in srgb,var(--sons-accent) 22%,#101119)}
.pages-sons-model-now b svg{width:14px}
.pages-sons-model-wave{display:flex;gap:2px;align-items:end;height:14px;margin-top:6px}
.pages-sons-model-wave i{width:2px;border-radius:2px;background:var(--sons-accent);opacity:.82}
.pages-sons-model-wave i:nth-child(1){height:4px}.pages-sons-model-wave i:nth-child(2){height:9px}.pages-sons-model-wave i:nth-child(3){height:6px}.pages-sons-model-wave i:nth-child(4){height:12px}.pages-sons-model-wave i:nth-child(5){height:7px}.pages-sons-model-wave i:nth-child(6){height:10px}.pages-sons-model-wave i:nth-child(7){height:5px}.pages-sons-model-wave i:nth-child(8){height:8px}.pages-sons-model-wave i:nth-child(9){height:4px}
.pages-sons-model-surface.classic{padding:9px;min-height:158px}
.pages-sons-classic-head{display:grid;grid-template-columns:58px 1fr;gap:9px;align-items:center}
.pages-sons-classic-head>img,.pages-sons-classic-head>.pages-sons-cover-fallback{width:58px;height:58px;border-radius:11px}
.pages-sons-classic-head>div{min-width:0}
.pages-sons-classic-progress{height:3px;border-radius:99px;background:rgba(255,255,255,.08);margin:11px 0 9px;overflow:hidden}
.pages-sons-classic-progress i{display:block;width:43%;height:100%;background:var(--sons-accent);border-radius:inherit}
.pages-sons-classic-control{display:flex;align-items:center;justify-content:space-around;color:#b7b3c0}
.pages-sons-classic-control svg{width:14px;height:14px}
.pages-sons-classic-control b{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--sons-accent) 78%,white 10%),var(--sons-accent));color:white;box-shadow:0 0 20px color-mix(in srgb,var(--sons-accent) 28%,transparent)}
.pages-sons-model-surface.feature{min-height:186px;background:#08090d}
.pages-sons-feature-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.03)}
.pages-sons-feature-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,8,.06),rgba(5,6,10,.35) 38%,rgba(5,6,10,.94) 78%,#07080c)}
.pages-sons-feature-copy{position:absolute;left:10px;right:10px;top:9px;display:grid;gap:3px}
.pages-sons-feature-copy em{justify-self:start;font-size:6.5px;text-transform:uppercase;letter-spacing:.08em;font-style:normal;padding:3px 5px;border-radius:99px;background:color-mix(in srgb,var(--sons-accent) 58%,rgba(0,0,0,.3));color:white}
.pages-sons-feature-copy strong{margin-top:52px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 12px #000}
.pages-sons-feature-copy small{font-size:8px;color:#d4d0d9}
.pages-sons-feature-copy>span{height:2px;background:rgba(255,255,255,.12);margin-top:4px;border-radius:99px}.pages-sons-feature-copy>span i{display:block;height:100%;width:43%;background:var(--sons-accent)}
.pages-sons-feature-control{position:absolute;left:0;right:0;bottom:40px;display:flex;justify-content:center;align-items:center;gap:19px}.pages-sons-feature-control svg{width:13px}.pages-sons-feature-control b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--sons-accent);box-shadow:0 0 24px color-mix(in srgb,var(--sons-accent) 45%,transparent)}
.pages-sons-feature-queue{position:absolute;left:8px;right:8px;bottom:7px;display:flex;gap:5px}.pages-sons-feature-queue img,.pages-sons-feature-queue .pages-sons-cover-fallback{width:27px;height:27px;border-radius:7px;border:0}
.pages-sons-model-surface.surface-solid{background:linear-gradient(145deg,#11131a,#090a10)}.pages-sons-model-surface.surface-glass{background:linear-gradient(145deg,rgba(17,19,26,.78),rgba(9,10,16,.64));backdrop-filter:blur(15px) saturate(1.25);-webkit-backdrop-filter:blur(15px) saturate(1.25)}.pages-sons-model-surface.feature.surface-solid{background:#08090d}.pages-sons-model-surface.feature.surface-glass{background:rgba(8,9,13,.66)}
.pages-sons-model-brand{position:absolute;z-index:5;display:block;object-fit:contain;pointer-events:none}.pages-sons-model-brand.symbol{width:13px;height:13px;top:7px;right:7px}.pages-sons-model-brand.wordmark{width:42px;height:auto;top:7px;right:7px}.pages-sons-model-brand.feature-brand{width:45px;padding:3px 4px;border-radius:7px;background:rgba(5,6,10,.18);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);box-shadow:inset 0 1px rgba(255,255,255,.08)}
@media(max-width:600px){.pages-sons-model-card{grid-template-columns:1fr;gap:9px;padding:9px}.pages-sons-model-card>span{padding:2px 4px 4px}.pages-sons-model-card>span strong{font-size:11.5px}.pages-sons-model-card>span small{font-size:9px;max-width:none}.pages-sons-model-card>.pages-sons-model-surface:not(.feature){min-height:0}.pages-sons-model-card>.pages-sons-model-surface.feature{min-height:186px}}
@media(prefers-reduced-motion:reduce){.pages-sons-model-card{animation:none!important;transition:none!important}}