.scoped-share-editor { box-sizing:border-box; width:min(660px,calc(100vw - 24px)); max-height:calc(100dvh - 32px); padding:0; border:1px solid var(--border-default,#dce0e6); border-radius:var(--r-panel,16px); color:var(--text-primary,#20242e); background:var(--surface-top,#fff); box-shadow:var(--shadow-modal,0 16px 60px #18223526); font:var(--fs-md,13px)/1.6 var(--font-ui,system-ui); }
.scoped-share-editor::backdrop { background:var(--scrim); }
.scoped-share-editor[open] { display:flex; flex-direction:column; overflow:hidden; }
.scoped-share-editor [hidden] { display:none!important; }
.scoped-share-head { display:flex; flex-shrink:0; align-items:center; justify-content:space-between; gap:16px; padding:20px 24px; border-bottom:1px solid var(--border-subtle,#e5e7ec); }
.scoped-share-head h2 { margin:0; font-size:19px; font-weight:600; }
.scoped-share-editor button { box-sizing:border-box; min-height:40px; padding:8px 14px; border:1px solid var(--border-default,#dce0e6); border-radius:var(--r-control,8px); color:inherit; background:var(--surface-top,#fff); font:inherit; cursor:pointer; }
.scoped-share-editor button:hover:not(:disabled) { background:var(--state-hover,#f3f4f7); }
.scoped-share-close { background:transparent; }
.scoped-share-body { flex:1; min-height:0; padding:20px 24px; overflow:auto; overscroll-behavior:contain; }
.scoped-share-intro { margin:0 0 10px; line-height:1.6; }
.scoped-share-note,.scoped-share-status { margin:8px 0; color:var(--text-secondary,#5d6473); font-size:13px; line-height:1.6; }
.scoped-share-error,.scoped-share-warning { padding:12px; border-radius:8px; background:var(--fill-subtle,#f3f4f7); font-size:13px; line-height:1.6; }
.scoped-share-rows { margin-top:20px; }
.scoped-share-row { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px 0 14px calc(var(--scope-depth,0)*16px); border-top:1px solid var(--border-subtle,#e5e7ec); }
.scoped-share-label { display:flex; flex-direction:column; gap:4px; min-width:0; }
.scoped-share-label strong { font-size:14px; font-weight:550; overflow-wrap:anywhere; }
.scoped-share-label span { color:var(--text-secondary,#5d6473); font-size:12px; }
.scoped-share-label .scoped-share-parent-state { color:var(--text-tertiary,#757c88); }
.scoped-share-row select { box-sizing:border-box; max-width:190px; min-height:40px; padding:8px; border:1px solid var(--border-default,#dce0e6); border-radius:8px; font:inherit; font-size:13px; color:inherit; background:var(--surface-top,#fff); }
.scoped-share-foot { display:flex; flex-shrink:0; flex-wrap:wrap; gap:8px; padding:16px 24px; border-top:1px solid var(--border-subtle,#e5e7ec); }
.scoped-share-editor .scoped-share-primary { background:var(--accent,#514ded); border-color:transparent; color:var(--text-on-accent,#fff); }
.scoped-share-editor .scoped-share-primary:hover:not(:disabled) { background:var(--accent-hover,var(--accent,#514ded)); }
.scoped-share-editor :disabled { opacity:.5; cursor:default; }
.scoped-share-editor :focus-visible { outline:2px solid var(--accent-line); outline-offset:3px; }
.scoped-share-link { display:flex; gap:8px; margin:12px 0; }
.scoped-share-link input { min-width:0; flex:1; min-height:40px; padding:8px; border:1px solid var(--border-default); border-radius:8px; font:inherit; }
.scoped-share-board-link { color:var(--text-link); font-size:13px; }
@media(max-width:600px),(pointer:coarse) { .scoped-share-editor button,.scoped-share-row select,.scoped-share-link input { min-height:44px; }.scoped-share-head,.scoped-share-body { padding:16px; }.scoped-share-foot { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px 16px; }.scoped-share-foot .scoped-share-primary,.scoped-share-foot button:last-child { grid-column:1/-1; }.scoped-share-row { gap:8px; }.scoped-share-row select { max-width:155px; height:44px; font-size:12px; }.scoped-share-link { flex-wrap:wrap; }.scoped-share-link input { width:100%; flex-basis:100%; } }