.photo-tools{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3);border:1px solid var(--border);border-radius:8px;background:var(--surface);margin-bottom:var(--space-2);font-size:var(--text-xs)}
.photo-tools>span{color:var(--muted)}
.photo-tools>div{display:flex;align-items:center;gap:var(--space-2)}
.photo-tools button{min-width:44px;min-height:44px}
.photo-tools output{min-width:55px;text-align:center}
.canvas-gesture-help{margin-bottom:var(--space-3)}
#design-canvas.photo-selected{cursor:grab}
#design-canvas.dragging-photo{cursor:grabbing!important}
.whole-wrap-start{border:1px solid var(--border);border-radius:8px;background:var(--bg);padding:var(--space-3);margin:var(--space-4) 0}
.whole-wrap-start>button,.whole-wrap-start>p{margin-top:var(--space-3)}
.whole-wrap-upload{display:flex;align-items:center;justify-content:center;cursor:pointer;min-height:48px;border:1px solid var(--accent);color:var(--accent);border-radius:6px;padding:var(--space-3);font-size:var(--text-sm);text-align:center}
.whole-wrap-upload:focus-within{outline:2px solid var(--accent);outline-offset:3px}
.whole-wrap-upload input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
#whole-wrap-controls[hidden],#photo-orientation[hidden]{display:none}
#whole-wrap-controls>p{margin-top:var(--space-3)}
#whole-wrap-controls .button-row,#photo-orientation .button-row{flex-wrap:wrap}
#whole-wrap-controls button,#photo-orientation button{min-height:44px;font-size:var(--text-xs)}
#photo-orientation button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
.quest-profile{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3);border:1px solid var(--border);border-radius:8px;background:var(--bg)}
.quest-profile label{font-size:var(--text-xs);color:var(--muted)}
.quest-profile select{width:auto;max-width:100%;font-size:var(--text-sm)}
.quest-profile p{width:100%}
@media(max-width:700px){.photo-tools>div{width:100%;justify-content:space-between}.quest-profile{align-items:stretch}.quest-profile label{width:100%}.quest-profile select{flex:1 1 100%;min-width:0}.quest-profile>button{width:100%}}
#vehicle-photo-dialog{width:min(1320px,96vw);max-width:none;max-height:96dvh;padding:24px;overflow:auto}
#vehicle-photo-dialog::backdrop{background:#06090dcc;backdrop-filter:blur(5px)}
.vehicle-photo-views{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}
.vehicle-photo-views button{text-align:left;min-height:58px}
.vehicle-photo-views button.active{border-color:var(--accent);background:#ff704215}
.vehicle-photo-views span{display:block;font-size:11px;color:var(--muted);margin-top:4px}
.vehicle-photo-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}
.vehicle-photo-stage{position:relative;display:grid;place-items:center;min-height:320px;background:#090c10;border:1px solid var(--border);border-radius:8px;overflow:hidden}
.vehicle-photo-stage>p{padding:32px;max-width:420px;color:var(--muted);text-align:center}
#vehicle-photo-canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}
#vehicle-photo-canvas[hidden],#vehicle-photo-empty[hidden]{display:none}
.vehicle-photo-controls{min-width:0}
.vehicle-photo-controls button{min-height:44px;margin-top:10px}
.vehicle-photo-controls input[type=file]{font-size:12px;max-width:100%}
.vehicle-photo-controls .label{margin-top:14px}
#vehicle-photo-status{padding-top:16px}
.photo-budget{padding:14px;border:1px solid var(--border);border-radius:8px;margin-bottom:16px;background:var(--bg)}
.photo-budget strong{font-size:var(--text-sm);font-weight:500}
.photo-budget progress{display:block;width:100%;height:7px;margin:10px 0;accent-color:var(--accent)}
.plate-privacy{border:1px solid #366575;border-radius:8px;padding:12px;margin-top:14px;min-width:0}
.plate-privacy legend{font-size:12px;color:#a9e6f5;padding:0 5px}
@media(max-width:800px){#vehicle-photo-dialog{padding:14px}.vehicle-photo-layout{grid-template-columns:1fr}.vehicle-photo-views{grid-template-columns:repeat(2,1fr)}.vehicle-photo-stage{min-height:220px}.vehicle-photo-controls{display:block}}
