.social-page{--social-paper:var(--paper,#f7f3ef);--social-surface:var(--surface,#fffdfa);--social-ink:var(--ink,#392f43);--social-muted:var(--muted,#796b81);--social-line:var(--line,#ded5df);--social-accent:var(--accent,#7551a1);--social-soft:var(--accent-soft,#e9dff2);color:var(--social-ink);padding-top:23px;padding-bottom:32px;max-width:1240px}.social-back{display:inline-flex;align-items:center;min-height:44px;padding:0;font-size:12px;color:var(--social-muted)}.social-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:20px 0 38px}.social-eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--social-muted)}.social-heading h1{font-size:clamp(35px,4.2vw,52px);line-height:1.32;letter-spacing:-1.7px;font-weight:650;margin:16px 0}.social-heading>div>p:last-child{font-size:13px;color:var(--social-muted);line-height:1.9}.social-heading-stamp{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 30px;transform:rotate(5deg);border-top:1px solid var(--social-line);border-bottom:1px solid var(--social-line);padding:17px 8px;min-width:175px;margin-right:27px;color:var(--social-accent)}.social-heading-stamp span{font-size:10px;letter-spacing:2px;grid-column:1/-1}.social-heading-stamp b{font-size:24px;line-height:1.5;font-weight:500}.social-heading-stamp i{font-style:normal;font-size:43px;font-weight:400}.social-composer{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:58px;align-items:start;border-top:1px solid var(--social-line);padding-top:27px;padding-bottom:45px}.social-preview-column{position:sticky;top:24px;min-width:0}.social-preview-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.social-preview-caption h2{font-size:12px;font-weight:500}.social-preview-caption>span{font-size:10px;color:var(--social-muted)}.social-card-stage{position:relative;padding:35px 33px 28px;background:#eadfdc;border:1px solid #e1d1cd;border-radius:22px;min-height:300px;overflow:hidden}.social-card-stage[data-platform=moments]{background:#e0e8dc;border-color:#d0ddcc}.social-card-stage[data-platform=weibo]{background:#eee2c9;border-color:#e0d0b1}.social-card-stage[data-platform=general]{background:#e6deed;border-color:#d8cce2}.social-paper-tape{position:absolute;top:17px;left:43%;width:66px;height:25px;transform:rotate(-7deg);background:#ffffff85;z-index:2;backdrop-filter:blur(3px)}#social-canvas{display:block;width:100%;height:auto;background:var(--social-surface);box-shadow:1px 14px 29px #3c2b4228;transform:rotate(-.6deg);border-radius:2px;transition:transform .3s ease;max-width:100%}.social-card-stage:hover #social-canvas{transform:rotate(0)}.social-size-note{font-size:10px;line-height:1.85;color:var(--social-muted);margin:13px 2px 18px}.social-public-note{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;background:var(--social-surface);border:1px solid var(--social-line);border-radius:12px}.social-public-note>span{font-size:22px;color:var(--social-accent);line-height:1.3}.social-public-note p{font-size:11px;color:var(--social-muted);line-height:1.85}.social-public-note strong{color:var(--social-ink);font-weight:600}.social-controls{min-width:0}.social-fieldset{border:0;padding:0;margin:0 0 25px;min-width:0}.social-fieldset legend{display:flex;align-items:center;gap:10px;width:100%;font-size:13px;font-weight:500;margin-bottom:13px;padding:0}.social-fieldset legend>span{font-size:10px;color:var(--social-muted);font-variant-numeric:tabular-nums;letter-spacing:1px}.social-fieldset legend em{font-style:normal;font-size:11px;color:var(--social-accent);margin-left:auto;font-variant-numeric:tabular-nums}.social-platforms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.social-platforms button{font-size:12px;min-height:45px;border:1px solid var(--social-line);border-radius:12px;background:var(--social-surface);padding:8px 5px;white-space:nowrap;transition:background .2s,border-color .2s}.social-platforms button.selected{background:var(--social-soft);border-color:var(--social-accent);color:var(--social-accent)}.social-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.social-formats button{display:grid;justify-items:center;align-content:center;gap:7px;min-height:121px;padding:13px 5px;border:1px solid var(--social-line);border-radius:13px;background:var(--social-surface);transition:background .2s,border-color .2s}.social-formats button.selected{background:var(--social-soft);border-color:var(--social-accent);color:var(--social-accent)}.social-formats i{display:block;width:26px;height:34px;border:1.5px solid currentColor;border-radius:3px;opacity:.65;background:#ffffff90}.social-formats i.format-square{width:30px;height:30px}.social-formats i.format-story{width:21px;height:37px}.social-formats b{font-size:11px;font-weight:500}.social-formats small{font-size:9px;color:var(--social-muted);font-variant-numeric:tabular-nums}.social-field-note{font-size:11px;color:var(--social-muted);margin:-3px 0 13px;line-height:1.8}.social-entry-list{max-height:320px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--social-line) transparent;padding-right:7px;display:grid;gap:9px}.social-entry{display:flex;align-items:flex-start;gap:12px;padding:14px 15px;border:1px solid var(--social-line);border-radius:12px;background:var(--social-surface);cursor:pointer;transition:background .2s,border-color .2s}.social-entry.is-selected{background:var(--social-soft);border-color:var(--social-accent)}.social-entry input{width:17px;height:17px;flex-shrink:0;accent-color:var(--social-accent);margin:4px 0 0}.social-entry>span{min-width:0}.social-entry small{display:block;font-size:9px;letter-spacing:.5px;color:var(--social-muted);margin-bottom:6px}.social-entry b{display:block;font-size:12px;font-weight:400;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.social-entry i{display:block;font-size:9px;font-style:normal;line-height:1.7;color:var(--social-muted);margin-top:8px}.social-caption{border-top:1px solid var(--social-line);border-bottom:1px solid var(--social-line);padding:10px 0;margin:0 0 23px}.social-caption summary{font-size:12px;cursor:pointer;min-height:35px;padding-top:6px}.social-caption summary span{font-size:10px;color:var(--social-muted);float:right;padding-top:1px}.social-caption pre{font-family:inherit;font-size:12px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere;padding:15px;background:var(--social-surface);border-radius:9px;margin:5px 0 12px}.social-actions{display:grid;gap:10px}.social-main-action{display:flex;justify-content:space-between;align-items:center;background:var(--social-accent);color:#fff;min-height:53px;border-radius:13px;padding:13px 20px;font-size:13px;box-shadow:0 7px 18px #52346713}.social-main-action span{font-size:22px;line-height:1}.social-actions>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.social-actions>div button{border:1px solid var(--social-line);background:var(--social-surface);border-radius:12px;min-height:47px;font-size:12px;padding:10px}.social-delivery-note,.social-preview-note{font-size:10px;color:var(--social-muted);line-height:1.9;margin-top:15px}.social-preview-note{padding-top:13px;border-top:1px solid var(--social-line)}.social-preview-note a{text-decoration:underline;text-underline-offset:3px}.social-no-entries{padding:25px 15px;border:1px dashed var(--social-line);border-radius:12px;color:var(--social-muted);font-size:12px;line-height:1.9}.social-no-entries button{font-size:12px;color:var(--social-accent);padding:10px 0;min-height:44px}.social-canvas-empty{position:absolute;inset:35px 33px 28px;display:grid;place-content:center;text-align:center;background:var(--social-surface);pointer-events:none;box-shadow:1px 14px 29px #3c2b4210}.social-canvas-empty>span{font-size:100px;color:var(--social-soft);height:85px;line-height:1.1}.social-canvas-empty p{font-size:23px;line-height:1.7;color:var(--social-muted)}.social-page button:focus-visible,.social-page input:focus-visible,.social-page summary:focus-visible{outline:2px solid var(--social-accent);outline-offset:4px}.social-page button:disabled{opacity:.42;cursor:not-allowed}
@media(max-width:940px){.social-composer{gap:30px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.social-heading-stamp{margin-right:8px}.social-card-stage{padding:30px 23px 24px}.social-canvas-empty{inset:30px 23px 24px}.social-platforms{gap:5px}.social-platforms button{font-size:11px}.social-preview-caption{align-items:flex-start;flex-direction:column;gap:5px}.social-entry{padding:13px 11px;gap:10px}}
@media(max-width:700px){.social-page{padding-top:13px}.social-heading{padding:14px 0 25px;gap:18px}.social-heading h1{font-size:34px;letter-spacing:-1px;margin:12px 0}.social-heading>div>p:last-child{font-size:12px;max-width:260px}.social-eyebrow{font-size:9px;letter-spacing:1.3px}.social-heading-stamp{display:none}.social-composer{grid-template-columns:minmax(0,1fr);gap:27px;padding-top:21px;padding-bottom:28px}.social-preview-column{position:static;max-width:460px;width:100%;margin:auto}.social-preview-caption{flex-direction:row;align-items:center}.social-card-stage{padding:31px 29px 24px;border-radius:18px}.social-paper-tape{top:15px}.social-canvas-empty{inset:31px 29px 24px}.social-controls{width:100%;max-width:500px;margin:auto}.social-public-note{padding:13px 14px}.social-public-note p{font-size:11px}.social-size-note{font-size:10px}.social-fieldset{margin-bottom:24px}.social-fieldset legend{font-size:13px}.social-platforms{gap:7px}.social-platforms button{font-size:12px;min-height:46px}.social-formats button{min-height:118px}.social-entry-list{max-height:310px;padding-right:3px}.social-entry{padding:14px 13px}.social-entry b{font-size:13px}.social-entry small,.social-entry i{font-size:10px}.social-caption summary{font-size:12px}.social-main-action{min-height:54px}.social-actions>div button{min-height:49px}.social-delivery-note,.social-preview-note{font-size:11px}}
@media(max-width:380px){.social-heading h1{font-size:31px}.social-card-stage{padding:27px 21px 22px}.social-canvas-empty{inset:27px 21px 22px}.social-preview-caption h2{font-size:11px}.social-preview-caption>span{font-size:9px}.social-platforms button{font-size:11px}.social-fieldset legend{font-size:12px}.social-caption summary span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.social-page *{transition:none!important;animation:none!important}.social-card-stage:hover #social-canvas{transform:rotate(-.6deg)}}