.pw-sg-feature{gap:28px;display:grid}.pw-sg-feature__hero,.pw-sg-feature__catalog,.pw-sg-feature__artifact-detail,.pw-sg-feature__artifact-button,.pw-sg-feature__preview-frame{border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);background:var(--color-surface-raised);box-shadow:var(--shadow-l)}.pw-sg-feature__hero{gap:20px;padding:32px;display:grid}.pw-sg-feature__hero h1{letter-spacing:0;margin:0;font-size:clamp(2.6rem,8vw,6rem);line-height:.92}.pw-sg-feature__hero p,.pw-sg-feature__catalog p,.pw-sg-feature__artifact-detail p,.pw-sg-feature__artifact-button p,.pw-sg-feature__preview-frame p{color:var(--color-text-muted);line-height:1.65}.pw-sg-feature__eyebrow{color:var(--color-interactive-default);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:800}.pw-sg-feature__metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0;display:grid}.pw-sg-feature__metrics div,.pw-sg-feature__detail-list div{border-radius:var(--radius-xl);background:var(--color-surface-base);padding:16px}.pw-sg-feature__metrics dt,.pw-sg-feature__detail-list dt{color:var(--color-text-muted);text-transform:uppercase;font-size:.82rem;font-weight:700}.pw-sg-feature__metrics dd,.pw-sg-feature__detail-list dd{color:var(--color-text-default);margin:0;font-weight:800}.pw-sg-feature__metrics dd{font-size:1.8rem;font-weight:900}.pw-sg-feature__catalog{padding:24px}.pw-sg-feature__catalog h2{margin:0 0 12px}.pw-sg-feature__catalog h3{margin:0 0 10px}.pw-sg-feature__toolbar{grid-template-columns:minmax(240px,1fr) minmax(200px,280px);align-items:end;gap:12px;margin:18px 0;display:grid}.pw-sg-feature__catalog label{color:var(--color-text-default);gap:8px;font-weight:800;display:grid}.pw-sg-feature__catalog input,.pw-sg-feature__catalog select{border:1px solid var(--color-border-subtle);border-radius:var(--radius-m);background:var(--color-surface-base);width:100%;color:var(--color-text-default);padding:12px 14px}.pw-sg-feature__check{grid-template-columns:auto 1fr;align-items:center;margin-top:12px;display:flex!important}.pw-sg-feature__columns{grid-template-columns:minmax(280px,1fr) minmax(320px,1fr);align-items:start;gap:18px;display:grid}.pw-sg-feature__artifact-list{gap:10px;max-height:680px;padding-inline-end:4px;display:grid;overflow:auto}.pw-sg-feature__motor-grid,.pw-sg-feature__package-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.pw-sg-feature__artifact-button{color:var(--color-text-default);text-align:start;gap:6px;padding:14px;display:grid}.pw-sg-feature__artifact-button[aria-pressed=true],.pw-sg-feature__component-row[aria-pressed=true]{border-color:var(--color-interactive-default);background:var(--color-interactive-subtle-default)}.pw-sg-feature__artifact-button small{color:var(--color-text-muted)}.pw-sg-feature__artifact-detail{padding:20px}.pw-sg-feature__preview-frame{text-align:center;background:radial-gradient(circle, color-mix(in oklch, var(--color-interactive-default) 20%, transparent), var(--color-surface-raised) 52%);align-content:center;justify-items:center;gap:10px;min-height:280px;padding:28px;display:grid}.pw-sg-feature__preview-frame strong{font-size:clamp(1.4rem,3vw,2.8rem)}.pw-sg-feature__preview-iframe{border-radius:var(--radius-xl);background:var(--color-surface-base);border:0;width:100%;min-height:280px}.pw-sg-feature__preview-empty{color:var(--color-text-muted)}.pw-sg-feature__detail-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 0;display:grid}.pw-sg-feature__component-table{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);gap:1px;display:grid;overflow:auto}.pw-sg-feature__component-table>div,.pw-sg-feature__component-row{background:var(--color-surface-base);grid-template-columns:minmax(260px,1.2fr) minmax(160px,.8fr) minmax(160px,.8fr) minmax(220px,1fr) minmax(120px,.6fr);gap:14px;min-width:940px;padding:12px 14px;display:grid}.pw-sg-feature__component-row{width:100%;color:var(--color-text-default);text-align:start;border:0}.pw-sg-feature__component-table [role=columnheader]{color:var(--color-interactive-default)}.pw-sg-feature__component-table [role=cell]{align-content:start;gap:4px;display:grid}.pw-sg-feature__component-table small{color:var(--color-text-muted)}@media (width<=900px){.pw-sg-feature__columns,.pw-sg-feature__toolbar,.pw-sg-feature__detail-list{grid-template-columns:1fr}}