/* Shared bits for toasts and dialogs. Products set --k-ink, --k-bg, --k-accent, --k-font. */
.kit-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);max-width:min(92vw,520px);background:var(--k-ink,#222);color:#fff;
  padding:12px 18px;border-radius:12px;font:500 15px/1.4 var(--k-font,system-ui);opacity:0;pointer-events:none;transition:.25s;z-index:100;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.kit-toast.on{opacity:1;transform:translate(-50%,0)}.kit-toast.bad{background:#B3261E}
.kit-modal{border:0;border-radius:20px;padding:26px 24px 22px;max-width:min(94vw,480px);width:100%;background:var(--k-bg,#fff);color:var(--k-ink,#222);font:16px/1.55 var(--k-font,system-ui)}
.kit-modal::backdrop{background:rgba(20,20,30,.45)}
.kit-modal h2{margin:0 0 10px;font-size:1.3rem}
.kit-modal-x{position:absolute;right:10px;top:8px;margin:0}.kit-modal-x button{border:0;background:none;font-size:26px;line-height:1;cursor:pointer;color:inherit;opacity:.6;padding:6px}
.kit-modal{position:fixed}
.kit-link{display:flex;gap:8px}.kit-link input{flex:1;min-width:0;padding:9px 10px;border:1px solid rgba(0,0,0,.2);border-radius:10px;font:13px ui-monospace,monospace;background:transparent;color:inherit}
.kit-link button,.kit-delete{border:0;border-radius:10px;padding:9px 14px;font:600 14px var(--k-font,system-ui);cursor:pointer;background:var(--k-accent,#333);color:#fff}
.kit-danger{margin-top:14px;font-size:14px}.kit-danger summary{cursor:pointer;opacity:.75}.kit-delete{background:#B3261E}