.social-studio{--studio-border:#d7e4e7}.social-studio .studio-intro{color:#526079;line-height:1.7}.social-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.social-controls label{display:flex;flex-direction:column;gap:7px;font-weight:650;min-width:0}.social-controls input,.social-controls select,.social-controls textarea{font:inherit;border:1px solid var(--studio-border);border-radius:9px;padding:10px;min-width:0;width:100%;box-sizing:border-box}.social-controls input[type=color]{height:44px;padding:4px}.social-controls input[type=checkbox]{width:auto}.social-preview{margin-block:24px;background:#eef3f5;border:1px solid var(--studio-border);padding:16px;border-radius:14px;overflow:auto}.social-preview canvas{display:block;max-width:100%;max-height:560px;width:auto;height:auto;margin:auto;box-shadow:0 4px 20px #10243a20}.social-status{overflow-wrap:anywhere;color:#526079}.social-status.error{color:#a52b32}.social-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.social-tiles figure{margin:0;min-width:0}.social-tiles canvas{max-width:100%;height:auto}.social-tiles figcaption{font-size:13px;color:#526079}.social-use{background:#f5faf8;border:1px solid #d9e9e2;border-radius:16px;padding:24px;margin-block:28px}.social-use h2{margin-top:0}.social-use h3{font-size:17px}.social-use p{line-height:1.75}.social-use small{color:#526079}.social-use-links{display:flex;flex-wrap:wrap;gap:16px}.social-studio .check-row{display:flex;flex-direction:row;align-items:center;align-self:center}.social-studio [data-clear]{font-size:13px;padding:6px 10px}.social-preview [data-warning]{color:#924b14}@media(max-width:620px){.social-controls{grid-template-columns:1fr}.social-preview{padding:8px}.social-use{padding:18px}}