.av{z-index:1200;color:#fff;font-family:var(--ui-font);background:#0f0f0f;grid-template-columns:minmax(0,1fr) 380px;display:grid;position:fixed;inset:0}.av-stage{place-items:center;min-width:0;min-height:0;padding:28px 76px;display:grid;position:relative}.av-stage>img,.av-stage>video{object-fit:contain;background:#000;border-radius:6px;max-width:100%;max-height:calc(100dvh - 56px);display:block}.av-nav{color:#fffc;cursor:pointer;background:#ffffff14;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;transition:background .12s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.av-nav:hover{color:#fff;background:#ffffff29}.av-nav[data-side=left]{left:20px}.av-nav[data-side=right]{right:20px}.av-nav[data-side=right] svg{transform:scaleX(-1)}.av-count{color:#ffffff80;font-variant-numeric:tabular-nums;font-size:12px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.av-audio{background:#1b1b1b;border-radius:18px;width:min(680px,100%);padding:28px}.av-audio .ui-player{color:#fff}.av-audio .ui-player-time{color:#ffffffb3}.av-file{background:#1b1b1b;border-radius:18px;gap:14px;max-width:640px;padding:28px;display:flex}.av-file span{opacity:.6;font-size:20px}.av-file p{color:#ffffffe6;white-space:pre-wrap;margin:0;font-size:14px;line-height:22px}.av-panel{background:#161616;border-left:1px solid #262626;flex-direction:column;min-height:0;display:flex}.av-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 16px;display:flex}.av-head>div{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.av-head h2{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0;font-size:16px;font-weight:600;line-height:22px;overflow:hidden}.av-chip{color:#fffc;white-space:nowrap;background:#262626;border-radius:7px;align-items:center;height:24px;padding:0 9px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}a.av-chip:hover{color:#fff;background:#303030}.av-close{color:#fff;cursor:pointer;background:#262626;border:0;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;padding:0;display:grid}.av-close:hover{background:#333}.av-body{flex-direction:column;flex:1;gap:18px;min-height:0;padding:4px 20px 20px;display:flex;overflow-y:auto}.av-section{flex-direction:column;gap:8px;display:flex}.av-section-head{justify-content:space-between;align-items:center;min-height:28px;display:flex}.av-section h3{color:#ffffff8c;margin:0;font-size:13px;font-weight:500}.av-small{color:#fff;height:28px;font:500 12px var(--ui-font);cursor:pointer;background:#262626;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.av-small:hover{background:#303030}.av-card{background:#1f1f1f;border-radius:12px;margin:0;padding:14px}.av-refs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.av-ref{background:#2c2c2c;border-radius:8px;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.av-ref img,.av-ref video{object-fit:cover;width:100%;height:100%}.av-ref i{color:#ffffffb3;font-size:16px;font-style:normal}.av-words{color:#ffffffe6;white-space:pre-wrap;-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:21px;display:-webkit-box;overflow:hidden}.av-words[data-full]{display:block}.av-more{color:#ffffffa6;font:500 13px var(--ui-font);cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0}.av-more:hover{color:#fff}.av-rows{flex-direction:column;gap:9px;display:flex}.av-rows div{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.av-rows dt{color:#ffffff80;flex:none;font-size:13px}.av-rows dd{color:#fff;text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:14px;font-weight:500;overflow:hidden}.av-filed{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.av-filed>span{color:#ffffff80;font-size:13px}.av-actions{border-top:1px solid #262626;flex-direction:column;gap:10px;padding:16px 20px 20px;display:flex}.av-row{gap:10px;display:flex}.av-row>.ui-button{flex:1;height:40px;font-size:14px}.av .ui-button[data-variant=primary]{color:#0f0f0f;background:#fff;border-color:#fff}.av .ui-button[data-variant=primary]:hover{background:#e6e6e6;border-color:#e6e6e6}.av .ui-button[data-variant=secondary]{color:#fff;background:#262626;border-color:#2f2f2f}.av .ui-button[data-variant=secondary]:hover{background:#303030;border-color:#3a3a3a}.av-row>.av-delete{flex:none;width:40px;padding:0}.av-row>.av-delete:hover{color:#ff8a80}.av-row>.av-square,.av-row>.ui-menu-anchor>.av-square{letter-spacing:1px;flex:none;width:40px;height:40px;padding:0;font-size:15px}.av-row>.ui-menu-anchor,.av-row>.ui-button>svg{flex:none}.av .ui-menu{background:#222;border-color:#333;top:auto;bottom:calc(100% + 8px);box-shadow:0 12px 32px #00000080}.av .ui-menu button{color:#fff}.av .ui-menu button:hover{background:#2e2e2e}.av .ui-menu button[data-divider]:before{background:#333}.av-price{color:#ffffff80;white-space:nowrap;font-size:12px;font-weight:500}.av-move-list{flex-direction:column;gap:2px;max-height:340px;display:flex;overflow-y:auto}.av-move-list button{color:var(--ui-ink-strong);font:500 13px/18px var(--ui-font);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;display:flex}.av-move-list button:hover,.av-move-list button[aria-current]{background:var(--ui-fill)}.av-move-list button>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}@media (max-width:900px){.av{grid-template-rows:minmax(0,55dvh) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.av-stage{padding:16px 56px}.av-panel{border-top:1px solid #262626;border-left:0}}