/* Compact sharing follows Writer's utility controls and quiet disclosures. */
@media screen {
  body.studio-refined #shareWrap {align-items:center;padding:16px;background:rgba(0,0,0,.28);backdrop-filter:blur(3px);}
  body.studio-refined #shareWrap #shareDialog {width:min(380px,calc(100vw - 32px));height:auto;max-height:calc(100dvh - 32px);border:1px solid var(--line);border-radius:10px;}
  body.studio-refined #shareDialog .utilityDialogHead {min-height:48px;padding:10px 12px;}
  body.studio-refined #shareDialog .utilityDialogBody {gap:8px;padding:12px;}
  body.studio-refined #shareSetup {display:grid;gap:8px;}
  body.studio-refined #shareDialog.hasSharedLink #shareSetup {display:none;}
  body.studio-refined #shareDialog :is(.shareIntro,.shareHint) {margin:0;font:400 12px/18px var(--sans);color:var(--dim);}
  body.studio-refined #shareDialog .shareIntro {color:var(--text);}
  body.studio-refined #shareDialog .shareHint {font-size:11px;line-height:16px;}
  body.studio-refined #shareDialog .shareSettings {gap:8px;}
  body.studio-refined #shareDialog .shareField {gap:4px;font:500 11px/16px var(--sans);}
  body.studio-refined #shareDialog :is(input,select) {height:28px;min-height:28px;padding:0 8px;font:500 11px/26px var(--sans);}
  body.studio-refined #shareDialog select {padding-right:26px;}
  body.studio-refined #shareDialog #shareResult {display:grid;gap:8px;margin:0;padding:0;border:0;border-radius:0;background:none;}
  body.studio-refined #shareDialog .shareLinkTop {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px;}
  body.studio-refined #shareDialog .shareResultHead {display:flex;align-items:center;gap:8px;min-width:0;font:400 11px/16px var(--sans);color:var(--dim);}
  body.studio-refined #shareDialog #shareResultBadge {display:inline-flex;align-items:center;min-height:22px;padding:0 6px;border:1px solid color-mix(in srgb,var(--icon-mint) 25%,var(--line));border-radius:4px;background:color-mix(in srgb,var(--icon-mint) 7%,var(--surface-2));font:500 11px/16px var(--sans);letter-spacing:0;text-transform:none;color:var(--icon-mint);white-space:nowrap;}
  body.studio-refined #shareDialog #shareExpiryMeta strong {font-weight:400;}
  body.studio-refined #shareDialog .shareLinkActions {display:flex;align-items:center;gap:8px;flex:none;}
  body.studio-refined #shareDialog #shareCopy {min-width:72px;border:1px solid color-mix(in srgb,var(--icon-mint) 35%,var(--line));background:color-mix(in srgb,var(--icon-mint) 14%,var(--surface-2));color:var(--text);}
  body.studio-refined #shareDialog .shareSyncStatus {display:flex;align-items:center;gap:8px;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;}
  body.studio-refined #shareDialog .shareSyncDot {flex:none;width:6px;height:6px;box-shadow:none;}
  body.studio-refined #shareDialog .shareSyncStatus b {font:500 12px/18px var(--sans);}
  body.studio-refined #shareDialog .shareSyncStatus small {margin:0;font:400 11px/16px var(--sans);color:var(--dim);}
  body.studio-refined #shareDialog .shareIdentityRow {display:flex;align-items:center;gap:8px;min-width:0;}
  body.studio-refined #shareDialog .shareIdentityField {display:flex;align-items:center;gap:8px;flex:1;min-width:0;font:500 11px/18px var(--sans);white-space:nowrap;}
  body.studio-refined #shareDialog .shareIdentityField input {flex:1;min-width:0;}
  body.studio-refined #shareDialog #sharedCommentActivity {flex:none;}
  body.studio-refined #shareDialog .shareActions {display:flex;align-items:center;flex-wrap:nowrap;gap:8px;margin:0;padding:0;border:0;}
  body.studio-refined #shareDialog .shareActions:not(:has(>button:not([hidden]))) {display:none;}
  .shareFooter {position:relative;min-height:28px;}
  body.studio-refined #shareDialog .shareFooter .shareCreateRow {position:absolute;right:0;top:0;height:28px;}
  body.studio-refined #shareDialog.hasSharedLink .shareCreateRow {display:none;}
  .shareFooter .shareRevokeDock {position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:flex-end;gap:8px;height:28px;}
  body.studio-refined #shareDialog:not(.hasSharedLink) .shareRevokeDock {display:none;}
  body.studio-refined #shareDialog #shareRevoke {color:var(--icon-coral);}
  body.studio-refined #shareDialog[data-revoke-confirming] #shareRevoke {display:none;}
  body.studio-refined #shareDialog #shareRevokeConfirm {display:flex;align-items:center;box-sizing:border-box;gap:4px;height:28px;padding:0 2px 0 8px;border:1px solid color-mix(in srgb,var(--icon-coral) 35%,var(--line));border-radius:5px;background:var(--surface-2);font:500 11px/18px var(--sans);white-space:nowrap;}
  body.studio-refined #shareDialog #shareRevokeConfirm>button {display:grid;place-items:center;flex:none;width:22px;height:22px;min-height:22px;padding:0;border:0;background:none;color:var(--dim);}
  #shareRevokeConfirm svg {display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
  body.studio-refined #shareDialog #shareRevokeApprove {color:var(--icon-mint);}
  body.studio-refined #shareDialog #shareStatus {display:block;font:400 11px/16px var(--sans);color:var(--dim);}
  body.studio-refined #shareDialog #shareStatus:empty {display:none;}
  body.studio-refined #shareDialog #shareStatus.error {color:var(--icon-coral);}
  body.studio-refined #shareDialog .shareLinkDetails {margin:0;padding:0;border:0;border-radius:0;background:none;}
  body.studio-refined #shareDialog .shareLinkDetails>summary {display:list-item;margin:0;padding:0;max-width:calc(100% - 150px);height:28px;font:500 11px/28px var(--sans);color:var(--dim);cursor:pointer;}
  body.studio-refined #shareDialog .shareLinkDetailsBody {display:grid;gap:8px;margin-top:8px;padding:10px;border:1px solid var(--workspace-edge);border-radius:6px;background:var(--surface-1);}
  body.studio-refined #shareDialog .shareMeta {gap:4px 8px;font:400 11px/16px var(--sans);}
  body.studio-refined #shareDialog .shareKeyNote {font:400 11px/16px var(--sans);color:var(--dim);}
  body.studio-refined #shareDialog .sharePrivacyHero {padding:0;}
  body.studio-refined #shareDialog .sharePrivacyHero :is(b,p) {font-size:11px;line-height:16px;}
  body.studio-refined #shareDialog:not(.hasSharedLink) :is(.sharePrivateLinkField,.shareMeta,.shareKeyNote,.shareActivity) {display:none;}
  body.studio-refined #shareDialog #shareActivity {max-height:160px;overflow:auto;}
  body.studio-refined #shareDialog [hidden] {display:none!important;}
  @media (max-width:480px) {
    body.studio-refined #shareDialog .shareLinkTop {align-items:flex-start;flex-direction:column;gap:8px;}
    body.studio-refined #shareDialog .shareIdentityRow {flex-wrap:wrap;}
    body.studio-refined #shareDialog .shareIdentityField {flex-basis:100%;}
    body.studio-refined #shareDialog .shareActions {flex-wrap:wrap;}
  }
}