.hu-photo-section{margin:16px 0;padding:14px;border:1px solid var(--rx-line);background:var(--rx-surface);box-shadow:2px 2px 0 rgba(var(--rx-shadow-color-rgb),0.125);color:var(--rx-text)}
.hu-photo-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.hu-photo-section-head strong{font-size:calc((13px) * var(--ui-font-scale,1))}.hu-photo-section-head span{font-size:calc((10px) * var(--ui-font-scale,1));color:var(--rx-muted);font-weight:700}
.hu-photo-empty{font-size:calc((11px) * var(--ui-font-scale,1));color:var(--rx-muted);margin:5px 0 10px}.hu-photo-strip{display:flex;gap:9px;overflow-x:auto;padding:2px 2px 7px}
.hu-photo-strip button{flex:0 0 104px;padding:3px;border:1px solid var(--rx-line);background:var(--rx-surface);text-align:left;border-radius:5px;color:var(--rx-text)}.hu-photo-strip button:hover,.hu-photo-strip button:focus-visible{outline:2px solid var(--rx-accent)}
.hu-photo-strip img{display:block;width:100%;height:73px;object-fit:cover;background:var(--rx-soft)}.hu-photo-strip small{display:block;padding:5px 4px 2px;font-size:calc((9px) * var(--ui-font-scale,1));font-weight:700;line-height:1.2}
.hu-photo-all{border:0;background:transparent;color:var(--rx-accent);text-decoration:underline;font-size:calc((11px) * var(--ui-font-scale,1));font-weight:800;padding:4px 0}
.hu-photo-add{display:flex;align-items:end;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:10px;border-top:1px dashed var(--rx-line)}.hu-photo-add label{display:grid;gap:4px;font-size:calc((10px) * var(--ui-font-scale,1));font-weight:800;color:var(--rx-text)}.hu-photo-add select,.hu-photo-add input:not([type=file]){min-height:33px;border:1px solid var(--rx-line);border-radius:4px;padding:5px 7px;min-width:150px;background:var(--rx-surface)}.hu-photo-add label.button{display:inline-flex;align-items:center;min-height:33px;cursor:pointer}
.hu-capture-field{display:grid;gap:5px;margin:14px 0;padding:13px;border:1px dashed var(--rx-line);background:var(--rx-surface)}.hu-capture-field label{display:grid;gap:6px;font-weight:800;color:var(--rx-text)}.hu-capture-field input{max-width:100%;font-size:calc((12px) * var(--ui-font-scale,1))}.hu-capture-field small{color:var(--rx-muted);font-size:calc((10px) * var(--ui-font-scale,1));line-height:1.4}
.hu-photo-gallery{width:min(760px,calc(100vw - 44px));max-width:100%;color:var(--rx-text)}.hu-photo-gallery header{display:flex;justify-content:space-between;gap:15px;align-items:start;padding-bottom:11px;border-bottom:1px solid var(--rx-line)}.hu-photo-gallery header div{display:grid;gap:2px}.hu-photo-gallery header small{color:var(--rx-accent);letter-spacing:1px;font-size:calc((9px) * var(--ui-font-scale,1));font-weight:900}.hu-photo-gallery header strong{font-size:calc((20px) * var(--ui-font-scale,1))}.hu-photo-gallery header span{font-size:calc((11px) * var(--ui-font-scale,1));color:var(--rx-muted)}.hu-photo-gallery header button{border:1px solid var(--rx-line);background:var(--rx-surface);color:var(--rx-text);border-radius:4px;padding:5px 10px;font-size:calc((16px) * var(--ui-font-scale,1))}
.hu-photo-main{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:5px;align-items:center;margin-top:10px;background:var(--rx-soft)}.hu-photo-main .hu-photo-image img{display:block;width:100%;height:min(57vh,480px);object-fit:contain;min-width:0}.hu-photo-main button{border:0;background:var(--rx-surface);color:var(--rx-accent);font-size:calc((33px) * var(--ui-font-scale,1));height:54px;line-height:1}.hu-photo-main button:hover{background:var(--rx-soft)}
.hu-photo-meta{display:grid;gap:3px;padding:9px 1px}.hu-photo-meta b{font-size:calc((12px) * var(--ui-font-scale,1))}.hu-photo-meta span{font-size:calc((11px) * var(--ui-font-scale,1))}.hu-photo-meta small{font-size:calc((10px) * var(--ui-font-scale,1));color:var(--rx-muted)}.hu-photo-gallery-thumbs{display:flex;gap:7px;overflow-x:auto;padding:5px 0}.hu-photo-gallery-thumbs button{flex:0 0 68px;height:54px;border:2px solid var(--rx-line);background:var(--rx-surface);padding:2px}.hu-photo-gallery-thumbs button.active{border-color:var(--rx-accent)}.hu-photo-gallery-thumbs img{width:100%;height:100%;object-fit:cover}
.scene-photo-panel{position:absolute;z-index:35;inset:8% auto auto 50%;transform:translateX(-50%);width:min(760px,calc(100% - 34px));max-height:84%;overflow:auto;padding:15px;background:rgba(var(--rx-surface-rgb),0.961);border:2px solid var(--rx-line-strong);box-shadow:7px 9px 0 rgba(var(--rx-shadow-color-rgb),0.467);pointer-events:auto}.scene-photo-panel[hidden]{display:none}.scene-photo-panel .hu-photo-gallery{width:100%}.scene-photo-panel .hu-photo-main .hu-photo-image img{height:min(48vh,390px)}
@media(max-width:650px){.hu-photo-gallery header strong{font-size:calc((16px) * var(--ui-font-scale,1))}.hu-photo-main{grid-template-columns:27px minmax(0,1fr) 27px}.hu-photo-main .hu-photo-image img{height:35vh}.scene-photo-panel{inset:15% auto auto 50%;max-height:75%;padding:9px}.scene-photo-panel .hu-photo-main .hu-photo-image img{height:30vh}.hu-photo-add{display:grid}}
.rack-face-view .rack-cell.busy>.rack-cell-photo{position:absolute;top:2px;right:2px;z-index:2;width:18px;height:18px;display:grid;place-items:center;border:1px solid var(--rx-line-strong);border-radius:3px;background:var(--rx-surface);color:var(--rx-text);font-size:calc((11px) * var(--ui-font-scale,1));line-height:1;text-shadow:none;box-shadow:1px 1px 0 var(--rx-shadow-color)}

.photo-composer{margin:16px 0}.photo-picker-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.photo-picker-actions label.button{cursor:pointer}.photo-picker-actions input[hidden]{display:none}.photo-picker-actions span{font-size:calc((12px) * var(--ui-font-scale,1));color:var(--rx-muted)}.photo-composer-help{font-size:calc((12px) * var(--ui-font-scale,1));line-height:1.5;color:var(--rx-muted)}.photo-composer-error{padding:10px;border:1px solid var(--rx-danger);background:var(--rx-danger-soft);color:var(--rx-danger);font-size:calc((13px) * var(--ui-font-scale,1))}.photo-composer-error[hidden]{display:none}.photo-draft-list{display:grid;gap:12px;max-height:52vh;overflow:auto;padding:2px}.photo-draft{position:relative;display:grid;grid-template-columns:150px 1fr;gap:14px;padding:12px;border:1px solid var(--rx-line);background:var(--rx-surface);box-shadow:2px 2px 0 rgba(var(--rx-shadow-color-rgb),0.125)}.photo-draft>img{width:150px;height:160px;object-fit:contain;background:var(--rx-soft);border:1px solid var(--rx-line)}.photo-draft>div{display:grid;gap:8px;min-width:0}.photo-draft strong{font-size:calc((12px) * var(--ui-font-scale,1));overflow-wrap:anywhere;padding-right:23px}.photo-draft label{display:grid;gap:4px;font-size:calc((12px) * var(--ui-font-scale,1));font-weight:700}.photo-draft select,.photo-draft textarea{width:100%;padding:7px;border:1px solid var(--rx-line);background:var(--rx-surface);font:inherit;color:var(--rx-text)}.photo-draft>button{position:absolute;top:5px;right:5px;background:var(--rx-surface);border:1px solid var(--rx-line);color:var(--rx-text);cursor:pointer}.photo-draft-status{font-size:calc((11px) * var(--ui-font-scale,1));color:var(--rx-muted)}.photo-draft.failed{border-color:var(--rx-accent)}.photo-draft.failed .photo-draft-status{color:var(--rx-accent)}.photo-draft.saved{border-color:var(--rx-line-strong)}.photo-draft.saved .photo-draft-status{color:var(--rx-accent)}.photo-draft-empty{padding:22px;border:1px dashed var(--rx-line);color:var(--rx-muted);font-size:calc((13px) * var(--ui-font-scale,1));text-align:center}.photo-composer-status{font-size:calc((13px) * var(--ui-font-scale,1));color:var(--rx-accent);min-height:18px}.hu-photo-note-edit{justify-self:start;border:1px solid var(--rx-line);background:var(--rx-surface);padding:7px 10px;color:var(--rx-accent);font-size:calc((12px) * var(--ui-font-scale,1));cursor:pointer}.hu-photo-add>small{font-size:calc((11px) * var(--ui-font-scale,1));color:var(--rx-muted)}
@media(max-width:560px){.photo-picker-actions>label{flex:1;justify-content:center;font-size:calc((12px) * var(--ui-font-scale,1))}.photo-draft{grid-template-columns:90px 1fr;gap:9px;padding:9px}.photo-draft>img{width:90px;height:120px}.photo-draft strong{font-size:calc((11px) * var(--ui-font-scale,1))}.photo-draft-list{max-height:48vh}.hu-photo-add .button{white-space:normal}}

.hu-photo-image{position:relative;margin:0;min-width:0;overflow:hidden}.photo-feedback{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center;background:var(--rx-surface);color:var(--rx-text);padding:16px;font-size:calc(12px * var(--ui-font-scale,1));min-height:90px}.hu-photo-image .photo-feedback{position:absolute;inset:0}.photo-feedback[hidden]{display:none!important}.photo-feedback [data-photo-retry]{padding:8px 12px;border:1px solid var(--rx-line-strong);border-radius:8px;background:var(--rx-surface);color:var(--rx-accent);cursor:pointer;font-weight:800}.photo-unavailable{visibility:hidden}.hu-photo-strip button,.hu-photo-gallery-thumbs button{position:relative}.hu-photo-strip .photo-feedback,.hu-photo-gallery-thumbs .photo-feedback{position:absolute;inset:2px;padding:4px;font-size:9px;gap:3px;min-height:0}.rack-cell .photo-feedback{position:absolute;left:12%;right:12%;top:22%;bottom:22%;padding:4px;min-height:0;font-size:10px;z-index:3}.scene-photo-panel .hu-photo-image img{max-width:100%}