.gallery-page{min-height:100vh;background:#f4f4f5;font-family:DM Sans,system-ui,sans-serif;color:#1a1c20}.gallery-toolbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;justify-content:space-between;gap:12px;padding:14px 20px;background:#fff;border-bottom:1px solid #e5e7eb;color:#1a1c20}.gallery-toolbar,.gallery-toolbar__actions{display:flex;flex-wrap:wrap;align-items:center}.gallery-toolbar__actions{gap:8px}.gallery-toolbar a{color:#1a1c20;text-decoration:none;border:1px solid #1a1c20;background:#fff;padding:7px 12px;font-size:12px;font-weight:500;border-radius:6px}.gallery-toolbar__actions>a:last-child{background:#1a1c20;color:#fff}.gallery-brands{display:flex;flex-wrap:wrap;gap:6px}.gallery-brands a{background:#f3f4f6;border-color:#e5e7eb;color:#374151}.gallery-brands a.is-active{background:#1a1c20;color:#fff;border-color:#1a1c20}.gallery-toolbar__meta{display:flex;flex-direction:column;gap:2px;font-size:13px}.gallery-toolbar__meta strong{font-size:18px;font-weight:600}.gallery-toolbar__meta span{color:#6b7280;font-size:12px}.gallery-nav{display:flex;flex-wrap:wrap;gap:8px;padding:14px 20px;background:#fff;border-bottom:1px solid #e5e7eb}.gallery-nav a{font-size:12px;color:#374151;text-decoration:none;padding:5px 10px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px}.gallery-item{margin:20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 8px 20px rgba(26,28,32,.05)}.gallery-item__header{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-bottom:1px solid #e5e7eb;background:#fafafa}.gallery-item__header h2{margin:0;font-size:15px;font-weight:600}.gallery-item__header p{margin:0;font-size:12px;color:#6b7280}.gallery-item__header code{font-size:11px;color:#6b7280}.gallery-compare{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0}.gallery-pane{padding:16px;min-height:200px}.gallery-pane--render{background:#f2f0e4;border-right:1px solid #e5e7eb}.gallery-pane--ref{background:#fafafa}.gallery-pane__label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin-bottom:10px}.gallery-pane--ref img{max-width:100%;height:auto;border-radius:8px;border:1px solid #e5e7eb}.gallery-pane__note{margin-top:8px;font-size:12px;color:#6b7280}@media (max-width:900px){.gallery-compare{grid-template-columns:1fr}.gallery-pane--render{border-right:0;border-bottom:1px solid #e5e7eb}}