/* SLPT-R27-SOCIAL-SHARE-LIVE-20260823 */
.r27-share-shell{display:grid;grid-template-columns:minmax(340px,.85fr) minmax(420px,1.15fr);gap:18px;align-items:start}.r27-share-composer{display:grid;gap:14px}.r27-share-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.r27-share-types{display:flex;gap:8px;flex-wrap:wrap}.r27-share-types button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:8px 12px;font-weight:700;cursor:pointer}.r27-share-types button.active{border-color:color-mix(in srgb,var(--accent) 65%,var(--line));background:color-mix(in srgb,var(--accent) 13%,var(--panel))}.r27-share-types button:disabled{opacity:.42;cursor:not-allowed}.r27-share-metric-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.r27-share-metric-preview>div{border:1px solid var(--line);border-radius:13px;padding:10px 12px;display:grid;gap:3px}.r27-share-metric-preview small,.r27-share-metric-preview span{color:var(--muted);font-size:.78rem}.r27-share-metric-preview b{font-size:1rem}.r27-share-privacy{display:grid;gap:8px;border:1px solid var(--line);border-radius:14px;padding:12px}.r27-share-privacy label,.r27-share-switches label{display:flex;gap:8px;align-items:center}.r27-share-privacy input,.r27-share-switches input{width:auto}.r27-share-switches{display:flex;gap:16px;flex-wrap:wrap}.r27-share-approval-state{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:color-mix(in srgb,var(--panel) 90%,transparent);font-size:.86rem}.r27-share-canvas-wrap{border:1px solid var(--line);border-radius:18px;padding:12px;background:#080a0e;overflow:auto}.r27-share-canvas-wrap canvas{display:block;width:100%;height:auto;max-height:680px;object-fit:contain}.r27-share-approval-list{margin-bottom:16px}.r27-share-approval-list article{border:1px solid var(--line);border-radius:14px;padding:13px;margin-top:10px;display:grid;gap:10px}.r27-share-approval-list article>div:first-child{display:flex;justify-content:space-between;gap:12px}.r27-share-approval-list small{color:var(--muted)}.r27-share-approval-metrics{display:flex;gap:8px;flex-wrap:wrap}.r27-share-approval-metrics span{border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:.78rem}@media(max-width:900px){.r27-share-shell{grid-template-columns:1fr}.r27-share-controls{grid-template-columns:1fr 1fr}.r27-share-preview{order:2}}@media(max-width:580px){.r27-share-controls,.r27-share-metric-preview{grid-template-columns:1fr}.r27-share-canvas-wrap{padding:6px}}@media(prefers-reduced-motion:reduce){.r27-share-types button{transition:none!important}}