/* The dialog owns a paired palette; page-level header and control styles stay outside. */
#work-share-dialog{--work-share-bg:var(--paper,#fff);--work-share-text:var(--ink,#24354c);--work-share-muted:var(--muted,#718198);--work-share-line:var(--line,#dce3ed);--work-share-soft:#f5f8fc;--work-share-accent:#2878e8;--work-share-track:#a7b4c5;box-sizing:border-box;width:min(496px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 40px);overflow:auto;margin:auto;padding:0;border:1px solid var(--work-share-line);border-radius:4px;background:var(--work-share-bg);color:var(--work-share-text);font:14px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;box-shadow:0 18px 60px #08192b40;color-scheme:light}
body.dark #work-share-dialog{--work-share-soft:#1b2b40;--work-share-accent:#82b5ff;--work-share-track:#64758b;color-scheme:dark}
#work-share-dialog *,#work-share-dialog *::before{box-sizing:border-box}
#work-share-dialog::backdrop{background:#0c1a2d80;backdrop-filter:blur(3px)}
#work-share-dialog>.work-share-header{height:54px;min-height:0;margin:0;padding:0 18px;position:static;inset:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;background:transparent;color:var(--work-share-text);border:0;border-bottom:1px solid var(--work-share-line);box-shadow:none;backdrop-filter:none}
#work-share-dialog #work-share-heading{font:600 18px/1.4 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;letter-spacing:0;margin:0;padding:0;color:var(--work-share-text);outline:none}
#work-share-dialog button{height:36px;min-height:0;margin:0;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--work-share-line);border-radius:4px;background:var(--work-share-bg);color:var(--work-share-text);font-family:inherit;font-size:13px;font-weight:500;line-height:1.4;box-shadow:none;text-shadow:none;cursor:pointer}
#work-share-dialog [data-work-share-close]{width:30px;height:30px;padding:6px;border:0;background:transparent;color:var(--work-share-muted)}
#work-share-dialog button:hover{background:var(--work-share-soft)}
#work-share-dialog svg{display:block;width:18px;height:18px;flex-shrink:0}
#work-share-dialog :is(button,input):focus-visible{outline:2px solid var(--work-share-accent);outline-offset:3px}
#work-share-dialog .work-share-body{padding:18px}
#work-share-dialog .work-share-work{display:flex;align-items:center;gap:12px;min-width:0;margin-bottom:18px}
#work-share-dialog .work-share-file-icon{width:40px;height:44px;flex:0 0 40px;display:grid;place-items:center;color:var(--work-share-accent);background:var(--work-share-soft);border:1px solid var(--work-share-line);border-radius:4px}
#work-share-dialog .work-share-file-icon svg{width:22px;height:22px}
#work-share-dialog .work-share-work>div{min-width:0}
#work-share-dialog .work-share-title{display:block;font-size:15px;line-height:1.6;font-weight:600;overflow-wrap:anywhere;color:var(--work-share-text)}
#work-share-dialog .work-share-file-type{display:block;margin-top:2px;font-size:12px;line-height:1.5;color:var(--work-share-muted)}
#work-share-dialog .work-share-access{padding:14px;background:var(--work-share-soft);border:1px solid var(--work-share-line);border-radius:4px}
#work-share-dialog .work-share-toggle{display:flex;align-items:center;gap:10px;margin:0;padding:0;border:0;cursor:pointer}
#work-share-dialog .work-share-globe{color:var(--work-share-muted)}
#work-share-dialog .work-share-globe svg{width:22px;height:22px}
#work-share-dialog .work-share-access-label{flex:1;min-width:0}
#work-share-dialog .work-share-access-label strong{display:block;font-weight:600;font-size:14px;line-height:1.6;color:var(--work-share-text)}
#work-share-dialog .work-share-access-label small{display:block;margin-top:2px;font-size:12px;line-height:1.5;color:var(--work-share-muted)}
#work-share-dialog .work-share-toggle-state{font-size:12px;color:var(--work-share-muted);white-space:nowrap}
#work-share-dialog .work-share-toggle input{appearance:none;-webkit-appearance:none;position:relative;flex:0 0 36px;width:36px;height:22px;min-width:0;margin:0;padding:0;border:0;border-radius:11px;background:var(--work-share-track);box-shadow:none;cursor:pointer;transition:background .16s ease}
#work-share-dialog .work-share-toggle input::before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #11203330;transition:transform .16s ease}
#work-share-dialog .work-share-toggle input:checked{background:#307ff0}
#work-share-dialog .work-share-toggle input:checked::before{transform:translateX(14px)}
#work-share-dialog .work-share-toggle input:disabled{opacity:.5;cursor:wait}
#work-share-dialog .work-share-link{display:block;margin-top:14px;padding-top:12px;border-top:1px solid var(--work-share-line)}
#work-share-dialog .work-share-link[hidden]{display:none}
#work-share-dialog .work-share-link>label{display:block;font-size:12px;line-height:1.5;color:var(--work-share-muted);margin-bottom:6px}
#work-share-dialog .work-share-link-row{display:flex;align-items:center;gap:8px}
#work-share-dialog .work-share-link input{flex:1;min-width:0;width:0;height:36px;padding:7px 9px;border:1px solid var(--work-share-line);border-radius:4px;font:12px/1.5 ui-monospace,monospace;background:var(--work-share-bg);color:var(--work-share-text);box-shadow:none;text-overflow:ellipsis}
#work-share-dialog .work-share-link button{flex-shrink:0;color:var(--work-share-accent);border-color:var(--work-share-accent);font-family:inherit;font-size:13px}
#work-share-dialog .work-share-link button svg{width:15px;height:15px}
#work-share-dialog .work-share-status{min-height:20px;margin:10px 0 0;font-size:12px;line-height:1.7;color:var(--work-share-muted)}
#work-share-dialog .work-share-privacy{margin:12px 0 0;font-size:12px;line-height:1.7;color:var(--work-share-muted)}
.ps-media-share{position:relative;font:inherit;color:#3386f5;background:transparent;border:0;padding:3px 7px;cursor:pointer}.work-share-action{font:inherit;color:#3386f5;background:transparent;border:1px solid #dce3ed;border-radius:4px;padding:5px 10px;cursor:pointer}
@media(max-width:480px){#work-share-dialog>.work-share-header{padding-inline:16px}#work-share-dialog .work-share-body{padding:16px}#work-share-dialog .work-share-access{padding:12px}#work-share-dialog .work-share-toggle-state{display:none}#work-share-dialog .work-share-globe{display:none}}
@media(prefers-reduced-motion:reduce){#work-share-dialog .work-share-toggle input,#work-share-dialog .work-share-toggle input::before{transition:none}}
@media(forced-colors:active){#work-share-dialog .work-share-toggle input{border:1px solid ButtonText;background:Canvas}#work-share-dialog .work-share-toggle input::before{background:ButtonText}#work-share-dialog .work-share-toggle input:checked{background:Highlight}#work-share-dialog .work-share-toggle input:checked::before{background:HighlightText}}
