.content-preview{min-height:250px;background:var(--hm-bone);border:1px solid var(--line,var(--hm-mist));border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:center}.content-preview>img{display:block;max-width:100%;max-height:740px;object-fit:contain}.content-preview iframe{display:block;width:100%;height:650px;border:0;background:var(--hm-paper)}.content-preview pre{align-self:stretch;white-space:pre-wrap;overflow-wrap:anywhere;width:100%;padding:26px;margin:0;font:14px/1.65 inherit;background:white}.content-file-fallback{text-align:center;padding:48px 28px;max-width:500px}.content-file-glyph{font-size:40px;line-height:1;margin-bottom:16px;color:var(--hm-muted)}.content-description{white-space:pre-wrap;overflow-wrap:anywhere}.content-review-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}.content-file-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--hm-bone)}.content-file-row:last-child{border-bottom:0}.content-file-row>div{min-width:0}.content-file-row strong{display:block;font-size:13px;overflow-wrap:anywhere}.content-file-row small{display:block;color:var(--hm-muted);font-size:11px;margin-top:5px}.content-file-row .btn{flex-shrink:0}.content-thread{display:flex;gap:11px;padding:17px 0;border-bottom:1px solid var(--hm-bone)}.content-thread:last-child{border-bottom:0}.content-thread .avatar{flex-shrink:0;width:30px;height:30px;font-size:10px}.content-thread-body{min-width:0;flex:1}.content-thread-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.content-thread-top strong{font-size:12px}.content-thread-top small{font-size:10px;color:var(--hm-muted);white-space:nowrap}.content-thread p{font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}.content-thread .tiny{display:block;margin-top:3px}.content-approval-entry{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--hm-bone)}.content-approval-entry .avatar{width:27px;height:27px;font-size:9px;flex-shrink:0}.content-approval-entry strong{display:block;font-size:12px}.content-approval-entry small{font-size:10px;color:var(--hm-muted)}.content-review-aside{align-self:start}.content-review-aside h3{font-size:13px;margin-top:26px}.content-history-version{padding:12px 0;border-bottom:1px solid var(--hm-bone)}.content-history-version h3{font-size:14px}.content-upload-help{margin:0 0 18px;color:var(--hm-muted);font-size:12px;line-height:1.6}.content-status{font-size:11px;padding:6px 10px;border-radius:20px;background:#f3f2ef;color:#888068;text-transform:capitalize}.content-status.approved{background:#e8efd9;color:#64783c}.content-comments-form{margin-top:22px}.content-review-aside textarea{min-height:110px}@media(max-width:600px){.content-preview iframe{height:520px}.content-review-tools{align-items:flex-start}.content-thread-top{display:block}.content-thread-top small{display:block;margin-top:4px}.content-preview pre{padding:18px}.content-file-row{gap:8px}.content-file-row .btn{font-size:11px;padding:8px 10px}}
/* Project-linked image carousels keep their own controls and position during review updates. */
.content-preview.content-gallery-preview{display:block;min-height:250px;background:var(--hm-bone);border:1px solid var(--hm-paper);border-radius:25px;box-shadow:0 5px 22px #53514d10;overflow:hidden}.content-gallery{width:100%;min-width:0;background:linear-gradient(145deg,var(--hm-paper),var(--hm-bone))}.content-gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 23px;border-bottom:1px solid var(--hm-bone)}.content-gallery-heading>div{min-width:0;display:grid;gap:5px}.content-gallery-heading>div>span{font-size:8px;letter-spacing:1.5px;font-weight:650;color:var(--hm-muted)}.content-gallery-heading strong{font-size:13px;font-weight:600;letter-spacing:-.2px;color:var(--hm-strong);overflow-wrap:anywhere}.content-gallery-count{flex-shrink:0;font-size:11px;font-variant-numeric:tabular-nums;border-radius:13px;padding:6px 10px;background:#f7f7f4a1;color:var(--hm-muted)}.content-gallery-stage{display:flex;align-items:center;justify-content:center;min-height:220px;padding:20px;background:var(--hm-bone)}.content-gallery-stage[aria-busy=true]{min-height:340px}.content-gallery-stage img{display:block;width:auto;height:auto;max-width:100%;max-height:min(72dvh,720px);object-fit:contain;border-radius:8px;box-shadow:0 6px 23px #53514d17}.content-gallery-toolbar{display:flex;align-items:center;justify-content:center;gap:13px;padding:17px 22px 0}.content-gallery-toolbar>.btn{flex-shrink:0;border-radius:50%;width:33px;height:33px;min-height:33px;padding:0;font-size:23px;line-height:1;background:linear-gradient(145deg,var(--hm-paper),var(--hm-bone));border:1px solid var(--hm-paper);color:var(--hm-muted);box-shadow:0 2px 6px #706e6a0c,inset 0 1px var(--hm-paper)}.content-gallery-toolbar>.btn:disabled{opacity:.35;transform:none}.content-gallery-pages{display:flex;gap:6px;overflow:auto;min-width:0;max-width:100%;padding:4px;scrollbar-width:thin;scrollbar-color:var(--hm-line) transparent;overscroll-behavior-x:contain}.content-gallery-pages>.btn{flex-shrink:0;border-radius:10px;width:29px;height:29px;min-height:29px;padding:0;font-size:10px;line-height:1;font-variant-numeric:tabular-nums;background:transparent;border:1px solid transparent;color:var(--hm-dim);box-shadow:none}.content-gallery-pages>.btn.active{background:linear-gradient(145deg,var(--hm-paper),var(--hm-bone));border-color:white;color:var(--hm-muted);box-shadow:inset 0 1px 1px var(--hm-paper),0 2px 7px #706e6a23}.content-gallery-filename{margin:12px 22px 19px;text-align:center;color:var(--hm-dim);font-size:10px;overflow-wrap:anywhere}.content-gallery-copy{border-top:1px solid var(--hm-mist);border-bottom:1px solid var(--hm-mist);margin:18px 23px 0;padding:17px 0;color:var(--hm-muted)}.content-gallery-copy[hidden]{display:none}.content-gallery-copy>span{display:block;font-size:8px;letter-spacing:1.3px;font-weight:600;color:var(--hm-dim);margin-bottom:8px}.content-gallery-copy>strong{display:block;font-size:15px;font-weight:600;line-height:1.5;letter-spacing:-.2px}.content-gallery-copy>p{font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}.content-gallery-error{text-align:center;color:#7b889c;font-size:12px;padding:25px;max-width:400px}.content-gallery-error p{line-height:1.65}.content-gallery-error .btn{margin-top:8px}.content-caption h2,.content-description h2{font-size:18px;letter-spacing:-.4px;margin:0 0 14px}.content-caption>p,.content-description>p{font-size:13px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;color:var(--hm-muted)}.content-caption .section-heading{margin-bottom:12px}.content-caption .section-heading h2{margin-bottom:0}.content-upload-project{border:1px solid var(--hm-mist);background:var(--hm-bone);border-radius:15px;padding:16px 18px;margin-bottom:21px;display:grid;gap:7px}.content-upload-project>span{font-size:8px;letter-spacing:1.4px;color:var(--hm-dim);font-weight:600}.content-upload-project>strong{font-size:14px;color:var(--hm-muted);letter-spacing:-.2px}.content-upload-project>small{font-size:10px;line-height:1.5;color:var(--hm-dim)}.content-preview-spinner{display:inline-block;flex-shrink:0;width:23px;height:23px;border-radius:50%;border:2px solid #deded969;border-top-color:var(--hm-muted);animation:content-preview-spin .85s linear infinite}.content-file-fallback .content-preview-spinner{margin-bottom:12px}@keyframes content-preview-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.content-gallery-heading{padding:16px 18px;gap:12px}.content-gallery-heading strong{font-size:12px}.content-gallery-count{font-size:10px;padding:5px 8px}.content-gallery-stage{padding:14px;min-height:180px}.content-gallery-stage[aria-busy=true]{min-height:250px}.content-gallery-stage img{max-height:65dvh;border-radius:6px}.content-gallery-toolbar{gap:8px;padding:13px 14px 0}.content-gallery-toolbar>.btn{width:34px;height:34px;min-height:34px}.content-gallery-pages{gap:4px}.content-gallery-pages>.btn{width:29px;height:30px}.content-gallery-copy{margin:15px 18px 0;padding:15px 0}.content-gallery-copy>strong{font-size:14px}.content-gallery-copy>p{font-size:11px}.content-gallery-filename{font-size:9px;margin:11px 18px 17px}.content-upload-project{padding:14px 16px}.content-caption>p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.content-preview-spinner{animation:none;border-style:dotted;border-color:var(--hm-dim)}.content-gallery button{transition:none!important}}