body.photo-mode{background:#171c19;color:#f3efe6}.photo-mode #canvas-host,.photo-mode .toolbar,.photo-mode #plan,.photo-mode .readout,.photo-mode .walk-pad,.photo-mode #review,.photo-mode #focus-view{display:none!important}.photo-mode header{background:linear-gradient(#172019cf,#17201900);color:#f3efe6;box-shadow:none;backdrop-filter:none;inset:10px 10px auto;border-radius:0}.photo-mode .draft{color:#e3d5b9;margin-right:0}.photo-mode footer{background:#171c19;color:#e7e2d7;z-index:2}.photo-mode main{inset:0 0 40px}#photo-tour{position:absolute;inset:0;background:#171c19;color:#f3efe6;overflow:hidden}.photo-stage{position:absolute;inset:0 0 144px;overflow:hidden;touch-action:none;cursor:grab}.photo-stage:active{cursor:grabbing}.photo-room{width:100%;height:100%;object-fit:contain;user-select:none;transition:opacity .5s cubic-bezier(.22,.61,.36,1);will-change:transform}.photo-room.photo-loading{opacity:.3}.photo-heading{position:absolute;top:98px;left:32px;pointer-events:none;padding:16px 22px;background:#172019ab;border-radius:4px;max-width:calc(100vw - 64px)}.photo-floor{font-size:9px;text-transform:uppercase;letter-spacing:2.5px;color:#d8c7a5}.photo-heading h1{font:32px/1.2 Georgia,serif;margin:10px 0}.photo-heading p{font-size:10px;color:#cccabe;margin:0}.model-switch{position:absolute;top:100px;right:30px;background:#172019b8;color:#f3efe6;border:1px solid #ffffff38;border-radius:999px;padding:10px 18px;font-size:11px}.photo-controls{position:absolute;bottom:95px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:#172019e8;padding:9px 15px;border-radius:12px;white-space:nowrap}.photo-controls button{color:#efe9dc;background:#ffffff09;border:0;min-width:40px;box-shadow:none}.photo-controls output{font-size:10px;min-width:34px;text-align:center}.photo-select-label{margin:0;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#bfbcb2}.photo-controls select{margin:0;max-width:280px;min-height:32px;padding:0;background:transparent;color:#fff;border:0;box-shadow:none;font-size:12px}.photo-controls option{color:#202722;background:#f2eee5}.photo-control-divider{width:1px;height:22px;background:#ffffff30}.photo-help{position:absolute;bottom:77px;left:0;right:0;text-align:center;font-size:9px;color:#a9aea6}.photo-thumbnails{position:absolute;bottom:0;left:20px;right:20px;display:flex;justify-content:flex-start;gap:7px;overflow-x:auto;padding:6px 0;scrollbar-width:thin}.photo-thumbnails button{flex:0 0 99px;padding:0;background:none;border-radius:3px;box-shadow:none;opacity:.6;color:#eee;overflow:hidden;border:1px solid transparent}.photo-thumbnails button[aria-current=true]{opacity:1;border-color:#d6c8aa}.photo-thumbnails img{width:100%;height:43px;object-fit:cover;display:block}.photo-thumbnails span{display:block;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:3px}.photo-error{position:absolute;top:50%;left:20%;right:20%;background:#172019;padding:24px}.photo-mode button:focus-visible,.photo-mode select:focus-visible{outline:2px solid #dbc398;outline-offset:3px}@media(max-width:700px){.photo-heading{left:16px;top:78px;padding:12px 14px;max-width:70vw}.photo-heading h1{font-size:22px}.photo-heading p{font-size:8px}.model-switch{top:196px;right:16px;font-size:10px;padding:6px 12px}.photo-stage{bottom:200px;top:60px}.photo-controls{bottom:100px;width:calc(100vw - 24px);flex-wrap:wrap;justify-content:center;gap:6px;padding:8px}.photo-controls select{max-width:220px;font-size:10px}.photo-select-label{flex:1}.photo-controls .photo-control-divider{display:none}.photo-help{bottom:80px}.photo-mode .draft{font-size:7px;max-width:160px}.photo-thumbnails{left:12px;right:12px}.photo-controls button{min-height:36px}.photo-reset{font-size:10px}}@media(prefers-reduced-motion:reduce){.photo-room{transition:none}}
.photo-mode #loading{display:none}.photo-thumbnails{scrollbar-width:none}.photo-thumbnails::-webkit-scrollbar{display:none}.photo-controls select{width:270px}.photo-mode .photo-stage:focus{outline:none}.photo-mode .photo-stage:focus-visible{outline:2px solid #dbc398;outline-offset:-4px}@media(max-width:700px){.photo-controls select{width:100%}.photo-select-label{max-width:calc(100% - 100px)}}
