.soc-ref{border-color:var(--gold-100);box-shadow:var(--shadow);background:linear-gradient(100deg,#fffaf0,#fff 60%);align-items:center;gap:16px;margin-top:20px;padding:16px 18px;display:flex}.soc-ref .orglogo{flex:none}.soc-ref-title{margin-top:2px;font-size:clamp(17px,2.2vw,21px)}.soc-ref-facts{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:6px;font-size:14px;font-weight:550;display:flex}.soc-ref-stop{align-items:center;gap:4px;display:inline-flex}.soc-ref-stop svg{color:var(--gold-600)}.soc-ref-ic{background:var(--gold-100);width:56px;height:56px;color:var(--gold-700);border-radius:16px;flex:none;place-items:center;display:grid}.soc-ref-cta{flex:none}@media (max-width:640px){.soc-ref{flex-wrap:wrap;align-items:flex-start}.soc-ref .grow{flex-basis:calc(100% - 80px)}.soc-ref-cta{width:100%}}.soc-head{margin:22px 0 14px}.soc-head h1{font-size:clamp(22px,3vw,28px)}.soc-head p{color:var(--muted);max-width:680px;margin-top:4px}.soc-sec-title{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin:28px 0 12px;display:flex}.soc-sec-title h2{font-size:18px}.soc-link{grid-template-columns:1fr;gap:18px;padding:18px;display:grid}@media (min-width:820px){.soc-link{grid-template-columns:minmax(0,1fr) auto;align-items:center}}.soc-url{align-items:stretch;gap:8px;margin-top:8px;display:flex}.soc-url .input{min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.soc-stats{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.soc-stat{background:var(--surface-2);border-radius:12px;flex:120px;min-width:0;padding:10px 14px}.soc-stat b{color:var(--navy-900);font-size:24px;font-weight:700;line-height:1.1;display:block}.soc-stat span{color:var(--muted);font-size:12.5px}.soc-qr{align-items:center;gap:14px;display:flex}.soc-qr-img{border:1px solid var(--line);background:#fff;border-radius:14px;flex:none;width:116px;height:116px;padding:8px}.soc-qr-img svg{width:100%;height:100%;display:block}.soc-studio{grid-template-columns:1fr;gap:20px;padding:18px;display:grid}@media (min-width:900px){.soc-studio{grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr);align-items:start}}.soc-preview{background:repeating-conic-gradient(#eef3fb 0 25%, #f7f9fd 0 50%) 0 0 / 22px 22px;border-radius:14px;place-items:center;min-height:220px;padding:14px;display:grid;position:relative}.soc-preview img{width:100%;height:auto;box-shadow:var(--shadow-lg);background:#fff;border-radius:8px;transition:opacity .2s}.soc-preview.is-story img{max-width:300px}.soc-preview.is-square img{max-width:460px}.soc-preview.is-loading img{opacity:.45}.soc-preview .spinner{margin:-11px 0 0 -11px;position:absolute;top:50%;left:50%}.soc-ctl{flex-direction:column;gap:16px;min-width:0;display:flex}.soc-ctl-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:12.5px;font-weight:650;display:block}.soc-seg{flex-wrap:wrap;gap:6px;display:flex}.soc-opt{border:1.5px solid var(--line-2);cursor:pointer;text-align:left;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;min-height:44px;padding:8px 12px;line-height:1.25;display:flex}.soc-opt b{color:var(--navy-900);font-size:14px}.soc-opt small{color:var(--muted);font-size:12px}.soc-opt:hover{border-color:var(--navy-300)}.soc-opt[aria-pressed=true]{border-color:var(--navy-700);background:var(--navy-50);box-shadow:inset 0 0 0 1px var(--navy-700)}.soc-opt:disabled{opacity:.45;cursor:not-allowed}.soc-tpls{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.soc-tpl{align-items:stretch;padding:6px}.soc-tpl .sw{background-position:50%;background-size:cover;border-radius:8px;height:46px;margin-bottom:6px}.soc-tpl .sw-bold{background:linear-gradient(135deg,#0857c6,#063f8f 40%,#021a3b);box-shadow:inset -14px -10px 0 -8px #d7a6428c}.soc-tpl .sw-photo{background:linear-gradient(90deg,#021a3bf2,#021a3b66),#5d7092}.soc-tpl .sw-minimal{border:1px solid var(--line);background:#fbf8f1;box-shadow:inset 0 4px #063f8f}.soc-actions{flex-wrap:wrap;gap:8px;display:flex}.soc-actions .btn{flex:auto}.soc-caps{padding:18px}.soc-tabs{scrollbar-width:none;border-bottom:1px solid var(--line);gap:4px;margin:-4px -4px 14px;padding:0 4px;display:flex;overflow-x:auto}.soc-tabs::-webkit-scrollbar{display:none}.soc-tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2.5px solid #0000;min-height:44px;padding:10px 12px;font-weight:600}.soc-tab[aria-selected=true]{color:var(--navy-800);border-bottom-color:var(--gold-500)}.soc-cap{resize:vertical;width:100%;min-height:210px;font-size:14.5px;line-height:1.55}.soc-count{color:var(--muted);font-size:12px}.soc-count.is-over{color:var(--red-700);font-weight:600}.soc-ai{background:var(--surface-2);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:10px;display:flex}.soc-ai .select{flex:120px;width:auto;min-width:0}.soc-alts{gap:8px;margin-top:10px;display:grid}.soc-alt{text-align:left;border:1px solid var(--line-2);cursor:pointer;white-space:pre-line;background:#fff;border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:1.5}.soc-alt:hover{border-color:var(--navy-400)}.soc-alt b{text-transform:uppercase;letter-spacing:.06em;color:var(--gold-700);margin-bottom:4px;font-size:12px;display:block}.soc-share{grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:8px;margin-top:14px;display:grid}.soc-share a,.soc-share button{border:1px solid var(--line-2);min-height:44px;color:var(--navy-900);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.soc-share a:hover,.soc-share button:hover{border-color:var(--navy-400);text-decoration:none}.soc-share .ic{color:#fff;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid}.soc-assets{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.soc-asset{flex-direction:column;display:flex;overflow:hidden}.soc-asset-img{aspect-ratio:16/10;background:var(--surface-2);place-items:center;display:grid;overflow:hidden}.soc-asset-img img{object-fit:cover;width:100%;height:100%}.soc-asset-img.is-file{color:var(--navy-700)}.soc-asset-body{flex-direction:column;flex:1;gap:6px;padding:12px 14px 14px;display:flex}.soc-asset-body h3{font-size:15px}.soc-asset-body p{color:var(--muted);font-size:13px}.soc-asset-body .btn{margin-top:auto}.soc-gen{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px;display:grid}.soc-gen figure{flex-direction:column;margin:0;display:flex}.soc-gen .frame{background:var(--surface-2);aspect-ratio:4/3;border-radius:12px;place-items:center;padding:10px;display:grid;overflow:hidden}.soc-gen .frame img{width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:var(--shadow);border-radius:6px}.soc-gen figcaption{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:13px;display:flex}.soc-tags{flex-wrap:wrap;gap:6px;display:flex}.soc-tags span{background:var(--navy-50);color:var(--navy-800);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600}
