#niche-photo-controls{position:fixed;left:max(12px,env(safe-area-inset-left));top:268px;z-index:19;display:flex;flex-direction:column;gap:8px;pointer-events:auto;font-family:var(--ui-font)}
#niche-photo-controls[hidden]{display:none!important}
#niche-photo-controls button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:var(--control-size,44px);height:var(--control-size,44px);min-width:44px;min-height:44px;padding:4px;border:1px solid var(--hud-edge,#e6ebe461);border-radius:14px;background:var(--hud-surface,#191d1c66);color:var(--hud-text,#e7e9e4);font:inherit;font-size:9px;line-height:1.1;cursor:pointer;backdrop-filter:var(--hud-blur,blur(8px));-webkit-backdrop-filter:var(--hud-blur,blur(8px))}
#niche-photo-controls button[hidden]{display:none!important}
#niche-photo-controls svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
#niche-photo-controls button:disabled{opacity:.45;cursor:wait}
body[data-niche-ui-hidden=true] #app>:not(#world),body[data-niche-ui-hidden=true] #world>:not(canvas),body[data-niche-ui-hidden=true]>:not(#app):not(#niche-photo-controls):not(#niche-photo-preview):not(script):not(style){display:none!important}
body[data-niche-ui-hidden=true] #niche-photo-controls{top:auto;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);flex-direction:row;gap:10px}
#niche-photo-preview{width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);box-sizing:border-box;padding:16px;border:1px solid var(--hud-edge,#e6ebe461);border-radius:20px;background:#1b201df5;color:var(--hud-text,#e7e9e4);font-family:var(--ui-font);overflow:auto;box-shadow:0 16px 56px #0005}
#niche-photo-preview::backdrop{background:#080e0a91}
#niche-photo-preview header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
#niche-photo-preview h2{font-size:17px;font-weight:600;line-height:1.3;margin:0}
#niche-photo-preview button,#niche-photo-preview a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;padding:10px 14px;border:1px solid var(--hud-edge,#e6ebe461);border-radius:12px;background:var(--hud-surface,#191d1c66);color:inherit;font:inherit;font-size:13px;text-decoration:none;cursor:pointer}
#niche-photo-preview [data-photo-close]{width:44px;padding:0;font-size:26px;line-height:1;background:transparent!important;border-color:transparent}
#niche-photo-preview [data-photo-image]{display:block;width:100%;height:auto;max-height:62dvh;object-fit:contain;border-radius:8px;background:#111;user-select:auto;-webkit-user-select:auto;-webkit-touch-callout:default;touch-action:auto}
#niche-photo-preview p{margin:8px 0;font-size:12px;line-height:1.6;color:var(--hud-muted,#c3c9c2)}
#niche-photo-preview [data-photo-size]{font-size:11px;text-align:right;font-variant-numeric:tabular-nums}
#niche-photo-preview [data-photo-status]{color:#f0c7ba}
#niche-photo-preview [data-photo-status]:empty{display:none}
#niche-photo-preview footer{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:14px}
#niche-photo-preview [hidden]{display:none!important}
@media(max-height:620px){#niche-photo-controls{top:auto;bottom:calc(100px + env(safe-area-inset-bottom));gap:5px}#niche-photo-preview [data-photo-image]{max-height:48dvh}}