@import url("./ai-action-motion.css?v=1.6.1-preview-emerald-polish-0921");

.ai-sharing-dialog { width:min(420px,calc(100vw - 32px)); box-sizing:border-box; max-height:calc(100vh - 32px); overflow:auto; padding:20px; color:var(--text-primary); background:var(--bg-panel); border:1px solid var(--border); border-radius:12px; font:inherit; word-break:keep-all; }
.ai-sharing-dialog::backdrop { background:rgba(0,0,0,.55); }
.ai-sharing-dialog header { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.ai-sharing-dialog h2 { margin:0; font-size:18px; }
.ai-sharing-dialog p { font-size:13px; line-height:1.6; }
.ai-sharing-dialog .ai-sharing-note { color:var(--text-secondary); font-size:12px; }
.ai-sharing-dialog fieldset { display:flex; flex-wrap:wrap; gap:6px; margin:16px 0; padding:4px; border:1px solid var(--border); border-radius:9px; }
.ai-sharing-dialog fieldset legend { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.ai-sharing-dialog fieldset label { flex:1; padding:8px 12px; border-radius:6px; text-align:center; cursor:pointer; }
.ai-sharing-dialog fieldset label:has(input:checked) { color:var(--accent); background:color-mix(in srgb,var(--accent) 15%,transparent); }
.ai-sharing-dialog label { font-size:13px; }
.ai-sharing-dialog input[type=radio] { accent-color:var(--accent); }
.ai-sharing-dialog button { padding:8px 12px; color:var(--text-primary); background:var(--bg-input); border:1px solid var(--border); border-radius:8px; cursor:pointer; font:inherit; font-size:13px; }
.ai-sharing-dialog button.primary { border-color:var(--accent); }
.ai-sharing-dialog button:disabled { opacity:.45; cursor:default; }
.ai-sharing-dialog button:focus-visible,.ai-sharing-dialog input:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.ai-sharing-dialog .ai-sharing-link-label { display:block; margin:16px 0 12px; }
.ai-sharing-dialog [data-link] { display:block; width:100%; box-sizing:border-box; margin-top:8px; padding:8px; color:var(--text-primary); background:var(--bg-input); border:1px solid var(--border); border-radius:8px; }
.ai-sharing-actions { display:flex; flex-wrap:wrap; gap:8px; }
.ai-sharing-result[hidden] { display:none; }
.ai-sharing-details { margin-top:16px; color:var(--text-secondary); font-size:12px; }
.ai-sharing-details summary { cursor:pointer; }
.ai-sharing-lead { margin-bottom:8px; color:var(--text-secondary); }
.ai-sharing-dialog [data-status] { overflow-wrap:anywhere; }
.ai-sharing-received { color:var(--text-secondary); font-size:11px; max-width:140px; }
#ai-image-panel[data-ai-sharing-mode=view] .ai-task-tab > .ai-task-delete { display:none; }
.ai-sharing-access { color:var(--text-secondary); font-size:11px; white-space:nowrap; }
#ai-image-panel[data-ai-sharing-mode=view] button:disabled { opacity:.45; cursor:default; }

.ai-sharing-phrase { white-space:nowrap; }

.ai-sharing-dialog [data-create] { width:100%; margin-top:2px; min-height:40px; color:var(--accent); background:color-mix(in srgb,var(--accent) 8%,var(--bg-input)); font-weight:600; }
.ai-sharing-dialog [data-copy] { flex:0 0 auto; min-width:88px; font-weight:600; border-color:var(--accent); }
.ai-sharing-dialog [data-copy]:not(:disabled):not([data-copied]) {
  border-color:transparent;
  background:linear-gradient(var(--bg-input),var(--bg-input)) padding-box,conic-gradient(from var(--web-login-orbit-angle),transparent 0 18%,var(--accent) 27%,transparent 38% 100%) border-box;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent),0 0 10px color-mix(in srgb,var(--accent) 12%,transparent);
  animation:web-login-copy-orbit 2.4s linear infinite;
}
.ai-sharing-dialog [data-copy]:not(:disabled):hover { filter:brightness(1.12); box-shadow:0 0 12px color-mix(in srgb,var(--accent) 30%,transparent); }
.ai-sharing-dialog [data-copy][data-copied] { color:var(--success,#3fb950); border-color:var(--success,#3fb950); animation:none; }
@media (prefers-reduced-motion: reduce) {
  .ai-sharing-dialog [data-copy]:not(:disabled):not([data-copied]) { animation:none; border-color:var(--accent); background:var(--bg-input); }
}
.ai-sharing-dialog [data-revoke] { color:var(--text-secondary); }
.ai-sharing-dialog [data-status]:empty { display:none; }
.ai-sharing-dialog [data-expiry] { margin:12px 0 0; }
.ai-sharing-dialog .ai-sharing-details { border-top:1px solid var(--border); padding-top:12px; }