.workspace-sharing{width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line,#dfe3e8);border-radius:20px;background:var(--surface,#fff);color:var(--text,#253247);font:13px/1.5 var(--font,system-ui);box-shadow:0 24px 90px #0e172b30;overflow:auto;overscroll-behavior:contain}
.workspace-sharing::backdrop{background:#0c162946;backdrop-filter:blur(5px)}
.workspace-sharing *, .workspace-sharing-indicator *{box-sizing:border-box}
.workspace-sharing [hidden],.workspace-sharing-indicator[hidden],.workspace-sharing-boundary[hidden]{display:none!important}
.workspace-sharing__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px 18px;border-bottom:1px solid var(--line,#dfe3e8)}
.workspace-sharing__eyebrow{color:var(--dim,#687386);font-size:12px;font-weight:600}
.workspace-sharing h2{margin:3px 0 0;font:600 23px/1.25 var(--font,system-ui);letter-spacing:-.025em}
.workspace-sharing h3{margin:0;font:600 14px/1.4 var(--font,system-ui)}
.workspace-sharing p{margin:8px 0 14px}
.workspace-sharing__body{display:grid;gap:14px;padding:20px 24px 24px}
.workspace-sharing .workspace-sharing__status{margin:0;overflow-wrap:anywhere;color:var(--dim,#687386)}
.workspace-sharing__card{padding:18px;border:1px solid var(--line,#dfe3e8);border-radius:12px;background:var(--raised,var(--surface,#fff));min-width:0}
.workspace-sharing__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.workspace-sharing button,.workspace-sharing a[download]{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;border:1px solid var(--line,#dfe3e8);border-radius:8px;background:var(--surface,#fff);color:var(--text,#253247);font:600 12px/1.35 var(--font,system-ui);cursor:pointer;text-decoration:none;transition:background .15s}
.workspace-sharing button:hover,.workspace-sharing a[download]:hover{background:var(--surface-hover,#f0f3f7)}
.workspace-sharing button:disabled{cursor:default;opacity:.55}
.workspace-sharing .workspace-sharing__primary{background:var(--accent,#2862e6);color:#fff;border-color:transparent}
.workspace-sharing .workspace-sharing__primary:hover{filter:brightness(.94);background:var(--accent,#2862e6)}
.workspace-sharing .workspace-sharing__danger{color:var(--danger,#c54851)}
.workspace-sharing .workspace-sharing__close{width:34px;min-height:34px;padding:0;font-size:23px;font-weight:400;border:0;background:transparent;color:var(--dim,#687386);flex:none}
.workspace-sharing__field{display:grid;gap:6px;margin:14px 0 10px;font-size:12px;font-weight:600}
.workspace-sharing input:not([type=checkbox]){width:100%;min-width:0;min-height:39px;padding:9px 11px;border:1px solid var(--line,#dfe3e8);border-radius:8px;color:var(--text,#253247);background:var(--surface,#fff);font:400 13px/1.4 var(--font,system-ui)}
.workspace-sharing__check{display:flex;align-items:flex-start;gap:9px;margin:16px 0;font-size:13px}
.workspace-sharing__check input{margin-top:4px;accent-color:var(--accent-ink,#2862e6);width:15px;height:15px;flex:none}
.workspace-sharing .workspace-sharing__note{font-size:12px;line-height:1.5;color:var(--dim,#687386);overflow-wrap:anywhere;margin-bottom:0}
.workspace-sharing__section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.workspace-sharing__tag{padding:3px 8px;border-radius:20px;background:var(--accent-soft,#edf2ff);color:var(--accent-ink,#2862e6);font-size:12px}
.workspace-sharing__permission{margin-top:14px;padding:14px;border:1px solid var(--accent-ink,#2862e6);border-radius:10px;background:var(--accent-soft,#edf2ff)}
.workspace-sharing video{display:block;width:100%;max-height:48dvh;margin-top:14px;aspect-ratio:16/9;object-fit:contain;border:1px solid var(--line,#dfe3e8);border-radius:9px;background:#111722}
#sharingRemoteVideo{touch-action:none}
.workspace-sharing :is(button,input,a):focus-visible{outline:2px solid var(--accent-ink,#2862e6);outline-offset:3px}
.workspace-sharing-boundary{position:fixed;inset:0;z-index:2147483645;pointer-events:none;border:3px solid #f09299;border-radius:4px;box-shadow:inset 0 0 0 1px #ffe3e566}
.workspace-sharing-indicator{position:fixed;z-index:2147483644;left:50%;top:6px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:5px 6px 5px 11px;border:1px solid #f09299;border-radius:10px;background:var(--surface,#fff);color:var(--text,#253247);box-shadow:0 3px 14px #1720391a;font:500 12px/1.35 var(--font,system-ui)}
.workspace-sharing-indicator__dot{width:7px;height:7px;flex:none;border-radius:50%;background:#df6c76}
.workspace-sharing-indicator button{min-height:28px;border:0;border-radius:6px;background:transparent;color:inherit;padding:4px 7px;font:inherit;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.workspace-sharing-indicator [data-sharing="stop-all"]{color:var(--danger,#bd3d48);background:var(--danger-soft,#fff0f1);font-weight:600;flex:none}
.workspace-sharing-indicator button:focus-visible{outline:2px solid var(--accent-ink,#2862e6);outline-offset:2px}
@media(max-width:600px){.workspace-sharing{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:15px}.workspace-sharing__header{padding:17px}.workspace-sharing__body{padding:16px;gap:12px}.workspace-sharing__card{padding:14px}.workspace-sharing h2{font-size:20px}.workspace-sharing-indicator{top:auto;bottom:8px}.workspace-sharing video{max-height:40dvh}}
@media(prefers-reduced-motion:reduce){.workspace-sharing button{transition:none}}