.klyp-Modal__content--full.klyp-LibraryPicker__modal{border-radius:var(--r-panel);width:100%;max-width:min(1080px,92vw);height:min(720px,86svh)}.klyp-LibraryPicker__modal>.klyp-Dialog__dialog{flex:auto;min-height:0}.klyp-LibraryPicker__modal .klyp-Modal__body{min-height:0;padding-top:var(--space-12);flex:auto}.klyp-LibraryPicker{overflow-clip-margin:var(--space-8);flex-direction:column;flex:1 1 0;min-height:0;display:flex;position:relative;overflow:clip}.klyp-LibraryPicker__main{gap:var(--space-12);flex:auto;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid}.klyp-LibraryPicker__toolbar{min-width:0}.klyp-LibraryPicker__sourceSelect{flex:none;display:inline-flex}.klyp-LibraryPicker__sourceSelect .klyp-BrandSelect__trigger{inline-size:var(--space-40);block-size:var(--space-40);justify-content:center;padding:0;position:relative}.klyp-LibraryPicker__sourceIcon{justify-content:center;align-items:center;display:inline-flex}.klyp-LibraryPicker__sourceIcon>svg{inline-size:var(--icon-size-md);block-size:var(--icon-size-md)}.klyp-LibraryPicker__sourceBadge{top:calc(-1 * var(--space-4));pointer-events:none;position:absolute;inset-inline-end:calc(-1 * var(--space-4))}.klyp-LibraryPicker__dropband{appearance:none;--_dropband-h:calc(var(--space-128) + var(--space-16));justify-content:center;align-items:center;gap:var(--space-8);width:100%;height:var(--_dropband-h);padding:var(--space-16) var(--space-24);border:var(--bw-default) dashed var(--color-border-strong);border-radius:var(--r-card);color:var(--color-fg-primary);cursor:pointer;text-align:center;transition:height var(--duration-fast) var(--easing-standard), gap var(--duration-fast) var(--easing-standard), background-color var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard), transform var(--duration-fast) var(--easing-standard);background:0 0;flex-direction:column;display:flex;overflow:hidden}.klyp-LibraryPicker__dropband:hover{background:var(--color-bg-surface-solid);border-color:var(--color-border-default);border-style:solid}.klyp-LibraryPicker__dropband:active{transform:translateY(1px)}.klyp-LibraryPicker__dropband:focus-visible{outline:var(--bw-emphasis) solid var(--color-ring);outline-offset:calc(-1 * var(--bw-emphasis))}.klyp-LibraryPicker__dropband[data-collapsed]{height:var(--space-40);gap:var(--space-8);flex-direction:row}@media (prefers-reduced-motion:reduce){.klyp-LibraryPicker__dropband{transition:none}}.klyp-LibraryPicker__dropbandIcon{width:var(--space-40);height:var(--space-40);color:var(--color-fg-muted);opacity:var(--opacity-50);transition:width var(--duration-fast) var(--easing-standard), height var(--duration-fast) var(--easing-standard), opacity var(--duration-fast) var(--easing-standard);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.klyp-LibraryPicker__dropbandIcon>svg{width:100%;height:100%}.klyp-LibraryPicker__dropband:hover .klyp-LibraryPicker__dropbandIcon{opacity:.7}.klyp-LibraryPicker__dropband[data-collapsed] .klyp-LibraryPicker__dropbandIcon{width:var(--space-24);height:var(--space-24)}.klyp-LibraryPicker__dropbandCopy{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--font-size-13);color:var(--color-fg-primary);overflow:hidden}@media (prefers-reduced-motion:reduce){.klyp-LibraryPicker__dropbandIcon{transition:none}}.klyp-LibraryPicker__grid{min-width:0;min-height:0;padding-right:var(--space-4);overflow:hidden auto}.klyp-LibraryPicker__loading{justify-content:center;align-items:center;gap:var(--gap-stack);height:100%;min-height:calc(var(--space-128) + var(--space-128));text-align:center;color:var(--color-fg-muted);flex-direction:column;display:flex}.klyp-LibraryPicker__loading>p{font-size:var(--font-size-13);margin:0}.klyp-LibraryPicker__footer{padding-top:var(--space-12);margin-top:var(--space-12);border-top:var(--bw-default) solid var(--color-border-subtle)}.klyp-LibraryPicker__dropOverlay{z-index:2;justify-content:center;align-items:center;gap:var(--space-12);pointer-events:none;border-radius:var(--r-card);border:var(--bw-emphasis) dashed var(--color-fg-primary);background:color-mix(in srgb, var(--color-bg-surface) 88%, transparent);color:var(--color-fg-primary);animation:klyp-LibraryPicker-overlay-in var(--duration-fast) var(--easing-standard);flex-direction:column;display:flex;position:absolute;inset:0}.klyp-LibraryPicker__dropOverlay[data-reject]{border-color:var(--color-status-danger);color:var(--color-status-danger)}@media (prefers-reduced-motion:reduce){.klyp-LibraryPicker__dropOverlay{animation:none}}@keyframes klyp-LibraryPicker-overlay-in{0%{opacity:0}to{opacity:1}}.klyp-LibraryPicker__dropOverlayText{font-size:var(--font-size-16);margin:0;font-weight:500}.klyp-LibraryPicker__srLive{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=640px) and (width<=720px){.klyp-Modal__content--full.klyp-LibraryPicker__modal{width:100%;max-width:100%;height:min(720px,100%)}}@media (width<=639.98px){.klyp-LibraryPicker__main{grid-template-rows:auto minmax(0,1fr) auto auto}.klyp-LibraryPicker__toolbar{order:1}.klyp-LibraryPicker__grid{order:2}.klyp-LibraryPicker__dropband{order:3}.klyp-LibraryPicker__footer{border-top:none;order:4;margin-top:0;padding-top:0}.klyp-LibraryPicker__dropband[data-collapsed]{height:var(--_dropband-h);gap:var(--space-8);flex-direction:column}.klyp-LibraryPicker__dropband[data-collapsed] .klyp-LibraryPicker__dropbandIcon{width:var(--space-40);height:var(--space-40)}}.klyp-LibraryPicker__sheetOverlay{z-index:var(--z-modal,1000);background:var(--color-bg-modal-backdrop);-webkit-backdrop-filter:var(--fx-glass-blur-soft);backdrop-filter:var(--fx-glass-blur-soft);position:fixed;inset:0}.klyp-LibraryPicker__sheet{inset-inline:0;z-index:var(--z-modal,1000);background:color-mix(in oklab, var(--color-bg-surface) 92%, transparent);block-size:94svh;max-block-size:94svh;-webkit-backdrop-filter:var(--fx-glass-blur);backdrop-filter:var(--fx-glass-blur);border-top-left-radius:var(--r-panel);border-top-right-radius:var(--r-panel);border-top:var(--bw-default) solid var(--color-border-default);color:var(--color-fg-primary);padding-bottom:calc(var(--space-16) + var(--safe-area-bottom,var(--space-0)) + var(--kb-offset,var(--space-0)));outline:none;flex-direction:column;display:flex;position:fixed;bottom:0}.klyp-LibraryPicker__sheet .klyp-LibraryPicker__sheetHandle[data-vaul-handle]{margin-block:var(--space-10) var(--space-2);inline-size:var(--space-48);block-size:var(--space-2);border-radius:var(--radius-full);background:var(--color-fg-subtle);opacity:var(--opacity-40);cursor:grab;flex-shrink:0;margin-inline:auto}.klyp-LibraryPicker__sheet .klyp-LibraryPicker__sheetHandle[data-vaul-handle]:active{cursor:grabbing}.klyp-LibraryPicker__sheetTitleRow{justify-content:space-between;align-items:center;gap:var(--space-8);padding-inline:var(--space-16);padding-block:var(--space-2) var(--space-12);flex-shrink:0;display:flex}.klyp-LibraryPicker__sheetTitle{font-size:var(--font-size-16);color:var(--color-fg-primary);margin:0;font-weight:500}.klyp-LibraryPicker__sheetClose{width:var(--space-40);height:var(--space-40);background:var(--color-bg-surface);border:var(--bw-default) solid var(--color-border-subtle);border-radius:var(--r-chip);color:var(--color-fg-muted);cursor:pointer;transition:background-color var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.klyp-LibraryPicker__sheetClose>svg{width:var(--space-18);height:var(--space-18)}.klyp-LibraryPicker__sheetClose:hover{background:var(--color-bg-surface-hover);border-color:var(--color-border-default);color:var(--color-fg-primary)}.klyp-LibraryPicker__sheetClose:focus-visible{outline:var(--bw-emphasis) solid var(--color-ring);outline-offset:calc(-1 * var(--bw-emphasis))}.klyp-LibraryPicker__sheet .klyp-LibraryPicker__main{padding-inline:var(--space-16)}.klyp-LibraryPicker__sheet .klyp-LibraryPicker__grid{overscroll-behavior:contain}.klyp-LibraryPicker__sheet .klyp-LibraryPicker__dropband{--_dropband-h:var(--space-96);block-size:auto;min-block-size:var(--space-96)}@media (prefers-reduced-motion:reduce){.klyp-LibraryPicker__sheetClose{transition:none}.klyp-LibraryPicker__sheet{animation-duration:.01ms!important}}
