/* Compact photo-wall vellum picker. */
#knocksPanel{--knocks-ink:#343e2e;--knocks-soft:#46513d;--knocks-selected:#566343;--knocks-selected-text:#eef1df;position:absolute;bottom:calc(100% + 8px);left:var(--side-pad);right:var(--side-pad);width:calc(100% - 2 * var(--side-pad));max-width:350px;margin:0 auto;padding:12px 14px;box-sizing:border-box;color:var(--knocks-ink);background-color:rgba(247,242,227,.65);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='p'><feTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .055 0'/></filter><rect width='100%' height='100%' filter='url(%23p)'/></svg>");background-blend-mode:soft-light;backdrop-filter:blur(3px) saturate(.7);-webkit-backdrop-filter:blur(3px) saturate(.7);border:1px solid rgba(255,253,241,.38);border-radius:2px;box-shadow:0 8px 18px rgba(4,10,4,.22);font:13px/1.75 var(--font-cn);max-height:calc(var(--screen-height,100dvh) - var(--composer-current-height,130px) - var(--keyboard-offset) - 20px);overflow-y:auto;}
#knocksPanel[hidden],#knocksPending[hidden],#knocksList[hidden],#knocksOpen[hidden]{display:none!important}
#knocksOpen[aria-expanded=true]{color:#d97757}
#knocksPanel button{font:12px/1.75 var(--font-cn);color:inherit;border:0;background:transparent;border-radius:9px;cursor:pointer}
#knocksPanel button:disabled{opacity:.65;cursor:default}
#knocksPanel .knocks-head{display:flex;justify-content:flex-end;margin-bottom:12px}
#knocksClose{min-height:32px;padding:0 9px;color:var(--knocks-soft)!important}
#knocksPanel fieldset{min-width:0;border:0;padding:0;margin:0 0 12px}
#knocksPanel .knocks-choices{display:flex;gap:3px;padding:3px;border-radius:11px;background:rgba(68,79,49,.1)}
#knocksPanel .knocks-choices button{position:relative;flex:1;min-width:0;height:30px;padding:3px 2px;white-space:nowrap;border-radius:8px}
#knocksPanel .knocks-choices button::before{content:"";position:absolute;inset:-7px 0}
#knocksPanel .knocks-choices button[aria-pressed=true]{background:var(--knocks-selected);color:var(--knocks-selected-text);box-shadow:0 2px 8px rgba(35,43,24,.14)}
#knocksSentence{font-size:14px;line-height:1.75;min-height:27px;margin:12px 0 2px}
#knocksPanel .knocks-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-top:8px}
#knocksQuick{min-width:0;min-height:36px;padding:3px 0;line-height:1.6!important;text-align:left;text-decoration:underline;text-underline-offset:4px;color:var(--knocks-soft)!important}
#knocksPanel #knocksSubmit{position:relative;flex:none;min-width:68px;min-height:32px;padding:4px 12px;background:var(--knocks-selected);color:var(--knocks-selected-text)}
#knocksSubmit::before{content:"";position:absolute;inset:-6px 0}
#knocksError{margin:6px 0 0;font-size:12px;color:#753f2d;overflow-wrap:anywhere}#knocksError:empty{display:none}
#knocksPending{flex:0 0 100%;width:100%;font:12px/1.7 var(--font-cn);color:var(--text-soft)}
#knocksCount{font:inherit;color:var(--text-soft);background:transparent;border:0;min-height:32px;padding:0 3px;cursor:pointer}
#knocksCount::after{content:'⌄';margin-left:8px}
#knocksList{max-height:140px;overflow:auto;padding:0 10px;background:var(--field-bg);border-radius:12px}
.knocks-item{display:flex;align-items:center;gap:8px;padding:6px 0}.knocks-item+.knocks-item{border-top:1px solid var(--hairline)}
.knocks-item-copy{flex:1;min-width:0;overflow-wrap:anywhere}.knocks-meta{font-size:11.5px;color:var(--text-faint)}
.knocks-item-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;max-width:110px}
.knocks-item-actions button{min-height:44px;border:0;background:transparent;color:var(--text-soft);font:12px var(--font-cn);padding:4px 8px;cursor:pointer}
:root[data-theme=light] #knocksPanel{--knocks-selected:#b4727c;--knocks-selected-text:#fff8f2;--knocks-ink:#3b302d;--knocks-soft:#67574e}
@media(max-width:360px){.composer-tools{gap:4px}#knocksPanel{padding:12px}}