.htp-viewer{position:fixed;inset:0;width:96vw;max-width:1800px;height:94dvh;max-height:96dvh;margin:auto;padding:16px;border:1px solid #b9c9c0;border-radius:16px;background:#faf8f2;color:#293d35;overflow:auto;box-sizing:border-box;z-index:2147483000}.htp-viewer::backdrop{background:rgba(12,22,18,.9)}.htp-viewer:not([open]){display:none}.htp-header,.htp-toolbar,.htp-zoom{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.htp-header{justify-content:space-between;margin-bottom:10px}.htp-header strong{font-size:1.25rem}.htp-toolbar{margin-bottom:12px}.htp-viewer button,.htp-tools button{padding:8px 12px;border:1px solid #b6c6bb;border-radius:8px;background:#edf3ef;color:#244c3b;font-weight:600;cursor:pointer}.htp-viewer button:disabled,.htp-tools button:disabled{opacity:.5;cursor:default}.htp-viewer button:focus-visible,.htp-viewer select:focus-visible,.htp-stage:focus-visible{outline:3px solid #b78835;outline-offset:2px}.htp-panes{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.htp-panes.is-compare{grid-template-columns:repeat(2,minmax(0,1fr))}.htp-pane{min-width:0}.htp-pane select{width:100%;padding:8px;border:1px solid #b6c6bb;background:white;color:#244c3b;border-radius:8px;margin-bottom:8px}.htp-zoom{min-height:40px;margin-bottom:8px}.htp-stage{height:58dvh;overflow:auto;background:#18241f;display:block;border-radius:8px;overscroll-behavior:contain}.htp-stage img{display:block;max-width:none!important;max-height:none!important;object-fit:contain;margin:auto;user-select:none}.htp-stage.is-zoomed{cursor:grab;touch-action:none}.htp-stage.is-zoomed:active{cursor:grabbing}.htp-pane details{padding:10px 0;font-size:.92rem}.htp-pane summary{cursor:pointer}.htp-pane details p{overflow-wrap:anywhere;margin:6px 0}.htp-status{min-height:1.5em;margin:8px 0}.htp-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.htp-select-label{display:flex;align-items:center;gap:8px;margin:8px 12px;font-weight:600;color:#244c3b}@media(max-width:650px){.htp-viewer{padding:10px;width:98vw;height:96dvh}.htp-panes.is-compare{gap:8px}.htp-panes.is-compare .htp-stage{height:40dvh}.htp-zoom{gap:4px}.htp-viewer button{padding:6px 8px}.htp-pane select{font-size:.82rem}}

.htp-status:empty{display:none}.htp-status:not(:empty){padding:10px 13px;border-radius:8px;margin:8px 0 13px;border:1px solid #b6c6bb;background:#f1f6f3;font-weight:600;line-height:1.4}.htp-status.is-error{border-color:#c67878;background:#fff0f0;color:#822}.htp-status.is-success{border-color:#82b29b;background:#edf7f0;color:#174c33}.htp-status.is-busy{border-color:#cbbf88;background:#fef9e9;color:#4f421e}

/* Housetory Community Place photo actions v0.0.4: scoped to existing viewer/archive. */
.htp-card-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0 .65rem}
.htp-card-actions button{padding:.52rem .8rem;border:1px solid #a9beb2;border-radius:8px;background:#edf4ef;color:#285641;font:inherit;font-size:.87rem;font-weight:700;cursor:pointer}
.htp-card-actions button:hover:not(:disabled){background:#dbece0}
.htp-card-actions button:disabled{opacity:.57;cursor:default}
.htp-card-actions button:focus-visible{outline:3px solid #b78835;outline-offset:2px}
.htp-archive-status:not(:empty){margin:1rem 0;padding:.7rem 1rem;border-radius:8px;border:1px solid #b6c6bb;background:#eef6f0;color:#285641;font-weight:700}
.htp-archive-status.is-error{background:#fff0f0;border-color:#c67878;color:#822}
.htp-archive-status.is-success{background:#edf7f0;border-color:#82b29b;color:#174c33}
.htp-archive-status.is-busy{background:#fef9e9;border-color:#cbbf88;color:#4f421e}
.ht-community-featured-story figure{margin:0;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:start;gap:1rem}
.ht-community-featured-story img{width:100%;max-height:340px;object-fit:contain;background:#f3eee5;border-radius:12px}
.ht-community-featured-story figcaption{line-height:1.5;color:#5e554a}
.ht-community-featured-story figcaption strong{display:block;color:#315e52;margin-bottom:.3rem}
.ht-community-featured-story figcaption span{display:block;margin-top:.35rem;font-size:.9rem}
@media(max-width:650px){.ht-community-featured-story figure{grid-template-columns:1fr}.htp-card-actions button{flex:1 1 140px}}
@media print{.htp-card-actions,.htp-archive-status{display:none!important}}