pre.config-output{color:#d5dee6;background:#131c2b;border-radius:12px;max-height:320px;padding:.9rem 1.1rem;font-size:.8rem;overflow-x:auto}.preview-layout{grid-template-columns:minmax(0,1fr) 424px;align-items:start;gap:1rem;display:grid}@media (max-width:1100px){.preview-layout{grid-template-columns:1fr}}.preview-pane{align-self:start;position:sticky;top:calc(70px + 1rem)}.preview-viewport{justify-content:flex-start;display:flex;overflow-x:auto}.phone-frame{border:10px solid #1e293b;border-radius:24px;max-width:360px;margin:0 auto;overflow:hidden}.device-frame{border:8px solid #1e293b;border-radius:14px;margin:0 auto;overflow:hidden}@media (max-width:1100px){.preview-pane{position:static}}.brand-dots{gap:5px;display:inline-flex}.brand-dots span{border-radius:50%;width:7px;height:7px;display:inline-block}