.xs-root{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;gap:14px;min-height:0;overflow-y:auto;overflow-x:hidden;padding:20px 22px 22px;background:radial-gradient(1200px 500px at 15% -10%,rgba(46,230,255,.1),transparent 60%),radial-gradient(900px 500px at 110% 110%,rgba(217,140,255,.1),transparent 60%),#0b1018;color:#dbe4f0;font:13px/1.45 Inter,Segoe UI,system-ui,-apple-system,sans-serif;cursor:default;opacity:0;transition:opacity .35s ease}.xs-root.is-in{opacity:1}.xs-head{display:flex;flex-direction:column;gap:4px;min-width:0}.xs-title{margin:0;font-size:20px;font-weight:700;letter-spacing:.01em;color:#fff}.xs-subtitle{margin:0;color:#93a4ba;font-size:13.5px}.xs-grid{display:grid;gap:14px;min-width:0;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.xs-card{--xs-accent: #2ee6ff;position:relative;display:flex;flex-direction:column;min-width:0;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#151c28,#111722);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 28px #00000059,inset 0 1px #ffffff0a;opacity:0;transform:translateY(10px);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;animation:xs-rise .5s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--xs-i, 0) * 90ms + 80ms)}.xs-card:hover{border-color:color-mix(in srgb,var(--xs-accent) 55%,transparent);box-shadow:0 14px 34px #00000073,0 0 0 1px color-mix(in srgb,var(--xs-accent) 25%,transparent)}.xs-card[data-format=svg]{--xs-accent: #ffb454}.xs-card[data-format=png]{--xs-accent: #7fe3a0}.xs-card[data-format=pdf]{--xs-accent: #ff6b6b}.xs-card[data-format=dxf]{--xs-accent: #6fb6ff}@keyframes xs-rise{to{opacity:1;transform:translateY(0)}}.xs-preview{position:relative;height:128px;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.06)}.xs-tone-paper{background:#faf7f0}.xs-tone-page{background:linear-gradient(160deg,#273142,#1a2130)}.xs-tone-cad{background:#10151d}.xs-tone-dark{background:#0d121a}.xs-thumb{max-width:100%;max-height:100%;object-fit:contain;display:block;opacity:0;transition:opacity .4s ease}.xs-thumb.is-in{opacity:1}.xs-tone-paper .xs-thumb{width:100%;height:100%;padding:8px;box-sizing:border-box}.xs-tone-page .xs-thumb{max-width:78%;max-height:82%;background:#fff;padding:4px;box-shadow:0 6px 18px #00000080;transform:rotate(-2deg)}.xs-tone-cad .xs-thumb{width:100%;height:100%;padding:10px;box-sizing:border-box;filter:invert(1) hue-rotate(180deg) saturate(1.6) brightness(1.1);mix-blend-mode:screen}.xs-tone-dark .xs-thumb{width:100%;height:100%;padding:8px;box-sizing:border-box}.xs-preview.is-loading:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.1) 50%,transparent 80%);background-size:200% 100%;animation:xs-shimmer 1.2s linear infinite}@keyframes xs-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.xs-glyph{font-size:34px;font-weight:800;letter-spacing:.08em;color:color-mix(in srgb,var(--xs-accent) 70%,#ffffff);opacity:.55}.xs-tone-paper .xs-glyph{color:#9aa3ad}.xs-badge{position:absolute;top:10px;left:10px;z-index:1;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.08em;color:#0b1018;background:var(--xs-accent);box-shadow:0 3px 10px #00000059}.xs-body{display:flex;flex-direction:column;gap:5px;padding:12px 14px 4px;min-width:0;flex:1}.xs-name{font-size:15px;font-weight:700;color:#fff}.xs-meta{font-size:11.5px;color:var(--xs-accent);font-variant-numeric:tabular-nums;min-height:16px}.xs-meta.is-loading{color:#6f7f94}.xs-desc{margin:0 0 2px;color:#aab8ca;font-size:12.5px}.xs-uses-label{margin-top:2px;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6f7f94}.xs-chips{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.xs-chip{padding:3px 9px;border-radius:999px;font-size:11.5px;color:#dbe4f0;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);white-space:nowrap}.xs-foot{padding:10px 14px 14px}.xs-action{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:10px;font-size:12.5px;font-weight:700;text-decoration:none;color:#0b1018;background:var(--xs-accent);box-shadow:0 6px 16px color-mix(in srgb,var(--xs-accent) 30%,transparent);transition:filter .2s ease,transform .2s ease}.xs-action:hover{filter:brightness(1.08);transform:translateY(-1px)}.xs-action:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.xs-action-icon{font-size:14px;line-height:1}