.sap-panel{--sap-bg:#141416;--sap-line:#ffffff1a;--sap-text:#f2f2f5;--sap-muted:#9a9aa5;--sap-field:#ffffff0d;--sap-hover:#ffffff14;z-index:80;border:1px solid var(--sap-line);background:var(--sap-bg);width:300px;max-height:calc(100vh - 150px);color:var(--sap-text);border-radius:16px;flex-direction:column;font-size:13px;display:flex;position:fixed;top:124px;right:80px;overflow:hidden;box-shadow:0 24px 60px #00000073}.sap-panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:80px;right:auto}body.light-theme .sap-panel{--sap-bg:#fff;--sap-line:#14121c1f;--sap-text:#14121c;--sap-muted:#625c70;--sap-field:#14121c0a;--sap-hover:#14121c0f;box-shadow:0 24px 60px #14121c2e}.sap-head{justify-content:space-between;align-items:center;gap:8px;padding:12px 12px 8px 14px;display:flex}.sap-head:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding:12px 14px 8px 12px}.sap-head b{font-size:14px;font-weight:600}.sap-x{width:28px;height:28px;color:var(--sap-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.sap-x:hover{background:var(--sap-hover);color:var(--sap-text)}.sap-chips{scrollbar-width:none;gap:6px;padding:0 12px 8px;display:flex;overflow-x:auto}.sap-chips::-webkit-scrollbar{display:none}.sap-chips button{border:1px solid var(--sap-line);min-height:26px;color:var(--sap-muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;flex-shrink:0;padding:0 10px;font-size:12px}.sap-chips button.is-on{background:var(--sap-text);color:var(--sap-bg);border-color:#0000}.sap-search{border:1px solid var(--sap-line);background:var(--sap-field);min-height:32px;color:var(--sap-muted);border-radius:10px;align-items:center;gap:8px;margin:0 12px 6px;padding:0 10px;display:flex}.sap-search input{min-width:0;color:var(--sap-text);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13px}.sap-hint{color:var(--sap-muted);margin:0 14px 8px;font-size:11.5px;line-height:1.35}.sap-body{scrollbar-width:thin;flex:1;min-height:0;padding:0 12px 12px;overflow-y:auto}.sap-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.sap-item{color:var(--sap-text);font:inherit;text-align:left;cursor:grab;background:0 0;border:0;flex-direction:column;gap:4px;padding:0;display:flex;position:relative}.sap-item:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.sap-item:active{cursor:grabbing}.sap-item:disabled{cursor:default}.sap-thumb{aspect-ratio:1;background:var(--sap-field);width:100%;box-shadow:inset 0 0 0 1px var(--sap-line);border-radius:10px;display:block;position:relative;overflow:hidden}.sap-thumb img{object-fit:cover;width:100%;height:100%;display:block}.sap-thumb-icon{color:var(--sap-muted);justify-content:center;align-items:center;display:flex}.sap-item:hover .sap-thumb{box-shadow:inset 0 0 0 2px var(--sap-text)}.sap-item.is-busy .sap-thumb{opacity:.5}.sap-badge{color:#fff;background:#0009;border-radius:6px;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex;position:absolute;bottom:5px;right:5px}.sap-badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:5px;right:auto}.sap-spin{color:var(--sap-text);animation:1s linear infinite sap-rotate;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.sap-spin:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:auto;right:50%;transform:translate(50%,-50%)}.sap-spin-icon{animation:1s linear infinite sap-rotate}@keyframes sap-rotate{to{transform:rotate(360deg)}}.sap-spin{animation-name:sap-rotate-centered}@keyframes sap-rotate-centered{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.sap-name{color:var(--sap-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.25;overflow:hidden}.sap-empty{text-align:center;color:var(--sap-muted);flex-direction:column;align-items:center;gap:10px;padding:28px 10px;display:flex}.sap-empty p{margin:0;font-size:12.5px;line-height:1.4}.sap-more{justify-content:center;padding:10px 0 2px;display:flex}.sap-btn{border:1px solid var(--sap-line);min-height:30px;color:var(--sap-text);font:inherit;cursor:pointer;background:0 0;border-radius:9px;padding:0 12px;font-size:12.5px;font-weight:500}.sap-btn:hover{background:var(--sap-hover)}.sap-btn-primary{background:var(--point-accent,#7c5cff);color:#fff;border-color:#0000}.sap-btn-primary:hover{background:var(--point-accent,#7c5cff);filter:brightness(1.08)}@media (max-width:767px){.sap-panel{border-radius:16px;width:auto;max-height:62vh;inset:auto 8px 8px}.sap-grid{grid-template-columns:repeat(4,1fr)}}
