.planner-grid.photo-mode{grid-template-columns:minmax(0,1fr)}
.photo-mode>.planner-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.photo-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin:0 0 14px}
.photo-toolbar strong{font-size:20px}
.photo-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.photo-actions button{border:1px solid #aab5c2;background:white;color:var(--blue);padding:10px 15px;min-height:44px;cursor:pointer}
.photo-actions button:focus-visible{outline:3px solid #cf9b00;outline-offset:3px}
.photo-actions button:disabled{opacity:.45;cursor:default}
.photo-actions #expandKitchenPhoto{background:var(--blue);color:white}
.photo-actions output{min-width:48px;text-align:center;font-size:14px}
.photo-stage{height:clamp(420px,72vh,820px);overflow:auto;display:flex;align-items:flex-start;padding:0;touch-action:pan-x pan-y;overscroll-behavior:contain;background:#e5e8ec}
.photo-canvas{position:relative;flex:none;margin:auto;aspect-ratio:16/9;width:100%;background:#eef0f3;overflow:hidden}
.photo-canvas>img{display:block;width:100%;height:100%;object-fit:contain}
.photo-canvas>p{position:absolute;inset:30% 8%;text-align:center;color:#536172}
.photo-canvas .photo-piece img{height:auto;aspect-ratio:1;max-height:none;object-fit:contain}
.photo-workspace.photo-expanded{position:fixed;inset:12px;z-index:2000;background:white;padding:20px;box-shadow:0 0 0 100vmax #102747e8;display:flex;flex-direction:column;overflow:hidden}
.photo-expanded .photo-stage{height:auto;flex:1;min-height:0}
.photo-expanded .photo-toolbar{flex:none}
.photo-expanded .note{font-size:12px;margin:8px 0}
.photo-expanded .photo-size-label{margin-top:4px}
.photo-expanded #photoEquipmentSize{margin:4px 0;flex:none}
@media(max-width:900px){.photo-mode>.planner-panel{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.photo-mode>.planner-panel{display:block}.photo-stage{height:65svh;min-height:340px}.photo-toolbar{align-items:flex-start}.photo-toolbar strong{font-size:18px}.photo-actions{gap:6px}.photo-actions button{padding:8px 12px}.photo-workspace.photo-expanded{inset:0;padding:12px}.photo-expanded .photo-toolbar{margin-bottom:8px}.photo-expanded .photo-stage{min-height:0}.photo-expanded .note{font-size:11px;line-height:1.4}}