/* Cast Iron's command drawer: one interaction, the room's own materials. */
#qf{z-index:10000;background:rgba(5,4,3,.66);backdrop-filter:blur(6px);padding:clamp(32px,12vh,112px) 20px 24px;align-items:flex-start}
#qf.on{display:flex;justify-content:center}
#qf .qfbox{width:min(620px,100%);max-height:min(680px,80vh);display:flex;flex-direction:column;
  position:relative;top:auto;left:auto;transform:none;max-width:100%;
  background:var(--surf);border:1px solid var(--line-hi);border-radius:8px;
  box-shadow:0 24px 80px #0009,0 1px 0 inset var(--raise-hi);overflow:hidden}
.find-heading{display:flex;justify-content:space-between;align-items:center;padding:17px 20px 0;
  font:500 10px/1 var(--mono);letter-spacing:.16em;color:var(--ink-3)}
.find-heading kbd{font:10px/1 var(--mono);letter-spacing:0;border:1px solid var(--line-hi);padding:4px;border-radius:3px}
#qf #qfi{width:100%;min-height:66px;flex-shrink:0;padding:16px 20px;background:transparent;
  border:0;border-bottom:1px solid var(--line-hi);border-radius:0;font:400 22px/1.4 var(--serif);color:var(--ink);outline:none}
#qf #qfi::placeholder{color:var(--ink-3);opacity:1}
#qf #qfl{overflow:auto;overscroll-behavior:contain;min-height:80px;max-height:none;padding:8px}
#qf .qfh{padding:13px 12px 7px;color:var(--ink-3);font:500 9px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase}
#qf .qfr{display:flex;align-items:center;gap:16px;min-height:42px;padding:10px 12px;border:1px solid transparent;
  border-radius:4px;cursor:pointer;color:var(--ink);background:transparent;font:400 13px/1.4 var(--ui);transition:background 100ms,color 100ms}
#qf .qfr.on{background:var(--raise);border-color:var(--line-hi);box-shadow:inset 2px 0 var(--fire)}
#qf .qfr[aria-disabled=true]{color:var(--ink-3);cursor:default;opacity:.65}
.find-label{flex:1;min-width:0;overflow-wrap:anywhere}
.find-detail{flex:0 1 40%;color:var(--ink-3);font:10px/1.4 var(--mono);text-align:right}
#qf #qff{padding:12px 20px;margin:0;border-top:1px solid var(--line-hi);color:var(--ink-3);font:10px/1.4 var(--mono)}
.find-empty{padding:18px 12px;color:var(--ink-3)}
@media(prefers-reduced-motion:reduce){#qf .qfr{transition:none}}
html[data-fk-motion=off] #qf .qfr,html[data-reduce-fx] #qf .qfr{transition:none}
@media(max-width:600px){#qf{padding:20px 12px}#qf #qfi{font-size:20px}.find-detail{max-width:35%}}
