.media-panel{border-radius:var(--r-md);background:var(--surface);min-height:100%;animation:panel-in .42s var(--spring) both;flex-direction:column;gap:10px;padding:12px;display:flex;position:relative}.media-head{align-items:center;gap:4px;min-height:36px;display:flex}.media-crumbs{white-space:nowrap;flex:1;align-items:center;gap:2px;min-width:0;display:flex;overflow:hidden}.media-crumb-step{min-width:0;color:var(--ink-3);align-items:center;gap:2px;display:flex}.media-crumb{text-overflow:ellipsis;border-radius:var(--r-sm);min-width:0;max-width:140px;color:var(--ink-3);padding:5px 7px;font-weight:500;transition:background .15s,color .15s;overflow:hidden}.media-crumb:hover,.media-crumb.over{background:var(--hover);color:var(--ink)}.media-crumb.over{box-shadow:0 0 0 2px var(--accent)}.media-crumb[aria-current=page]{color:var(--ink);font-weight:600}.media-upload{gap:6px;margin-left:2px}.media-search{align-items:center;display:flex;position:relative}.media-search .icon{color:var(--ink-3);pointer-events:none;position:absolute;left:11px}.media-search .field{height:36px;padding-left:32px}.media-search input::-webkit-search-cancel-button{opacity:.5}.media-filters{scrollbar-width:none;gap:4px;margin:0 -2px;padding:0 2px;display:flex;overflow-x:auto}.media-filter{border-radius:var(--r-sm);height:28px;font-size:var(--fs-ui,12px);color:var(--ink-3);box-shadow:inset 0 0 0 1px var(--line-2);background:0 0;flex-shrink:0;padding:0 11px;font-weight:500;transition:background .15s,color .15s,box-shadow .15s}.media-filter:hover{color:var(--ink);background:var(--hover)}.media-filter.on{color:var(--ink);background:var(--surface-3);box-shadow:none}.media-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));align-content:start;gap:12px 8px;padding-bottom:4px;display:grid}.media-tile{--i:0;border-radius:var(--r-md);flex-direction:column;gap:6px;min-width:0;display:flex;position:relative}.media-face{border-radius:var(--r-md);outline:none;width:100%;display:block}.media-face:focus-visible .media-thumb:after{content:"";z-index:2;border-radius:inherit;box-shadow:var(--ring-inset);pointer-events:none;position:absolute;inset:0}.media-thumb{aspect-ratio:1;border-radius:var(--r-md);background:var(--surface-2);width:100%;color:var(--ink-3);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .15s, transform .2s var(--ease-out);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.media-thumb img,.media-thumb video{object-fit:cover;pointer-events:none;width:100%;height:100%}.media-thumb.kind-image:after,.media-thumb.kind-video:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000014;box-shadow:inset 0 0 0 1px lab(0% 0 0/.08)}.media-thumb.kind-font{background:var(--surface-3);color:var(--ink)}.media-aa{font-size:34px;line-height:1;transition:opacity .2s}.media-thumb.kind-audio{color:var(--good)}.media-wave{fill:currentColor;opacity:.85;width:78%;height:46%}.media-thumb.kind-pdf{color:var(--danger)}.media-thumb.kind-folder{color:var(--accent);background:var(--accent-soft);box-shadow:none}.media-duration{border-radius:var(--r-sm);font-size:var(--fs-micro,10px);font-variant-numeric:tabular-nums;color:#fff;color:lab(100% 0 0);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;background:lab(0% 0 0/.55);padding:1px 5px;font-weight:600;position:absolute;bottom:5px;right:5px}.media-duration:empty{display:none}.media-thumb.kind-folder .media-duration{color:var(--accent);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.media-name{font-size:var(--fs-ui,12px);color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;padding:0 2px;line-height:1.3;overflow:hidden}.media-rename{height:24px;font-size:var(--fs-ui,12px);border-radius:var(--r-sm);padding:3px 6px}.media-more{border-radius:var(--r-sm);width:24px;height:24px;color:var(--ink);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--raise);opacity:0;transition:opacity .15s, transform .15s var(--ease-out);justify-content:center;align-items:center;display:flex;position:absolute;top:5px;right:5px;transform:scale(.9)}.media-tile:hover .media-more,.media-more:focus-visible{opacity:1;transform:none}.media-tile:hover .media-thumb{box-shadow:inset 0 0 0 1px var(--line-2)}.media-tile.picked .media-thumb,.media-tile.over .media-thumb{outline:2px solid var(--accent);outline-offset:-2px}.media-tile.picked .media-face:focus-visible .media-thumb:after{box-shadow:var(--ring-inset), inset 0 0 0 3.5px #ffffffd9}@supports (color:lab(0% 0 0)){.media-tile.picked .media-face:focus-visible .media-thumb:after{box-shadow:var(--ring-inset), inset 0 0 0 3.5px lab(100% 0 0/.85)}}.media-tile.picked .media-name{color:var(--ink)}.media-tile.over .media-thumb{transform:scale(1.04)}.media-tile.deleting{opacity:.4;pointer-events:none;transition:opacity .2s}.media-tile[draggable=true]{cursor:grab}.media-tile[draggable=true]:active{cursor:grabbing}@media (hover:none){.media-more{opacity:1;transform:none}}.media-tile.skeleton .media-thumb,.media-skeleton-line{background:linear-gradient(90deg, var(--surface-2) 0%, var(--surface-3) 50%, var(--surface-2) 100%);animation:1.4s linear infinite media-sheen;animation-delay:calc(var(--i) * 60ms);background-size:200% 100%}.media-skeleton-line{border-radius:var(--r-xs);width:70%;height:10px}@keyframes media-sheen{to{background-position:-200% 0}}.media-empty{text-align:center;color:var(--ink-3);border-radius:var(--r-md);border:1px dashed var(--line-2);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:36px 16px;display:flex}.media-empty p{color:var(--ink-2);margin:0;font-weight:500}.media-empty small{max-width:240px;line-height:1.45}.media-empty .key{margin-top:4px}.media-notice{border-radius:var(--r-md);animation:panel-in .3s var(--spring) both;background:#ff3b301a;background:lab(57.5972% 72.4933 54.4096/.1);gap:8px;padding:10px 12px;display:grid}.media-notice p{font-size:var(--fs-ui,12px);margin:0;line-height:1.45}.media-notice div{justify-content:flex-end;gap:6px;display:flex}.media-notice .key.danger,.media-selection .key.danger{color:var(--on-accent);background:var(--danger)}.media-selection{z-index:2;border-radius:var(--r-md);background:var(--surface-2);box-shadow:var(--raise);animation:panel-in .3s var(--spring) both;align-items:center;gap:6px;padding:6px 6px 6px 12px;display:flex;position:sticky;top:0}.media-selection strong{font-size:var(--fs-ui,12px);flex:1;font-weight:600}.media-selection .tool{width:28px;height:28px}.media-stale{color:var(--ink-3);font-size:var(--fs-meta,11px);text-align:center}.media-uploads{gap:6px;margin:0;padding:0;list-style:none;display:grid}.media-uploads li{border-radius:var(--r-md);background:var(--surface-2);font-size:var(--fs-ui,12px);animation:panel-in .3s var(--spring) both;grid-template-columns:1fr auto;gap:5px 8px;padding:8px 10px;display:grid}.media-uploads li .progress-bar{grid-column:1/-1}.media-uploads small{color:var(--ink-3);font-variant-numeric:tabular-nums}.media-uploads li.error small{color:var(--danger);grid-column:1/-1}.media-upload-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-drop{z-index:3;border-radius:inherit;color:var(--accent);background:color-mix(in oklch, var(--surface) 82%, transparent);box-shadow:inset 0 0 0 2px var(--accent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;justify-content:center;align-items:center;gap:8px;font-weight:600;animation:.15s both fade-in;display:flex;position:absolute;inset:0}.progress-bar{border-radius:var(--r-2xs);background:var(--field-bg);height:4px;display:block;position:relative;overflow:hidden}.progress-bar i{border-radius:inherit;background:var(--accent);width:0;transition:width .3s var(--ease-out);position:absolute;inset:0 auto 0 0}.progress-bar.indeterminate i{width:36%;animation:progress-sweep 1.3s var(--ease) infinite}@keyframes progress-sweep{0%{transform:translate(-100%)}to{transform:translate(280%)}}.gen-progress{border-radius:var(--r-md);background:var(--surface-2);animation:panel-in .3s var(--spring) both;grid-template-columns:1fr auto;align-items:center;gap:6px 10px;padding:10px 12px;display:grid}.gen-progress .progress-bar{grid-column:1/-1}.gen-progress-phase{min-width:0;font-size:var(--fs-ui,12px);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.gen-progress-meta{font-size:var(--fs-ui,12px);color:var(--ink-3);font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:flex}.gen-progress-meta button{font-size:var(--fs-ui,12px);color:var(--ink-2);border-radius:var(--r-sm);margin:-2px -6px -2px 0;padding:2px 6px;font-weight:500}.gen-progress-meta button:hover{color:var(--ink);background:var(--hover)}@media (prefers-reduced-motion:reduce){.progress-bar.indeterminate i{opacity:.4;width:100%;animation:none}.media-tile.skeleton .media-thumb,.media-skeleton-line{animation:none}}.media-tile{container-type:inline-size}.media-add{z-index:3;border-radius:var(--r-sm);width:22px;height:22px;color:var(--on-accent);background:var(--accent-fill);opacity:0;transition:opacity .15s var(--ease-out), transform .15s var(--ease-out), filter .15s var(--ease-out);place-items:center;display:grid;position:absolute;top:calc(100cqw - 27px);right:5px;transform:scale(.9);box-shadow:0 1px 2px #0006,inset 0 1px #ffffff2e;box-shadow:0 1px 2px lab(0% 0 0/.4),inset 0 1px lab(100% 0 0/.18)}.media-add:hover{filter:brightness(1.1)}.media-add:active{transform:scale(.94)}.media-add:focus-visible{--ring-color:var(--on-accent)}.media-tile:hover .media-add,.media-tile:focus-within .media-add,.media-tile:focus-within .media-more{opacity:1;transform:none}.media-duration{transition:opacity .15s var(--ease-out)}.media-tile:has(.media-add):is(:hover,:focus-within) .media-duration{opacity:0}.media-scrub{z-index:2;pointer-events:none;background:#ffffffeb;background:lab(100% 0 0/.92);width:1.5px;margin-left:-.75px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 .5px #00000059;box-shadow:0 0 0 .5px lab(0% 0 0/.35)}.media-scrub-time{z-index:2;border-radius:var(--r-sm);font-size:var(--fs-micro,10px);font-variant-numeric:tabular-nums;color:#fff;color:lab(100% 0 0);pointer-events:none;background:#0009;background:lab(0% 0 0/.6);padding:1px 5px;font-weight:600;position:absolute;top:5px;left:5px}.media-tile.in-source .media-thumb:before{content:"";z-index:2;background:var(--accent);pointer-events:none;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;left:7px;box-shadow:0 0 0 1.5px #00000080;box-shadow:0 0 0 1.5px lab(0% 0 0/.5)}.media-tile.in-source .media-thumb.scrubbing:before{opacity:0}@media (hover:none){.media-add{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.media-add,.media-duration{transition:none}}.media-tags{scrollbar-width:none;overscroll-behavior-x:contain;gap:4px;padding:0 0 8px;display:flex;overflow-x:auto}.media-tags::-webkit-scrollbar{display:none}.media-tag{border-radius:var(--r-sm);height:22px;color:var(--ink-3);font-size:var(--fs-meta,11px);box-shadow:inset 0 0 0 1px var(--line-2);flex-shrink:0;padding:0 8px;font-weight:500;transition:background .15s,color .15s,box-shadow .15s}.media-tag:hover{color:var(--ink);background:var(--hover)}.media-tag.on{color:var(--ink);background:var(--surface-3);box-shadow:none}
.slib{--slib-pad:10px;height:100%;min-height:0;padding:var(--slib-pad);font-size:var(--fs-ui,12px);color:var(--ink);flex-direction:column;gap:8px;display:flex;position:relative}.slib.compact{--slib-pad:2px;gap:6px}.as-body.as-sounds{flex-direction:column;display:flex;overflow:hidden}.as-body.as-sounds>.slib{flex:1;height:auto}.slib-bar{align-items:center;gap:4px;display:flex}.slib-search{flex:1;align-items:center;min-width:0;display:flex;position:relative}.slib-search .mb-glyph{color:var(--ink-3);pointer-events:none;position:absolute;left:9px}.slib-search .field{height:28px;font-size:var(--fs-ui,12px);padding:0 8px 0 29px}.slib-search input::-webkit-search-cancel-button{opacity:.5}.slib-tool{border-radius:var(--r-sm);width:28px;height:28px;color:var(--ink-3);transition:background .15s var(--ease-out), color .15s var(--ease-out);flex:none;place-items:center;display:grid}.slib-tool:hover{background:var(--hover);color:var(--ink)}.slib-tool.on{color:var(--ink-2)}.slib-head{align-items:center;gap:4px;min-height:24px;display:flex}.slib-back,.slib-back-pad{flex:none;width:22px;height:22px}.slib-back-pad{width:0}.slib-back{border-radius:var(--r-sm);color:var(--ink-3);transition:background .15s var(--ease-out), color .15s var(--ease-out);place-items:center;margin-left:-2px;display:grid}.slib-back:hover{background:var(--hover);color:var(--ink)}.slib-head-title{white-space:nowrap;flex:1;align-items:baseline;gap:6px;min-width:0;display:flex}.slib-head-title strong{text-overflow:ellipsis;font-weight:600;overflow:hidden}.slib-head-title small{color:var(--ink-3);font-size:var(--fs-meta,11px);font-variant-numeric:tabular-nums}.slib-link{border-radius:var(--r-xs);color:var(--accent);font-size:var(--fs-meta,11px);flex:none;padding:2px 4px;font-weight:500}.slib-link:hover{background:var(--accent-soft)}.slib-chips{margin:0 calc(-1 * var(--slib-pad));padding:0 var(--slib-pad);scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.slib-chips[data-start]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 18px);mask-image:linear-gradient(90deg,#0000,#000 18px);-webkit-mask-image:linear-gradient(90deg,#0000,lab(0% 0 0) 18px);mask-image:linear-gradient(90deg,#0000,lab(0% 0 0) 18px)}.slib-chips[data-end]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 18px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 18px),#0000);-webkit-mask-image:linear-gradient(90deg,lab(0% 0 0) calc(100% - 18px),#0000);mask-image:linear-gradient(90deg,lab(0% 0 0) calc(100% - 18px),#0000)}.slib-chips[data-start][data-end]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 18px calc(100% - 18px),#0000);mask-image:linear-gradient(90deg,#0000,#000 18px calc(100% - 18px),#0000);-webkit-mask-image:linear-gradient(90deg,#0000,lab(0% 0 0) 18px calc(100% - 18px),#0000);mask-image:linear-gradient(90deg,#0000,lab(0% 0 0) 18px calc(100% - 18px),#0000)}.slib-chips::-webkit-scrollbar{display:none}.slib-chip{border-radius:var(--r-sm);height:22px;color:var(--ink-3);font-size:var(--fs-meta,11px);box-shadow:inset 0 0 0 1px var(--line-2);transition:background .15s var(--ease-out), color .15s var(--ease-out), box-shadow .15s var(--ease-out);flex:none;padding:0 9px;font-weight:500}.slib-chip:hover{color:var(--ink);background:var(--hover)}.slib-chip.on{color:var(--ink);background:var(--selected-fill);box-shadow:var(--selected-raise)}.slib-note{border-radius:var(--r-sm);background:color-mix(in oklch, var(--warn) 10%, transparent);color:var(--ink-2);font-size:var(--fs-meta,11px);margin:0;padding:6px 8px;line-height:1.45}.slib-note.error{background:color-mix(in oklch, var(--danger) 12%, transparent)}.slib-scroll{min-height:0;margin:0 calc(-1 * var(--slib-pad) + 4px);overscroll-behavior:contain;scrollbar-width:thin;flex:1;padding:0 4px 6px;overflow-y:auto}.slib-colls{gap:4px;margin:0;padding:0;list-style:none;display:grid}.slib-coll{border-radius:var(--r-md);width:100%;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-3);text-align:left;transition:background .15s var(--ease-out);background:#ffffff06;background:lab(100% 0 0/.025);grid-template-columns:32px minmax(0,1fr) auto 14px;align-items:center;gap:10px;padding:7px 8px 7px 7px;display:grid}.slib-coll:hover:not(:disabled){background:var(--hover)}.slib-coll:active:not(:disabled) .slib-coll-art{transform:scale(.95)}.slib-coll-art{border-radius:var(--r-sm);background:color-mix(in oklch, var(--g-audio) 15%, transparent);width:32px;height:32px;transition:transform .12s var(--ease-out);place-items:center;display:grid}.slib-coll-art.art-built-in{background:color-mix(in oklch, var(--g-audio) 9%, transparent)}.slib-coll-art.art-favourites{color:var(--warn);background:color-mix(in oklch, var(--warn) 12%, transparent)}.slib-coll-text{flex-direction:column;gap:1px;min-width:0;display:flex}.slib-coll-text strong{color:var(--ink);font-weight:600}.slib-coll-text small,.slib-coll-text strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.slib-coll-text small{font-size:var(--fs-meta,11px)}.slib-coll-count{font-size:var(--fs-meta,11px);font-variant-numeric:tabular-nums}.slib-group+.slib-group{margin-top:6px}.slib-group-head{color:var(--ink-3);font-size:var(--fs-meta,11px);align-items:baseline;gap:6px;margin:0;padding:6px 4px 4px;font-weight:600;display:flex}.slib-group-head small{font-variant-numeric:tabular-nums;font-weight:400}.slib-row{--p:0;border-radius:var(--r-sm);height:44px;transition:background .12s var(--ease-out);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 4px;display:grid;position:relative}.slib-row+.slib-row{margin-top:1px}.slib-row:hover{background:var(--hover)}.slib-row.picked{background:color-mix(in oklch, var(--accent) 11%, transparent)}.slib-row.picked:hover{background:color-mix(in oklch, var(--accent) 15%, transparent)}.slib-row.blocked .slib-main,.slib-row.blocked .slib-play{opacity:.5}.slib-row[draggable=true]:active{cursor:grabbing}.slib-play{border-radius:var(--r-sm);width:28px;height:28px;color:var(--g-audio);background:color-mix(in oklch, var(--g-audio) 14%, transparent);transition:background .15s var(--ease-out), color .15s var(--ease-out), transform .12s var(--ease-out);place-items:center;display:grid}.slib-play:hover:not(:disabled){background:color-mix(in oklch, var(--g-audio) 24%, transparent)}.slib-play:active:not(:disabled){transform:scale(.94)}.slib-play:disabled{opacity:1}.slib-row:is([data-state=playing],[data-state=loading]) .slib-play{color:var(--surface);background:var(--g-audio)}.slib-row:is([data-state=playing],[data-state=loading]) .slib-play:focus-visible{--ring-color:var(--ink)}.slib-row[data-state=error] .slib-play{color:var(--danger);background:color-mix(in oklch, var(--danger) 14%, transparent)}.slib-spin{border:1.5px solid;border-right-color:#0000;border-radius:50%;width:11px;height:11px;animation:.7s linear infinite slib-spin}@keyframes slib-spin{to{transform:rotate(360deg)}}.slib-main{cursor:pointer;flex-direction:column;justify-content:center;gap:4px;min-width:0;height:100%;display:flex}.slib-line,.slib-sub{align-items:center;gap:6px;min-width:0;display:flex}.slib-acts{gap:2px;display:flex}.slib-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;line-height:1.2;overflow:hidden}.slib-dur{color:var(--ink-3);font-size:var(--fs-meta,11px);font-variant-numeric:tabular-nums;flex:none}.slib-row[data-state=error] .slib-dur{color:var(--danger)}.slib-wave{flex:1;min-width:0;height:14px;display:block}.slib-wave svg{width:100%;height:100%;display:block}.slib-wave-base{fill:#f2f3f54d;fill:lab(95.9308% -.162244 -1.12436/.3);transition:fill .15s var(--ease-out)}.slib-row:hover .slib-wave-base,.slib-row.picked .slib-wave-base{fill:#f2f3f56b;fill:lab(95.9308% -.162244 -1.12436/.42)}.slib-wave-played{fill:var(--g-audio);clip-path:inset(0 calc((1 - var(--p)) * 100%) 0 0)}.slib-wave svg.pending .slib-wave-base{fill:var(--line-2)}.slib-fav,.slib-add{border-radius:var(--r-sm);opacity:0;width:22px;height:22px;transition:opacity .15s var(--ease-out), background .15s var(--ease-out), color .15s var(--ease-out), transform .12s var(--ease-out);place-items:center;display:grid}.slib-fav{color:var(--ink-3)}.slib-fav:hover{color:var(--ink);background:var(--hover)}.slib-fav.on{opacity:1;color:var(--warn)}.slib-add{color:var(--on-accent);background:var(--accent-fill);box-shadow:0 1px 2px #0006,inset 0 1px #ffffff2e;box-shadow:0 1px 2px lab(0% 0 0/.4),inset 0 1px lab(100% 0 0/.18)}.slib-add:hover:not(:disabled){filter:brightness(1.1)}.slib-add:active:not(:disabled){transform:scale(.92)}.slib-add:focus-visible{--ring-color:var(--on-accent)}.slib-add.done{opacity:1;background:color-mix(in oklch, var(--good) 70%, var(--surface))}.slib-add.busy{opacity:1;cursor:progress}.slib-row:is(:hover,:focus-within,.picked) :is(.slib-fav,.slib-add),.slib-row :is(.slib-fav,.slib-add):focus-visible{opacity:1}.slib-row :is(.slib-fav,.slib-add):disabled{opacity:0}@media (hover:none){.slib-fav,.slib-add{opacity:1}}.slib-star path{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linejoin:round}.slib-star.on path{fill:currentColor}.slib-fav:active .slib-star{transform:scale(.85)}.slib-star{transition:transform .18s var(--spring)}.slib-row.skeleton{pointer-events:none}.slib-row.skeleton .slib-play{background:var(--field-bg)}.slib-skel-line,.slib-skel-wave{border-radius:var(--r-xs);background:var(--field-bg);width:55%;height:8px;animation:slib-pulse 1.2s var(--ease) calc(var(--i,0) * 60ms) infinite alternate;display:block}.slib-skel-wave{width:100%;height:6px}@keyframes slib-pulse{0%{opacity:.5}to{opacity:1}}.slib-empty{color:var(--ink-2);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:28px 12px;display:flex}.slib-empty p{text-wrap:balance;margin:0;line-height:1.4}.slib-empty :is(.slib-star,.mb-glyph){color:var(--ink-3);margin-bottom:2px}.slib-empty .key{margin-top:6px}.slib-drag-chip{border-radius:var(--r-sm);background:color-mix(in oklch, var(--g-audio) 30%, var(--menu));height:28px;color:var(--ink);font-size:var(--fs-ui,12px);white-space:nowrap;pointer-events:none;align-items:center;gap:6px;padding:0 10px 0 8px;display:inline-flex;position:fixed;top:-60px;left:0}.slib-drag-chip b{text-overflow:ellipsis;max-width:200px;font-weight:600;overflow:hidden}.slib-drag-chip small{color:var(--ink-2);font-variant-numeric:tabular-nums}.slib-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.slib-spin{opacity:.6;border-right-color:currentColor;animation:none}.slib-skel-line,.slib-skel-wave{animation:none}.slib-star,.slib-play,.slib-add{transition:none}}