.vp-notes-dialog{--notes-bg:var(--ws-panel,var(--panel,#333339));--notes-text:var(--ws-ink,var(--text,#eeeef1));background:var(--notes-bg);color:var(--notes-text);border:1px solid var(--ws-line,var(--border,#606068));border-radius:12px;width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;font-family:inherit;font-size:13px;line-height:1.55;box-sizing:border-box}.vp-notes-dialog::backdrop{background:#0008}.vp-notes-dialog form{margin:0}.vp-notes-dialog header,.vp-notes-dialog footer{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--ws-line,var(--border,#606068))}.vp-notes-dialog header h2{font-size:16px;margin:0;flex:1}.vp-notes-dialog button{min-height:44px;padding:8px 12px;font:inherit;color:inherit;border:1px solid var(--ws-line,var(--border,#606068));border-radius:7px;background:transparent;cursor:pointer}.vp-notes-dialog button:disabled{opacity:.5;cursor:wait}.vp-notes-dialog header button svg{width:18px;height:18px}.vp-notes-dialog header button{width:44px;font-size:22px;border:0}.vp-notes-body{padding:16px 20px}.vp-notes-dialog label{color:inherit;display:block;margin:0 0 13px}.vp-notes-dialog input:not([type=checkbox]),.vp-notes-dialog select,.vp-notes-dialog textarea{display:block;box-sizing:border-box;width:100%;margin-top:5px;padding:9px 10px;min-height:44px;border:1px solid var(--ws-line,var(--border,#606068));border-radius:6px;background:var(--ws-bg,var(--bg,#25252a));color:inherit;font:inherit}.vp-notes-dialog textarea{resize:vertical;min-height:150px;max-height:240px;white-space:pre-wrap}.vp-notes-dialog [hidden]{display:none!important}.vp-notes-dialog .vp-notes-check{display:flex;align-items:center;min-height:44px;gap:8px;margin:0}.vp-notes-dialog input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent,#8977ad)}.vp-notes-inline{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:16px}.vp-notes-inline button{font-size:12px;padding:6px 8px}.vp-notes-dialog footer{border:0;border-top:1px solid var(--ws-line,var(--border,#606068));justify-content:flex-end;padding-bottom:max(14px,env(safe-area-inset-bottom))}.vp-notes-dialog [data-save]{background:var(--ws-accent-soft,var(--selected,#33314e));color:var(--ws-ink,var(--text,#eeeef1));border-color:var(--ws-accent,var(--accent,#8977ad))}.vp-notes-dialog [data-state]{opacity:.75;margin:0 0 14px}.vp-notes-dialog [data-error]{color:var(--red-text,#edb2a8)}.vp-notes-dialog [data-success]{color:var(--ws-ink,var(--text,#eeeef1))}.vp-notes-dialog [aria-busy=true] input,.vp-notes-dialog [aria-busy=true] select,.vp-notes-dialog [aria-busy=true] textarea{pointer-events:none;opacity:.7}@media(max-width:640px){.vp-notes-dialog{max-height:calc(100dvh - 16px)}.vp-notes-dialog header,.vp-notes-dialog footer,.vp-notes-body{padding-left:14px;padding-right:14px}.vp-notes-dialog footer{flex-wrap:wrap}}

html[data-theme=light] .vp-notes-dialog [data-error]{color:#a33430}
.vp-notes-filters{display:flex;gap:10px}.vp-notes-filters label{flex:1;min-width:0}.vp-notes-found,.vp-notes-hint{font-size:12px;opacity:.8;margin:0 0 13px}.vp-notes-dialog select{overflow:hidden;text-overflow:ellipsis}.vp-notes-hint{margin:14px 0 0}@media(max-width:640px){.vp-notes-filters{flex-direction:column;gap:0}}

.vp-notes-dialog{overflow:hidden}.vp-notes-dialog form{display:flex;flex-direction:column;max-height:calc(100dvh - 34px)}.vp-notes-dialog header,.vp-notes-dialog footer{flex-shrink:0}.vp-notes-body{overflow:auto;min-height:0}

.vp-notes-dialog .ai-key-badge{position:static;display:inline-flex;align-items:center;gap:3px;flex:none;margin-left:6px;font-size:11px;line-height:1.4;white-space:nowrap}.vp-notes-dialog .ai-key-badge svg{width:12px;height:12px}