.rich-detail{width:min(900px,100%);margin:-8px auto -10px;text-align:center}.rich-detail-heading{display:flex;align-items:center;gap:12px;text-align:left;color:var(--text);margin-bottom:18px;font-size:16px}.detail-back{border:0;background:var(--surface2);color:var(--muted);border-radius:50%;width:32px;height:32px;font-size:28px;line-height:24px;cursor:pointer}.rich-detail-image{display:block;width:min(680px,100%);max-height:480px;object-fit:contain;margin:0 auto 14px;border-radius:2px;background:#111}.detail-keywords{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:0 auto 16px}.detail-keywords span{border:1px solid #35455b;background:#273243;color:#a9b5c7;border-radius:999px;padding:5px 12px;font-size:12px}.detail-tool-row{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}.detail-tool{border:1px solid var(--line);border-radius:10px;padding:10px 15px;color:var(--text);background:var(--surface2);cursor:pointer;font:inherit}.detail-tool.edit{background:#2c385c}.detail-tool.save{background:#123c2f;color:#75e7b1}.detail-tool.like{background:#421b2a;color:#ff9eaf}.detail-tool.like.active{background:#7a2440;color:#fff}.detail-tool.collection{background:#4a2a1e;color:#ffc0a1}.detail-tool.collection.active{background:#75402c;color:#fff}.detail-share{border-top:1px solid var(--line);margin-top:18px;padding-top:18px;color:var(--muted);font-size:12px}.detail-share>div{display:flex;justify-content:center;gap:9px;margin-top:10px}.detail-share button{display:grid;place-items:center;gap:4px;width:62px;height:54px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);color:var(--text);font-size:18px;cursor:pointer}.detail-share small{font-size:10px;color:var(--muted)}.rich-editor{max-width:700px;margin:auto}.editor-preview{width:100%;max-height:480px;object-fit:contain;background:#111;margin:5px 0 14px}.rich-editor label{display:block;text-align:left;color:var(--muted);font-size:12px;margin:10px 0 6px}.rich-editor input{width:100%;background:#111216;border:1px solid var(--line);border-radius:9px;color:var(--text);padding:12px;font:inherit}
@media(max-width:700px){.rich-detail-image{max-height:58vh}.detail-tool{padding:9px 11px;font-size:13px}}

/* Keep the detail view within the viewport like the compact reference layout. */
.modal:has(.rich-detail){max-height:calc(100vh - 32px);padding:12px 32px 16px;overflow:hidden}
.rich-detail{margin:-2px auto -4px}
.rich-detail-heading{margin-bottom:12px}
.rich-detail-image{max-height:min(480px,calc(100vh - 310px));margin-bottom:12px}
.detail-keywords{margin-bottom:12px}
.detail-share{margin-top:16px;padding-top:14px}
.detail-share>div{margin-top:8px}

/* Use the same neutral button treatment as the URL copy/share controls. */
.detail-tool,
.detail-tool.edit,
.detail-tool.save,
.detail-tool.like,
.detail-tool.like.active,
.detail-tool.collection,
.detail-tool.collection.active{background:var(--surface2);color:var(--text);border-color:var(--line)}
.detail-like-icon{color:var(--muted);transition:color .16s ease,transform .16s ease}.detail-tool.like.active .detail-like-icon{color:var(--coral);transform:scale(1.12)}
.detail-media{position:relative;width:min(680px,100%);margin:0 auto 12px}.detail-media .rich-detail-image{width:100%;margin:0}.detail-media-type{position:absolute;right:10px;top:10px;background:#111d;color:var(--acid);border:1px solid #ffffff24;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:700}.detail-tool:disabled{opacity:.55;cursor:not-allowed}
.live-card{isolation:isolate}.live-admin-review{position:absolute;right:10px;bottom:10px;z-index:3;border:1px solid #d4ff3855;border-radius:999px;background:#101114e8;color:var(--acid);padding:7px 10px;font:700 11px inherit;cursor:pointer}.live-admin-review:hover{background:var(--acid);color:#101114}.live-admin-review[hidden]{display:none}.meme-visual{position:relative}
.detail-admin-panel{margin:16px auto 0;border:1px solid #d4ff3840;border-radius:12px;background:#11151b;text-align:left}.detail-admin-panel[hidden]{display:none}.detail-admin-panel summary{cursor:pointer;padding:13px 15px;color:var(--acid);font-weight:700}.detail-admin-status{float:right;border-radius:999px;background:#173c2d;color:#83e8b7;padding:3px 8px;font-size:11px}.detail-admin-status.is-hidden{background:#4c2626;color:#ffaaa0}.detail-admin-fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;padding:0 15px 10px}.detail-admin-fields label{display:grid;gap:5px;color:var(--muted);font-size:11px}.detail-admin-fields input,.detail-admin-fields select,.detail-admin-actions input,.detail-admin-actions select{min-width:0;border:1px solid var(--line);border-radius:8px;background:#0c0f13;color:var(--text);padding:9px;font:inherit}.detail-admin-wide{grid-column:1/-1}.detail-admin-actions{display:grid;grid-template-columns:auto 1fr 1.5fr auto;gap:8px;padding:0 15px 10px}.detail-admin-actions button{border:1px solid var(--line);border-radius:8px;background:var(--surface2);color:var(--text);padding:9px 12px;font-weight:700;cursor:pointer}.detail-admin-actions .hide{background:#792d2d;color:#fff}.detail-admin-actions .restore{background:#245c40;color:#fff}.detail-admin-help{margin:0;padding:0 15px 13px;color:var(--muted);font-size:11px}.modal:has(.detail-admin-panel[open]){overflow:auto}
@media(max-width:700px){.detail-admin-fields{grid-template-columns:1fr}.detail-admin-wide{grid-column:auto}.detail-admin-actions{grid-template-columns:1fr}.live-admin-review{display:none!important}}
.random-detail-badge{flex:0 0 auto;margin-left:auto;margin-right:54px;padding:5px 9px;border:1px solid #d7ff3f66;border-radius:999px;background:#d7ff3f12;color:var(--acid);font-size:10px;font-weight:800}.detail-media:has(.random-detail-arrow){width:min(680px,calc(100% - 116px))}.random-detail-arrow{position:absolute;z-index:4;top:50%;display:grid;place-items:center;width:46px;height:58px;border:1px solid #ffffff38;border-radius:14px;background:#0d0f12d9;color:#fff;box-shadow:0 10px 26px #0008;cursor:pointer;transform:translateY(-50%);transition:background .16s,border-color .16s,color .16s,transform .16s}.random-detail-arrow span{font-size:37px;font-weight:300;line-height:1;transform:translateY(-2px)}.random-detail-arrow.previous{left:-58px}.random-detail-arrow.next{right:-58px}.random-detail-arrow:hover:not(:disabled),.random-detail-arrow:focus-visible{border-color:var(--acid);background:var(--acid);color:#111;transform:translateY(-50%) scale(1.05)}.random-detail-arrow:focus-visible{outline:3px solid #101114;outline-offset:2px}.random-detail-arrow:disabled{opacity:.28;cursor:not-allowed}.random-detail-arrow[aria-busy="true"]{cursor:wait;opacity:.55}@media(max-width:600px){.detail-media:has(.random-detail-arrow){width:100%;padding-bottom:60px}.random-detail-arrow{top:auto;bottom:0;width:40px;height:48px;border-radius:12px;transform:none}.random-detail-arrow.previous{left:calc(50% - 46px)}.random-detail-arrow.next{right:calc(50% - 46px)}.random-detail-arrow:hover:not(:disabled),.random-detail-arrow:focus-visible{transform:scale(1.05)}.random-detail-arrow span{font-size:33px}.random-detail-badge{margin-right:44px;padding:4px 7px}}
.random-detail-loading{position:absolute;z-index:3;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;background:#08090c52;color:#fff;pointer-events:none}.random-detail-loading[hidden]{display:none}.random-detail-loading small{padding:6px 10px;border-radius:999px;background:#0c0e12d9;font-size:11px;font-weight:700}.random-detail-spinner{width:38px;height:38px;border:4px solid #ffffff45;border-top-color:var(--acid);border-radius:50%;box-shadow:0 4px 18px #0008;animation:random-detail-spin .75s linear infinite}@keyframes random-detail-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.random-detail-spinner{animation-duration:1.5s}}
.modal:has(.rich-detail),.modal:has(.rich-editor){width:min(980px,100%)}