.sup-att-list{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.4rem;margin-top:.4rem}.sup-att-img{padding:0;border:1px solid rgb(128 128 128/.35);border-radius:10px;overflow:hidden;background:rgb(128 128 128/.12);cursor:zoom-in;line-height:0;max-width:220px}.sup-att-img img{display:block;max-width:220px;max-height:220px;width:auto;height:auto;-o-object-fit:contain;object-fit:contain}.sup-att-img-ph{display:block;width:120px;height:90px;background:rgb(128 128 128/.18)}.sup-att-file{display:inline-flex;align-items:center;gap:.35rem;max-width:260px;padding:.35rem .55rem;border:1px solid rgb(128 128 128/.35);border-radius:999px;background:rgb(128 128 128/.12);color:inherit;font-size:.8rem;cursor:pointer}.sup-att-file:disabled{opacity:.6;cursor:progress}.sup-att-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sup-att-size{opacity:.65;flex:none;font-variant-numeric:tabular-nums}.sup-att-staged{display:flex;flex-wrap:wrap;gap:.35rem;padding:0 .7rem .4rem}.sup-att-staged-item{display:inline-flex;align-items:center;gap:.3rem;max-width:200px;padding:.25rem .5rem;border-radius:999px;border:1px solid rgb(128 128 128/.35);background:rgb(128 128 128/.12);font-size:.75rem}.sup-att-staged-item button{border:none;background:none;color:inherit;cursor:pointer;opacity:.7;padding:0;line-height:1}.sup-att-attach{border:1px solid rgb(128 128 128/.35);background:transparent;color:inherit;border-radius:10px;padding:.55rem .6rem;cursor:pointer;flex:none;font-size:.95rem;line-height:1}.sup-att-attach:disabled{opacity:.45;cursor:not-allowed}.sup-att-dropping{position:relative}.sup-att-dropping:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 2px currentColor;opacity:.45;z-index:3}.sup-lb{position:fixed;inset:0;z-index:2147483100;display:flex;flex-direction:column;background:rgb(0 0 0/.86);color:#f5f7fa;cursor:zoom-out}.sup-lb-bar{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;font-size:.82rem;cursor:auto}.sup-lb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:45vw}.sup-lb-meta{opacity:.7;flex:none;font-variant-numeric:tabular-nums;margin-right:auto}.sup-lb-btn{flex:none;border:1px solid rgb(255 255 255/.28);background:transparent;color:inherit;border-radius:999px;padding:.25rem .7rem;font-size:.78rem;text-decoration:none;cursor:pointer}.sup-lb-btn:hover{background:rgb(255 255 255/.12)}.sup-lb-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:0 .5rem 1rem}.sup-lb-stage img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;cursor:auto}.sup-lb-nav{flex:none;border:none;background:rgb(255 255 255/.12);color:inherit;border-radius:999px;width:2.4rem;height:2.4rem;font-size:1.5rem;line-height:1;cursor:pointer}.sup-lb-nav:hover{background:rgb(255 255 255/.24)}.sup-lb-loading{width:3rem;height:3rem;border-radius:999px;border:2px solid rgb(255 255 255/.25);border-top-color:rgb(255 255 255/.75);animation:sup-lb-spin .8s linear infinite}@keyframes sup-lb-spin{to{transform:rotate(1turn)}}.sup-lb-failed{opacity:.8;font-size:.85rem}@media (max-width:560px){.sup-lb-stage{position:relative}.sup-lb-nav{position:absolute;top:50%;transform:translateY(-50%)}.sup-lb-nav.prev{left:.4rem}.sup-lb-nav.next{right:.4rem}}