/* Wik Desktop -- the look picker (W1/72 SETUI, screens/lookpick.js; CSS prefix .lp-). The dialog is core/dialogs.js view(); its
   content wrapper does NOT scroll here (.lp-view): the sample is pinned above the list, and only the list scrolls
   (§4E viewport-bounded surface: flex column, the list flex 1 + min-height 0). */
.wk-dialog.lp-panel { width: min(calc(100vw - 32px), 420px); }
.wk-dialog-view.lp-view { overflow: hidden; display: flex; flex-direction: column; flex: 1 1 auto; padding: 4px 0 0 0; }
.lp-body { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
.lp-sample { flex: 0 0 auto; display: flex; flex-direction: row; align-items: flex-start; gap: 8px; padding: 4px 16px 10px 16px;
  border-bottom: 1px solid var(--c-card-border); }
.lp-post { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.lp-ringpic { flex: 0 0 auto; position: relative; border-radius: 50%; display: flex; }
.lp-ringpic-img { width: 100%; height: 100%; }
.lp-list { flex: 1 1 auto; min-height: 0; overflow: auto; }
.lp-folder { display: flex; flex-direction: row; align-items: center; min-height: 44px; padding: 8px 24px; color: var(--c-subtext); cursor: pointer; }
.lp-folder:hover, .lp-folder:focus-visible { background: rgba(255, 255, 255, 0.06); outline: none; }
.lp-folder-words { flex: 1 1 auto; min-width: 0; }
.lp-gate { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; color: var(--c-subtext);
  margin-inline-end: 6px; vertical-align: -0.125em; }
.lp-gate > svg { width: 1em; height: 1em; }
.wk-dialog-button:disabled { opacity: 0.4; cursor: default; }