.social-page{--social:#635bff;--social-2:#00a9a5;--social-hot:#e6509a;--social-wash:#635bff13}.social-hero{border:1px solid var(--border);background:radial-gradient(circle at 88% 8%, #e6509a29, transparent 31%), radial-gradient(circle at 68% 90%, #00a9a524, transparent 30%), linear-gradient(145deg, var(--bg-raised), var(--bg-subtle));border-radius:30px;margin:1rem 0 1.5rem;padding:3.6rem clamp(1.25rem,5vw,4rem);position:relative;overflow:hidden;box-shadow:0 24px 70px #1b244114}.social-hero:before{content:"";background-image:linear-gradient(#635bff0d 1px,#0000 1px),linear-gradient(90deg,#635bff0d 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;mask-image:linear-gradient(90deg,#0000,#000 55%)}.social-hero>span{color:var(--social);font:750 .7rem var(--mono);letter-spacing:.12em;text-transform:uppercase;position:relative}.social-hero h1{letter-spacing:-.055em;max-width:760px;margin:.65rem 0 .8rem;font-size:clamp(2.3rem,6vw,4.7rem);line-height:.98;position:relative}.social-hero p{max-width:690px;color:var(--text-muted);margin:0;font-size:clamp(.95rem,2vw,1.12rem);line-height:1.72;position:relative}.social-hero>div{opacity:.78;align-items:end;gap:.35rem;display:flex;position:absolute;bottom:10%;right:3%;transform:rotate(-5deg)}.social-hero i{background:var(--bg-raised);color:var(--social);font:700 .56rem var(--mono);border:1px solid #635bff40;border-radius:7px;place-items:center;display:grid;box-shadow:0 9px 22px #1a194517}.social-hero i:first-child{aspect-ratio:1;width:54px}.social-hero i:nth-child(2){aspect-ratio:4/5;width:48px}.social-hero i:nth-child(3){aspect-ratio:9/16;width:43px}.social-hero i:nth-child(4){aspect-ratio:16/9;width:82px}.social-hero i:nth-child(5){aspect-ratio:1.91;width:88px}.social-maker{margin:0 0 3rem}.social-drop{background:radial-gradient(circle at center, #635bff12, transparent 50%), var(--bg-raised);text-align:center;cursor:pointer;border:1.5px dashed #635bff61;border-radius:26px;place-items:center;min-height:380px;padding:2rem;transition:all .2s;display:grid}.social-drop:hover,.social-drop.is-over{border-color:var(--social);background-color:var(--social-wash);transform:translateY(-2px)}.social-drop-orbit{place-items:center;width:105px;height:85px;margin-bottom:.4rem;display:grid;position:relative}.social-drop-orbit:before{background:linear-gradient(145deg, var(--social), #8d66ff);content:"";border-radius:19px;width:62px;height:62px;transform:rotate(-8deg);box-shadow:0 18px 38px #635bff47}.social-drop-orbit:after{content:"";border:2px solid #fff;border-radius:6px;width:31px;height:41px;position:absolute;transform:rotate(8deg)}.social-drop-orbit i{border:2px solid var(--social-hot);border-radius:4px;position:absolute}.social-drop-orbit i:first-child{width:25px;height:25px;left:4px}.social-drop-orbit i:nth-child(2){border-color:var(--social-2);width:35px;height:19px;right:1px}.social-drop-orbit i:nth-child(3){width:15px;height:28px;bottom:0;right:16px}.social-drop>strong{font-size:1.28rem}.social-browse{background:var(--social);color:#fff;border-radius:999px;margin-top:.55rem;padding:.68rem 1rem;font-size:.78rem;font-weight:750}.social-paste{color:var(--text-muted);margin-top:.7rem;font-size:.7rem}.social-paste kbd{border:1px solid var(--border);background:var(--bg-subtle);font:650 .62rem var(--mono);border-radius:5px;margin-right:.35rem;padding:.2rem .35rem}.social-drop>small{color:var(--text-muted);margin-top:.45rem;font-size:.66rem}.social-workspace{border:1px solid var(--border);background:var(--bg-raised);border-radius:26px;box-shadow:0 22px 70px #1921381a}.social-source-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.social-source-bar span{font:650 .67rem var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.social-source-bar button,.social-preview-head button{border:1px solid var(--border);background:var(--bg-subtle);color:var(--text);cursor:pointer;border-radius:8px;padding:.45rem .65rem;font-size:.67rem}.social-editor{grid-template-columns:minmax(0,1fr) 270px;display:grid}.social-source-panel{min-width:0;padding:1.1rem}.social-source-preview{background:repeating-conic-gradient(var(--bg-subtle) 0 25%, var(--bg-raised) 0 50%) 50% / 20px 20px;cursor:crosshair;border-radius:18px;outline:none;place-items:center;min-height:280px;max-height:520px;display:grid;position:relative;overflow:hidden}.social-source-preview:focus-visible{box-shadow:0 0 0 3px #635bff40}.social-source-preview img{object-fit:contain;max-width:100%;max-height:520px;display:block}.social-source-preview>p{color:#fff;backdrop-filter:blur(8px);background:#101317cc;border-radius:8px;margin:0;padding:.45rem .65rem;font-size:.65rem;position:absolute;bottom:.75rem}.social-focal{width:32px;height:32px;box-shadow:0 0 0 2px var(--social), 0 5px 18px #0000004d;pointer-events:none;border:2px solid #fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.social-focal i:before,.social-focal i:after{content:"";background:#fff;position:absolute}.social-focal i:before{width:18px;height:1px;top:14px;left:5px}.social-focal i:after{width:1px;height:18px;top:5px;left:14px}.social-focus-block{justify-content:space-between;align-items:end;gap:1rem;margin-top:1rem;display:flex}.social-focus-block>div:first-child strong,.social-preview-head strong{font-size:.82rem;display:block}.social-focus-block>div:first-child span,.social-preview-head span{max-width:560px;color:var(--text-muted);margin-top:.25rem;font-size:.67rem;line-height:1.45;display:block}.social-segmented{border:1px solid var(--border);background:var(--bg-subtle);border-radius:10px;flex:none;padding:3px;display:flex}.social-segmented button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:.48rem .62rem;font-size:.67rem}.social-segmented button[aria-pressed=true]{background:var(--bg-raised);color:var(--social);font-weight:750;box-shadow:0 3px 10px #14192d1a}.social-preview-head{justify-content:space-between;align-items:end;gap:1rem;margin:1.25rem 0 .65rem;display:flex}.social-preview-head>div:last-child{gap:.35rem;display:flex}.social-target-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.social-target{border:1px solid var(--border);background:var(--bg-raised);min-width:0;color:var(--text);text-align:left;cursor:pointer;border-radius:14px;padding:.55rem;transition:border-color .15s,transform .15s,box-shadow .15s}.social-target:hover{transform:translateY(-2px)}.social-target[aria-pressed=true]{border-color:#635bff8c;box-shadow:0 9px 24px #635bff1a,inset 0 0 0 1px #635bff21}.social-target-canvas{width:100%;max-height:150px;aspect-ratio:var(--target-ratio);background:linear-gradient(145deg, var(--bg-subtle), #635bff14);border-radius:9px;place-items:center;display:grid;position:relative;overflow:hidden}.social-target-canvas canvas{object-fit:cover;width:100%;height:100%;display:block}.social-target-canvas>b{background:var(--social);color:#fff;opacity:0;border-radius:50%;place-items:center;width:21px;height:21px;font-size:.65rem;transition:all .15s;display:grid;position:absolute;top:.4rem;right:.4rem;transform:scale(.65)}.social-target[aria-pressed=true] .social-target-canvas>b{opacity:1;transform:scale(1)}.social-safe-guide{pointer-events:none;border:1px dashed #fffc;border-radius:5px;position:absolute;box-shadow:0 0 0 999px #090c141a}.hide-safe-guides .social-safe-guide{display:none}.social-target-copy{grid-template-columns:minmax(0,1fr) auto;gap:.18rem .4rem;padding:.55rem .18rem .15rem;display:grid}.social-target-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.social-target-copy code{color:var(--social);font:650 .57rem var(--mono)}.social-target-copy small{color:var(--text-muted);grid-column:1/-1;font-size:.58rem}.social-output-panel{border-left:1px solid var(--border);background:linear-gradient(180deg, var(--bg-subtle), var(--bg-raised));border-radius:0 26px 26px 0;padding:1.1rem}.social-output-kicker{color:var(--social);font:750 .61rem var(--mono);letter-spacing:.1em}.social-output-panel h2{margin:.35rem 0 0;font-size:1.05rem}.social-selection-count{align-items:baseline;margin:1rem 0 1.25rem;display:flex}.social-selection-count strong{color:var(--social);letter-spacing:-.08em;font-size:3.8rem;line-height:.85}.social-selection-count span{color:var(--text-muted);font:.72rem var(--mono);margin-left:.4rem}.social-output-panel>label:not(.social-switch){margin-top:.85rem;display:block}.social-output-panel>label>span{justify-content:space-between;margin-bottom:.35rem;font-size:.68rem;font-weight:700;display:flex}.social-output-panel select{border:1px solid var(--border);background:var(--bg-raised);width:100%;color:var(--text);border-radius:9px;padding:.62rem}.social-output-panel input[type=range]{width:100%;accent-color:var(--social)}.social-quality output{color:var(--social);font-family:var(--mono)}.social-switch{cursor:pointer;grid-template-columns:34px 1fr;align-items:center;gap:.5rem;margin-top:1rem;display:grid}.social-switch input{opacity:0;position:absolute}.social-switch>span{background:var(--border);border-radius:999px;width:34px;height:20px;transition:all .15s;position:relative}.social-switch>span:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .15s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0003}.social-switch input:checked+span{background:var(--social)}.social-switch input:checked+span:after{transform:translate(14px)}.social-switch input:focus-visible+span{outline:3px solid #635bff40}.social-switch em{font-size:.68rem;font-style:normal;font-weight:700}.social-output-panel>p{color:var(--text-muted);margin:.65rem 0 0;font-size:.61rem;line-height:1.5}.social-primary,.social-zip{background:linear-gradient(135deg, var(--social), #8464ff);color:#fff;cursor:pointer;border:0;border-radius:11px;width:100%;margin-top:1.15rem;padding:.78rem 1rem;font-weight:780;box-shadow:0 12px 24px #635bff3d}.social-primary:disabled{cursor:wait;opacity:.7}.social-error{color:var(--danger)!important}.social-privacy{color:var(--text-muted);justify-content:center;align-items:center;gap:.4rem;margin:.8rem 0 0;font-size:.67rem;display:flex}.social-privacy span{width:18px;height:18px;color:var(--social-2);background:#00a9a51a;border-radius:50%;place-items:center;font-weight:800;display:grid}.social-results{border:1px solid var(--border);background:var(--bg-raised);border-radius:22px;margin-top:1.2rem;padding:1.1rem}.social-results>header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.social-results>header span{color:var(--social);font:720 .65rem var(--mono);display:block}.social-results>header strong{margin-top:.22rem;font-size:.92rem;display:block}.social-results>header button,.social-results>footer button{border:1px solid var(--border);background:var(--bg-subtle);color:var(--text);cursor:pointer;border-radius:9px;padding:.55rem .7rem}.social-result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-top:1rem;display:grid}.social-result-grid article{border:1px solid var(--border);background:var(--bg-subtle);border-radius:13px;min-width:0;overflow:hidden}.social-result-grid article>div:first-child{background:#111;place-items:center;max-height:190px;display:grid;overflow:hidden}.social-result-grid img{object-fit:cover;width:100%;height:100%}.social-result-grid article>div:last-child{align-items:center;gap:.25rem;padding:.65rem;display:grid}.social-result-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:.69rem;overflow:hidden}.social-result-grid span{color:var(--text-muted);font:.56rem var(--mono)}.social-result-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;margin-top:.25rem;display:grid}.social-result-actions a,.social-result-actions button{background:var(--social-wash);min-width:44px;min-height:44px;color:var(--social);cursor:pointer;border:1px solid #0000;border-radius:7px;place-items:center;padding:.42rem .5rem;font-size:.61rem;font-weight:750;text-decoration:none;display:inline-grid}.social-result-actions button{border-color:var(--border);background:var(--bg-raised)}.social-results>footer{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.social-results>footer .social-zip{background:var(--social);color:#fff;border:0;width:auto;margin:0}.social-proof{margin-top:3rem}.social-proof>div:first-child{max-width:720px}.social-proof>div:first-child span{color:var(--social);font:720 .66rem var(--mono);letter-spacing:.09em}.social-proof h2{margin:.45rem 0 1.1rem}.social-proof>div:last-child{grid-template-columns:repeat(3,1fr);gap:.7rem;display:grid}.social-proof article{border:1px solid var(--border);background:var(--bg-raised);border-radius:16px;padding:1.15rem}.social-proof article>span{color:var(--social);font:750 .65rem var(--mono)}.social-proof h3{margin:.65rem 0 .4rem;font-size:.92rem}.social-proof p{color:var(--text-muted);margin:0;font-size:.76rem;line-height:1.6}.social-guide{max-width:820px}@media (prefers-color-scheme:dark){.social-page{--social:#938cff;--social-2:#48cec7;--social-hot:#ff75b7;--social-wash:#938cff1a}.social-workspace{box-shadow:0 22px 70px #00000040}}@media (width<=900px){.social-editor{grid-template-columns:1fr}.social-output-panel{border-top:1px solid var(--border);border-left:0;border-radius:0 0 26px 26px}.social-target-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.social-hero>div{display:none}}@media (width<=620px){.social-hero{border-radius:21px;padding:2.5rem 1.2rem}.social-drop{border-radius:20px;min-height:315px}.social-workspace{border-radius:20px}.social-source-panel{padding:.75rem}.social-source-preview{border-radius:13px;min-height:220px}.social-focus-block{flex-direction:column;align-items:stretch}.social-segmented{width:100%}.social-segmented button{flex:1;padding-inline:.35rem}.social-preview-head{flex-direction:column;align-items:flex-start}.social-target-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.social-target{padding:.4rem}.social-target-canvas{max-height:125px}.social-target-copy strong{font-size:.64rem}.social-target-copy code{font-size:.51rem}.social-target-copy small{display:none}.social-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-results>footer{flex-direction:column;align-items:stretch}.social-results>footer button,.social-results>footer .social-zip{width:100%}.social-proof>div:last-child{grid-template-columns:1fr}}.social-source-bar button,.social-segmented button,.social-preview-head button,.social-output-panel select,.social-switch,.social-primary,.social-results>header button,.social-results>footer button,.social-result-actions a,.social-result-actions button{min-height:44px}