/* Slice B: Phosphor primitives, one primary per visible mode. All text uses
   the existing overlay, form-control, UI, and mono sizes. */
.rr-find-layer{z-index:190}
.rr-find-panel{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(720px,calc(100% - 32px));height:85%;max-height:85dvh;overflow:hidden;border-radius:16px;box-shadow:var(--lift);background:var(--canvas)}
.rr-find-main,.rr-find-sheet{display:flex;flex-direction:column;min-height:0;height:100%}
.rr-find-dim{position:absolute;inset:0;background:rgba(8,18,12,.38)}
.rr-find-header{flex:none;min-height:44px;padding:8px 16px 0;background:transparent;box-shadow:none}
.rr-find-header h2{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rr-find-header h2 span{color:var(--text-mid);font-weight:400}
.rr-find-close{flex:none;width:44px;height:44px}
.rr-find-tabs{flex:none;display:flex;gap:4px;margin:6px 16px 10px;padding:4px;border-radius:12px;background:var(--pressed);box-shadow:var(--inset)}
.rr-find-tabs button{flex:1;min-width:44px;min-height:44px}
.rr-find-tabs .rr-key{padding:0}
/* Objects isn't wired to any recorder yet: shown in place, flat and faded, not selectable. */
.rr-find-panel .rr-find-tabs .rr-find-tab-off{opacity:.4;cursor:default}
.rr-find-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:4px 16px 12px}
.rr-find-search{display:flex;gap:8px;align-items:center}
#rr .rr-find-panel input:not([type=checkbox]):not([type=radio]){box-sizing:border-box;width:100%;height:44px;min-height:44px;padding:0 12px;border:0;border-radius:12px;background:var(--pressed);box-shadow:var(--inset);color:var(--text-hi);font:400 var(--form-control-size,13px) var(--mono)}
#rr .rr-find-panel input:not([type=checkbox]):not([type=radio])::placeholder{color:var(--text-lo);font-family:var(--ui)}
#rr .rr-find-panel input:not([type=checkbox]):not([type=radio]):focus-visible{outline:none;box-shadow:var(--inset),var(--ring)}
.rr-find-search input{min-width:0;flex:1}
.rr-find-search button{flex:none}
.rr-find-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px}
.rr-find-chips .rr-key,.rr-find-small{gap:6px;font-weight:600}
.rr-find-chips .rr-key{max-width:100%;overflow-wrap:anywhere}
.rr-find-chips .rr-key span{color:var(--text-mid)}
.rr-find-label{margin:14px 0 6px;color:var(--text-mid);font:600 var(--form-control-size,13px) var(--ui)}
.rr-find-note{font:400 var(--form-control-size,13px)/1.4 var(--ui);overflow-wrap:anywhere}
.rr-find-warning{color:var(--activity);overflow-wrap:anywhere}
.rr-find-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:12px;background:transparent;box-shadow:none;font:400 var(--form-control-size,13px)/1.4 var(--mono);color:var(--text-mid)}
.rr-overlay .rr-find-sort{width:auto;max-width:48%;min-width:44px;min-height:44px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font:inherit}
.rr-find-results{margin-top:4px}
.rr-find-result{display:flex;align-items:center;border-bottom:1px solid var(--border);background:transparent;box-shadow:none}
.rr-overlay .rr-find-row{display:flex;align-items:center;gap:8px;flex:1;min-width:0;min-height:72px;padding:8px 0;text-align:left;background:transparent;box-shadow:none}
.rr-find-copy{flex:1;min-width:0}
.rr-find-copy>strong,.rr-find-copy>small,.rr-find-summary{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.rr-find-copy>small,.rr-find-recent small,.rr-find-line small{font:400 var(--form-control-size,13px)/1.5 var(--mono);color:var(--text-mid)}
.rr-find-summary{font:400 var(--form-control-size,13px)/1.5 var(--ui);color:var(--text-lo)}
.rr-find-total{flex:none;font-family:var(--mono);font-variant-numeric:tabular-nums}
.rr-find-video-icon{flex:none;width:16px;height:16px;color:var(--text-lo)}
.rr-find-video-icon.linked{color:var(--brand)}
.rr-find-eye{flex:none;width:44px;height:44px;display:grid;place-items:center}
.rr-find-eye svg{width:20px;height:20px}
.rr-find-panel svg{fill:none;stroke:currentColor;stroke-width:1.8}
.rr-overlay .rr-find-clear{color:var(--brand);padding:0 4px}
.rr-overlay .rr-find-recent{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px 0;text-align:left;border-bottom:1px solid var(--border);min-height:52px}
.rr-find-recent>span:first-child{min-width:0;overflow-wrap:anywhere}
.rr-find-recent small{display:block}
.rr-find-more{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:10px 0;font:400 var(--form-control-size,13px)/1.4 var(--ui);color:var(--text-mid)}
.rr-find-footer{flex:none;display:flex;gap:8px;padding:10px 16px max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--canvas)}
.rr-find-footer>button{flex:1;min-width:0}
.rr-find-primary{min-height:46px;min-width:44px;padding:0 12px;border:0;border-radius:12px;background:var(--brandFill);box-shadow:var(--brandKey);color:var(--brandInk);font:700 15px var(--ui)}
.rr-find-panel button:disabled{opacity:.45;cursor:default}
.rr-find-panel :focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.rr-find-sheet{position:absolute;inset:0;background:var(--panel);box-shadow:var(--sheet);overflow:hidden}
.rr-find-quick{top:9%;height:91%;border-radius:16px 16px 0 0}
.rr-find-grabber{flex:none;display:flex;justify-content:center;padding:8px 0 2px;touch-action:none}
.rr-find-grabber i{width:40px;height:5px;border-radius:12px;background:var(--handle)}
.rr-find-quick .rr-find-header{padding-top:0;touch-action:none}
.rr-find-video{position:relative;aspect-ratio:16/9;margin:4px -16px 0;background:#000;overflow:hidden;border-radius:0}
.rr-find-video-wrap{position:relative}
.rr-find-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px}
/* Moving the container out of #hud removes the old HUD geometry rules. The
   store's existing media observers measure this same container in its new home. */
.rr-find-video .canvas-area{position:absolute;inset:0;margin:0;width:100%;height:100%;min-height:0;border-radius:0;container-type:size}
.rr-find-video .canvas-area #grid{width:100%;height:100%}
.rr-find-quick .rr-find-scroll{touch-action:pan-y}
.rr-overlay .rr-find-line{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;padding:6px 0;text-align:left;border-bottom:1px solid var(--border);background:transparent;box-shadow:none}
.rr-find-line>span{flex:1;min-width:0;overflow-wrap:anywhere}
.rr-find-line small{display:block}
.rr-find-line[aria-current="true"]{background:color-mix(in srgb,var(--brand) 12%,transparent);margin-inline:-16px;padding-inline:16px;width:calc(100% + 32px)}
.rr-find-line b{font-family:var(--mono)}
.rr-find-pager{color:var(--text-lo);font:400 var(--form-control-size,13px)/1.4 var(--mono);text-align:center}
.rr-find-pair{display:flex;gap:8px;margin-top:8px}
.rr-find-pair>label{min-width:0;flex:1;color:var(--text-mid);font:400 var(--form-control-size,13px) var(--ui)}
.rr-find-pair input{margin-top:4px;min-width:0}
.rr-find-filters .rr-find-tabs{margin-inline:0}
.rr-find-filters .rr-key[aria-pressed="true"]{background:var(--brandFill);box-shadow:var(--brandKey);color:var(--brandInk)}
@media(max-width:600px){.rr-find-panel{inset:0;transform:none;width:100%;height:100%;max-height:100dvh;border-radius:0}.rr-find-main>.rr-find-header{padding-top:max(8px,env(safe-area-inset-top))}}
/* iOS draws its keyboard from the field's colour scheme: match the app's mode, not the phone's. */
.rr[data-mode="dark"] .rr-find-panel{color-scheme:dark}
.rr[data-mode="light"] .rr-find-panel{color-scheme:light}