.social-root{--sc-blue:#2875ff;--sc-ink:#183453;--sc-muted:#70849d;--sc-line:#e3ebf5;color:var(--sc-ink);font-size:14px;max-width:1440px;margin:auto}.sc-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:4px 0 24px}.sc-head h1{font-size:26px;margin:0 0 8px;letter-spacing:-.5px}.sc-sub,.sc-muted{color:var(--sc-muted);line-height:1.7}.sc-sub{margin:0;font-size:13px}.sc-tabs{display:flex;gap:6px;overflow:auto;border-bottom:1px solid var(--sc-line);margin-bottom:22px}.social-root button,.social-root input,.social-root textarea,.social-root select{font:inherit}.social-root button{cursor:pointer}.sc-tab{background:none;border:0;padding:13px 20px;color:var(--sc-muted);border-bottom:3px solid transparent;white-space:nowrap}.sc-tab.active{color:var(--sc-blue);border-bottom-color:var(--sc-blue);font-weight:600}.sc-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #dce5f1;border-radius:7px;background:#fff;color:var(--sc-ink);padding:10px 16px;min-height:40px;text-decoration:none;white-space:nowrap}.sc-btn.primary{background:var(--sc-blue);border-color:var(--sc-blue);color:white}.sc-btn.danger{color:#c84444}.sc-btn.small{min-height:30px;padding:5px 10px;font-size:12px}.sc-btn:disabled{opacity:.5;cursor:not-allowed}.social-root :focus-visible{outline:3px solid #94bbff;outline-offset:3px}.sc-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sc-spread{justify-content:space-between}.sc-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:20px}.sc-card{padding:23px;border:1px solid var(--sc-line);background:#fff;border-radius:13px;margin-bottom:18px}.sc-card h2{font-size:17px;margin:0 0 18px}.sc-card h3{font-size:15px;margin:0 0 12px}.sc-step{display:inline-flex;width:25px;height:25px;align-items:center;justify-content:center;color:white;background:var(--sc-blue);border-radius:50%;margin-right:9px;font-size:13px}.sc-label{display:block;font-size:13px;font-weight:600;margin:16px 0 8px}.sc-input,.sc-textarea,.sc-select{box-sizing:border-box;max-width:100%;width:100%;padding:10px 12px;border:1px solid #d9e3f0;border-radius:7px;background:#fff;color:var(--sc-ink)}.sc-textarea{resize:vertical;line-height:1.7;min-height:110px}.sc-inline{width:auto;min-width:140px}.sc-drop{border:1px dashed #a9c7ef;border-radius:9px;background:#f7faff;text-align:center;padding:28px 16px;margin:12px 0}.sc-drop strong{display:block;font-size:16px;margin-bottom:7px}.sc-media{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.sc-thumb{position:relative;min-width:0;border:1px solid var(--sc-line);border-radius:9px;overflow:hidden;background:#f5f8fc}.sc-thumb img,.sc-thumb video{width:100%;height:148px;object-fit:contain;display:block;background:#eef3f9}.sc-thumb-meta{padding:10px}.sc-thumb-meta>span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;margin-bottom:8px}.sc-thumb .sc-badge{position:absolute;left:8px;top:8px;background:#fff}.sc-remove{position:absolute;right:7px;top:7px;width:26px;height:26px;border:0;border-radius:50%;background:#fff;color:#536b87}.sc-badge{display:inline-flex;border-radius:5px;padding:4px 7px;font-size:11px;color:#47729c;background:#edf4fc;white-space:nowrap}.sc-badge.ok{background:#e9f8ed;color:#21874d}.sc-badge.warn{background:#fff2d9;color:#996611}.sc-badge.bad{background:#fff0f0;color:#bb4242}.sc-channel{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--sc-line)}.sc-channel:last-child{border:0}.sc-logo{width:37px;height:37px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;color:#fff;background:#285fe7;flex-shrink:0}.sc-logo.instagram{background:linear-gradient(135deg,#9254d6,#e24e86,#efac57)}.sc-logo.tiktok{background:#152032}.sc-channel-name{flex:1;min-width:0}.sc-channel-name strong,.sc-channel-name small{display:block}.sc-channel-name small{margin-top:5px;color:var(--sc-muted)}.sc-steps{padding-left:20px;color:var(--sc-muted);line-height:2.3}.sc-footer{position:sticky;bottom:0;z-index:3;background:rgba(255,255,255,.97);border:1px solid var(--sc-line);box-shadow:0 -3px 18px #26416708;border-radius:10px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.sc-alert{border-radius:8px;padding:12px 15px;margin-bottom:17px;background:#edf5ff;color:#416997;line-height:1.7}.sc-alert.warn{background:#fff7e7;color:#96651f}.sc-alert.error{background:#fff0ef;color:#aa3c39}.sc-alert.success{background:#edf9ef;color:#277b43}.sc-note:empty{display:none}.sc-copy-tabs{margin-top:18px}.sc-count{display:block;text-align:right;margin-top:5px;color:var(--sc-muted);font-size:12px}.sc-empty{text-align:center;padding:44px 20px;color:var(--sc-muted);line-height:2}.sc-history{width:100%;border-collapse:collapse}.sc-history td,.sc-history th{text-align:left;padding:15px 12px;border-bottom:1px solid var(--sc-line);font-size:13px}.sc-history th{color:var(--sc-muted);font-weight:500}.sc-history td small{display:block;color:var(--sc-muted);line-height:1.7;margin-top:5px;max-width:400px}.sc-scroll{overflow:auto}.sc-overlay{position:fixed;inset:0;z-index:4000;background:#11274380;backdrop-filter:blur(3px);padding:24px;display:flex;align-items:center;justify-content:center}.sc-dialog{background:white;border-radius:14px;box-shadow:0 20px 80px #14243840;width:900px;max-width:100%;max-height:calc(100dvh - 48px);display:flex;flex-direction:column}.sc-dialog-head,.sc-dialog-foot{padding:18px 23px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--sc-line)}.sc-dialog-head h2{margin:0;font-size:18px}.sc-dialog-body{padding:22px;overflow:auto}.sc-dialog-foot{border-bottom:0;border-top:1px solid var(--sc-line);justify-content:flex-end}.sc-dialog .sc-media{grid-template-columns:repeat(4,minmax(0,1fr))}.sc-choice{border:1px solid var(--sc-line);background:#fff;border-radius:8px;text-align:left;padding:8px;width:100%}.sc-choice img{width:100%;height:110px;object-fit:contain;background:#f4f7fa}.sc-choice span{display:block;font-size:12px;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-choice.selected{border:2px solid var(--sc-blue);background:#f1f7ff}.sc-preview{display:grid;grid-template-columns:1fr 1fr;gap:22px}.sc-phone{border:1px solid #dce4ed;border-radius:14px;overflow:hidden;align-self:start;max-width:380px}.sc-phone-head{padding:14px;border-bottom:1px solid var(--sc-line);font-weight:600}.sc-phone img,.sc-phone video{width:100%;max-height:350px;object-fit:contain;background:#f0f3f8;display:block}.sc-phone-text{padding:15px;font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;max-height:230px;overflow:auto}.sc-check{display:flex;align-items:flex-start;gap:9px;line-height:1.8;margin:13px 0}.sc-check input{margin-top:5px;accent-color:var(--sc-blue);flex-shrink:0;width:16px;height:16px}.sc-tiktok{border:1px solid var(--sc-line);border-radius:8px;margin:14px 0;padding:13px}.sc-editor-canvas{width:100%;max-width:520px;background:#172536;display:block;margin:auto;touch-action:none;cursor:grab}.sc-ranges{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.sc-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sc-code{background:#f4f7fb;padding:12px;border-radius:6px;font-family:monospace;font-size:12px;overflow-wrap:anywhere;line-height:1.8;user-select:all}.sc-busy{opacity:.65;pointer-events:none}.sc-statusline{font-size:12px;color:var(--sc-muted);line-height:1.7}.sc-mobile-only{display:none}@media(max-width:1100px){.sc-grid{grid-template-columns:1fr}.sc-grid>aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}.sc-grid>aside .sc-card{margin:0 0 18px}.sc-head h1{font-size:23px}}@media(max-width:650px){.sc-head{align-items:flex-start;margin-bottom:16px}.sc-head h1{font-size:22px}.sc-card{padding:17px}.sc-grid>aside,.sc-admin-grid,.sc-preview{display:block}.sc-media{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-dialog .sc-media{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-tab{padding:12px 13px}.sc-footer{padding:12px;flex-wrap:wrap}.sc-footer>div:last-child{display:flex;width:100%}.sc-footer .sc-btn{flex:1}.sc-overlay{padding:10px}.sc-dialog{max-height:calc(100dvh - 20px)}.sc-dialog-body{padding:16px}.sc-dialog-head,.sc-dialog-foot{padding:15px}.sc-phone{margin:0 auto 20px}.sc-head .sc-btn{font-size:12px;padding:8px 10px}.sc-thumb img,.sc-thumb video{height:125px}}
