.theme-page.page-social .shell{width:min(1240px,calc(100% - 64px))}
.theme-page.page-social .hero{padding:22px 0 40px;max-width:850px}
.theme-page.page-social .hero h1{margin:16px auto;font-size:clamp(42px,5vw,66px)}
.theme-page.page-social .hero>p{max-width:610px;margin:0 auto;font-size:14px}
.social-mini{display:flex;gap:5px;align-items:center;height:75px;padding:10px 7px;border:1px solid #ffffff0b;border-radius:7px;background:repeating-conic-gradient(#101010 0% 25%,#141414 0% 50%) 50%/12px 12px}
.social-mini>span{position:relative;display:flex;align-items:center;gap:5px;flex:1;min-width:0;padding:9px 5px;border:1px solid #ffffff25;border-top:2px solid var(--tone-ff002b,#ff002b);background:#1b1b1b;border-radius:6px}
.social-mini i{width:12px;height:12px;flex:0 0 auto;border-radius:4px;background:var(--tone-ff002b33,#ff002b33);border:1px solid var(--tone-ff002b80,#ff002b80)}
.social-mini b{display:block;flex:1;height:11px;background:linear-gradient(#777 0 2px,transparent 2px 5px,#ddd 5px 10px,transparent 10px)}
.social-mini[data-mini="glass"]>span{background:linear-gradient(145deg,#ffffff12,#222);border:1px solid #ffffff38;border-radius:8px}
.social-mini[data-mini="split"]>span{border:0;border-left:2px solid var(--tone-ff002b,#ff002b);border-radius:4px}.social-mini[data-mini="split"] i{background:var(--tone-ff002b,#ff002b)}
.social-mini[data-mini="neon"]>span{border:1px solid var(--tone-ff002b99,#ff002b99);box-shadow:inset 0 0 10px var(--tone-ff002b12,#ff002b12)}
.social-mini[data-mini="capsule"]>span{border:1px solid #ffffff20;border-radius:20px}.social-mini[data-mini="capsule"] i{border-radius:50%}
.social-mini[data-mini="minimal"]>span{border:0;background:transparent}.social-mini[data-mini="minimal"] i{background:none;border:0;border-left:2px solid var(--tone-ff002b,#ff002b)}
.social-mini[data-mini="broadcast"]{background:#1b1b1b;border:1px solid #ffffff30;gap:0}.social-mini[data-mini="broadcast"]>span{border:0;border-radius:0}.social-mini[data-mini="broadcast"]>span+span{border-left:1px solid #ffffff25}
.social-mini[data-mini="outline"]>span{background:transparent;border:1px solid var(--tone-ff002b88,#ff002b88)}.social-mini[data-mini="outline"] i{background:none}
.social-network-list{display:flex;flex-direction:column;gap:10px}
.social-network-card{min-width:0;border:1px solid #ffffff15;border-radius:12px;padding:12px;background:#0b0b0b}
.social-network-head{display:flex;align-items:center;gap:10px;margin-bottom:0;cursor:pointer;list-style:none}.social-network-head::-webkit-details-marker{display:none}.social-network-card[open]>.social-network-head{margin-bottom:12px}
.social-network-summary{display:block;color:#737373;font-size:9px;font-weight:400;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-network-card[data-enabled="true"]{border-color:var(--tone-ff002b25,#ff002b25)}
.social-network-head>strong{flex:1;min-width:0;font-size:12px;color:#ddd;font-weight:550}
.social-network-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:8px;background:var(--tone-ff002b14,#ff002b14);border:1px solid var(--tone-ff002b30,#ff002b30);color:var(--tone-ff4565,#ff4565)}
.social-network-icon svg{width:17px;height:17px;fill:currentColor}
.social-network-head input[type="checkbox"]{width:15px;height:15px;accent-color:var(--tone-ff002b,#ff002b);cursor:pointer}
.social-network-order{display:flex;gap:4px}.social-network-order button{display:grid;place-items:center;width:27px;height:27px;background:#ffffff06;border:1px solid #ffffff15;border-radius:6px;color:#aaa;font-size:14px;cursor:pointer}
.social-network-order button:disabled{opacity:.25}
.social-network-card .control-grid{gap:10px}.social-network-card .field-control{font-size:9px}
.social-network-options{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}
.social-network-color{display:flex;align-items:center;gap:7px;font-size:9px;color:#999}.social-network-color input{width:26px;height:26px;padding:0;border:1px solid #ffffff20;border-radius:6px;background:transparent;cursor:pointer}
.social-network-color input::-webkit-color-swatch-wrapper{padding:0}.social-network-color input::-webkit-color-swatch{border:0;border-radius:4px}
.social-network-options .toggle-control{font-size:9px;gap:10px;min-height:26px}
.social-playback-line{display:flex;justify-content:space-between;gap:12px;padding-top:16px;margin-top:16px;border-top:1px solid #ffffff10;font-size:9px;line-height:1.5;color:#888}
.social-studio .url-row,.social-export-dialog .url-row{display:flex;gap:8px;width:100%}
.social-studio .url-row input,.social-export-dialog .url-row input{flex:1;min-width:0;height:42px;padding:0 12px;border:1px solid #ffffff16;border-radius:9px;background:#0b0b0b;color:#ccc;font-size:10px}
.social-studio .url-row button,.social-export-dialog .url-row button{flex:0 0 auto;min-height:42px;padding:0 13px;border:1px solid #ffffff16;border-radius:9px;background:#ffffff04;color:#eee;font-size:10px;cursor:pointer}
.social-studio .export-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.social-studio :is(.primary-btn,.secondary-btn){display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:9px;text-decoration:none;font-size:10px;cursor:pointer}
.social-canvas-presets,.social-settings-actions{display:flex;gap:8px;flex-wrap:wrap}.social-canvas-presets button{flex:1;min-height:34px;padding:7px 8px;font-size:9px;color:#ccc;border:1px solid #ffffff17;border-radius:7px;background:#0b0b0b;cursor:pointer}.social-settings-actions button{flex:1}
.social-preview-stage{height:200px;transition:height .2s}.social-preview-stage.portrait{height:500px}
.theme-page.page-social .designer-preview .preview-top>div{display:block}
.social-export-dialog{position:fixed;width:min(580px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid #ffffff25;border-radius:20px;background:#121212;color:#eee;box-shadow:0 30px 120px #000000aa;overflow:auto}
.social-export-dialog::backdrop{background:#000000bb;backdrop-filter:blur(8px)}
.social-modal-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.social-modal-head h2{margin:7px 0 0;font-size:25px;letter-spacing:-.04em;font-weight:600}
.social-export-dialog>p{font-size:12px;color:#888;line-height:1.7;margin:16px 0}.social-modal-stage{height:190px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:repeating-conic-gradient(#0e0e0e 0% 25%,#121212 0% 50%) 50%/24px 24px;border:1px solid #ffffff14;border-radius:12px}.social-modal-stage.portrait{height:320px}
.social-modal-size{display:flex;gap:12px;margin-top:18px}.social-modal-size>span{flex:1;display:flex;justify-content:space-between;padding:12px;border:1px solid #ffffff14;border-radius:8px;font-size:11px;color:#888;background:#090909}.social-modal-size strong{font-weight:500;color:#fff}
.theme-page.page-social .toast{z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;width:min(340px,calc(100vw - 32px));padding:16px;border:1px solid var(--tone-ff002b30,#ff002b30);border-radius:14px;background:#171717;right:20px;bottom:20px;opacity:0;transform:translateY(calc(100% + 30px));transition:.2s;pointer-events:none}.theme-page.page-social .toast.show{opacity:1;transform:none;pointer-events:auto}.theme-page.page-social .toast strong{font-size:12px;color:#eee}.theme-page.page-social .toast p{font-size:10px;color:#999;line-height:1.6;margin:5px 0 0}.theme-page.page-social .toast button{align-self:flex-start;border:0;background:transparent;color:#aaa;font-size:20px;cursor:pointer}
@media(max-width:1000px){.theme-page.page-social .shell{width:calc(100% - 48px)}.social-mini{padding:8px 6px;gap:4px}.social-mini>span{padding:8px 4px;gap:4px}.social-mini i{width:10px;height:10px}.social-network-card{padding:10px}}
@media(max-width:760px){.theme-page.page-social .hero{padding:18px 0 32px}.theme-page.page-social .toast{bottom:76px}.social-preview-stage.portrait{height:430px}}
@media(max-width:560px){.theme-page.page-social .shell{width:calc(100% - 32px)}.theme-page.page-social .hero h1{font-size:42px}.theme-page.page-social .hero>p{font-size:12px;line-height:1.7}.social-mini{height:70px;padding:7px 5px}.social-mini>span{padding:8px 4px;gap:4px}.social-mini i{width:10px;height:10px}.social-playback-line{font-size:8px}.social-export-dialog{padding:20px 16px}.social-modal-head h2{font-size:23px}.social-modal-stage{height:160px}}
@media(max-width:360px){.theme-page.page-social .shell{width:calc(100% - 24px)}.social-mini{height:62px;padding:6px 4px;gap:3px}.social-mini>span{padding:7px 3px;gap:3px}.social-mini i{width:8px;height:8px}.social-network-card .control-grid{grid-template-columns:1fr}.social-network-color{gap:5px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.social-preview-stage{transition:none}}