/* A single in-place editorial stage inside the entity's existing media library. */
.sg-section{--sg-color:var(--node-color,#c9b5d0);width:100%;min-width:0;box-sizing:border-box;color:var(--ink,#f1f2f5);}
.sg-section [hidden]{display:none!important}
.sg-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 4px 10px;font-size:.75rem;line-height:1.5;}
.sg-source{color:var(--sg-color);font-weight:600;text-decoration:none;overflow-wrap:anywhere}
.sg-date{color:var(--muted,#aeb3bf);font-variant-numeric:tabular-nums;white-space:nowrap}
.sg-visual{position:relative;padding-inline:36px;}
.sg-screen{position:relative;min-width:0;min-height:200px;aspect-ratio:1;overflow:hidden;border-radius:14px;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--sg-color) 17%,transparent),transparent 65%),#090e16;box-shadow:inset 0 1px 0 #ffffff30,0 10px 30px #0004;touch-action:pan-y pinch-zoom;}
.sg-image{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:contain;user-select:none;-webkit-user-drag:none;}
html body .sg-visual .sg-arrow[data-gcl-variant="bare"]{position:absolute;top:calc(50% - 22px);display:grid;place-items:center;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--sg-color);z-index:2;}
.sg-previous{left:-4px}.sg-next{right:-4px}.sg-arrow:disabled{opacity:.24;cursor:default;}
.sg-arrow svg,.sg-play svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
html body .sg-play[data-gcl-variant="bare"]{display:flex;align-items:center;justify-content:center;gap:0;position:absolute;left:calc(50% - 26px);top:calc(50% - 26px);width:52px!important;height:52px!important;min-height:52px!important;padding:0!important;border:1px solid #ffffff80!important;border-radius:50%!important;background:#070b10aa!important;backdrop-filter:blur(8px);box-shadow:inset 0 2px 1px #ffffff35,0 4px 18px #0006!important;color:#fff;}
.sg-play svg{width:26px;height:26px;fill:currentColor;stroke-width:0}
.sg-player{position:absolute;inset:0;width:100%;height:100%;border:0;}
.sg-consent{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:14px;background:#080d16ef;box-sizing:border-box;text-align:center;font-size:.875rem;}
.sg-consent p{margin:0;text-align:center!important;line-height:1.5}
.sg-consent .sg-enable{min-height:44px;font-size:.875rem}.sg-consent a{font-size:.75rem}
.sg-info{padding:12px 4px 2px;min-width:0;}
.sg-count{margin:0 0 8px;color:var(--sg-color);font:500 .75rem/1.4 var(--font-mono,monospace);text-align:center;font-variant-numeric:tabular-nums;}
.sg-title{font:600 clamp(1rem,3.8vw,1.125rem)/1.35 var(--font-sans,system-ui);margin:0 0 8px;overflow-wrap:anywhere;text-wrap:balance;text-align:left;}
.sg-stats{margin:0 0 12px;color:var(--muted,#adb4c0);font-size:.75rem;line-height:1.6;text-align:left!important;}
.sg-caption{margin:0;color:var(--muted,#b8beca);font-size:.875rem;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left!important;}
.sg-caption a{color:var(--sg-color);text-decoration:underline;text-underline-offset:3px;}
.sg-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px;font-size:.8125rem;}
.sg-original{color:var(--sg-color);text-underline-offset:4px;}
.sg-status{font-size:.8125rem;line-height:1.5;color:var(--muted,#b8beca);}
html body dialog.music-dialog .sg-section .sg-title{font:600 1rem/1.4 var(--font-sans,system-ui)!important;letter-spacing:normal!important;text-transform:none!important;text-align:left!important;}
html body dialog.music-dialog .sg-section :is(.sg-caption,.sg-caption span,.sg-stats,.sg-status){text-align:left!important;text-align-last:auto!important;hyphens:none!important;}
.sg-accounts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;}
.sg-section :is(button,a,[tabindex]):focus-visible{outline:2px solid var(--node-color,Highlight)!important;outline-offset:2px!important;}
@media(min-width:48rem){.sg-visual{max-width:480px;margin-inline:auto;}.sg-info{max-width:640px;margin-inline:auto;}}
@media(max-width:24rem){.sg-visual{padding-inline:26px;}.sg-screen{border-radius:12px}.sg-head{gap:6px}.sg-previous{left:-12px}.sg-next{right:-12px}}
@media(forced-colors:active){.sg-screen{border:1px solid CanvasText}.sg-arrow,.sg-source,.sg-original{color:LinkText}.sg-consent{background:Canvas}.sg-play{background:Canvas!important;color:ButtonText!important}}
@media(prefers-reduced-transparency:reduce){.sg-play,.sg-consent{background:#080d16!important;backdrop-filter:none}}

/* WordPress inserts an empty emoji span: it must not create a second icon row. */
html body .sg-section :is(.sg-play,.sg-arrow) > span:empty{display:none!important;}
/* Four original topics form two pairs; Social is a full-width final topic. */
html body dialog.music-dialog .music-box [data-music-tabs][data-gcl-selection-group][data-social-topic]{grid-template-columns:repeat(2,minmax(0,1fr));}
html body dialog.music-dialog .music-box [data-music-tabs][data-gcl-selection-group][data-social-topic] > button:nth-child(n){grid-column:auto;justify-content:center;text-align:center;}
html body dialog.music-dialog .music-box [data-music-tabs][data-gcl-selection-group][data-social-topic] > button[data-music-view="social"]:nth-child(n){grid-column:1 / -1;}

/* A single quiet account rail; the current post or profile owns the content area. */
html body dialog.music-dialog [data-music-panel="social"]{margin-top:0!important}
.sg-profile-hub{--sg-color:var(--node-color,#d7a3bf);min-width:0}
.sg-profile-hub [hidden]{display:none!important}
.sg-profile-nav{display:flex;flex-wrap:wrap;gap:6px;padding:3px;margin:0 0 18px}
html body dialog.music-dialog .sg-profile-nav .sg-profile-tab{flex:1 1 88px;min-height:44px;min-width:0;border:1px solid color-mix(in srgb,var(--sg-color) 30%,transparent)!important;border-radius:999px!important;padding:8px 12px;background:linear-gradient(160deg,#ffffff08,transparent)!important;box-shadow:inset 0 1px #ffffff18!important;color:var(--muted,#c3c8d1);font:500 .8125rem/1.3 var(--font-sans,system-ui)}
html body dialog.music-dialog .sg-profile-nav .sg-profile-tab[aria-pressed="true"]{background:color-mix(in srgb,var(--sg-color) 17%,#0c1119)!important;border-color:color-mix(in srgb,var(--sg-color) 70%,transparent)!important;color:var(--ink,#f5f6f7);box-shadow:inset 0 1px 1px #ffffff40!important}
.sg-profile-card{padding:22px 8px 28px;text-align:center;min-width:0}
html body dialog.music-dialog .music-box .sg-profile-hub .sg-profile-card > .sg-profile-label{margin:0 0 6px;color:var(--sg-color);font-size:.8125rem;text-align:center!important;text-align-last:center!important}
html body dialog.music-dialog .sg-profile-name{margin:0 0 20px;font-size:1.4rem!important;text-align:center!important;overflow-wrap:anywhere;text-transform:none!important;letter-spacing:normal!important}
.sg-profile-note{max-width:34em;margin:0 auto 16px!important;color:var(--muted,#b8beca);font-size:.875rem;line-height:1.6;text-align:center!important}
.sg-profile-actions{display:flex;justify-content:center;margin-top:18px}
.sg-profile-actions a{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:4px 12px}
.sg-profile-load,.sg-profile-close{min-height:44px;margin:4px auto 12px}
.sg-creator-frame{display:block;width:100%;height:620px;max-height:75vh;border:0;border-radius:12px;background:transparent}
.sg-profile-hub :is(button,a):focus-visible{outline:2px solid var(--sg-color)!important;outline-offset:3px!important}
@media(forced-colors:active){html body .sg-profile-nav .sg-profile-tab{border:1px solid ButtonText!important;background:Canvas!important;color:ButtonText!important}.sg-profile-tab[aria-pressed="true"]{outline:2px solid Highlight!important}}