.gif-frame-detail{position:relative;border:1px solid var(--border);width:-moz-fit-content;width:fit-content;max-width:100%;margin-inline-start:auto;margin-inline-end:auto;padding:18px}.gif-frame-detail img{width:auto;max-width:100%;height:auto;max-height:72vh}.gif-frame-detail[data-image-loading]:after{position:absolute;content:"";animation:image-loading 1.25s ease-in-out infinite;pointer-events:none;background:linear-gradient(100deg,#0000 25%,#ffffff12 50%,#0000 75%) 0 0/220% 100%;inset:18px}@keyframes image-loading{0%{background-position:100% 0}to{background-position:-120% 0}}.detail{padding:24px}.detail-actions{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:12px;margin-top:18px}.detail-actions p{color:var(--quiet);text-transform:uppercase;letter-spacing:.14em;margin:0;font-size:11px}.detail-admin{border-top:1px solid var(--border);background:#0b0b0e}.detail-admin-heading{display:flex;border-bottom:1px solid var(--border);justify-content:space-between;align-items: center;gap:16px;padding:14px 20px}.detail-admin-heading>div{display:flex;align-items:baseline;gap:14px;min-width:0}.detail-admin-heading span{color:var(--quiet);text-transform:uppercase;letter-spacing:.14em;white-space:nowrap;font-size:10px}.detail-admin-status{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px}.detail-admin-heading a{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;font-size:10px}.detail-admin-heading a:hover{color:var(--text)}.detail-admin-actions{display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px}.detail-admin-actions .button{min-height:38px}.detail-admin-delete{margin-left:auto}.segmented{display:flex;border:1px solid var(--border);background:var(--border);gap:1px}.segmented button{background:var(--bg);color:var(--muted);text-transform:uppercase;letter-spacing:.16em;border:0;min-height:36px;padding:0 14px;transition:background-color .15s linear,color .15s linear;font-size:11px;font-weight:650}.segmented button:hover{background:var(--surface-hover);color:var(--text)}.segmented button[aria-pressed=true]{color:#ddd6fe;background:#8066f72e}.segmented button:disabled{cursor:wait;opacity:.55}.segmented button:focus-visible{outline:2px solid #8066f7bf;outline-offset:-2px}@media (max-width:720px){.detail{padding:16px}.detail-admin-heading{flex-direction:column;align-items: flex-start;gap:6px}.detail-admin-heading>div{width:100%}.detail-admin-actions{display:grid;grid-template-columns:1fr 1fr}.segmented{grid-column:1/-1}.segmented button{flex:1}.detail-admin-delete{margin-left:0}}