.photo-dialog{width:min(1100px,calc(100% - 28px));max-width:1100px;max-height:92dvh;overflow:auto;padding:24px;border:1px solid #41493c;border-radius:18px;background:#101418;color:#f4f6f0;font-family:'DM Sans',sans-serif;box-sizing:border-box}
.photo-dialog::backdrop{background:#050708c9;backdrop-filter:blur(5px)}
.photo-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.photo-dialog h2{font-size:24px;margin:0}.photo-dialog-head button{min-width:44px;font-size:24px}.photo-dialog p{font-size:15px;line-height:1.6}.photo-dialog .klein{font-size:13px;color:#b6bfb5}.photo-status:empty{display:none}.photo-status,.photo-warning{padding:12px;border-radius:8px;background:#273123;color:#e0edce}.photo-intro{max-width:75ch}
.photo-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}.photo-tools button{min-height:44px;padding:10px 14px;font-size:14px}.photo-tools button[aria-pressed=true]{border-color:#d3ff5a;color:#d3ff5a;background:#283322}.photo-tools input[type=range]{accent-color:#d3ff5a;width:160px;min-height:36px}.photo-tools label{display:grid;gap:5px;font-size:13px;flex:1;min-width:140px}.photo-tools label input{width:100%}
.photo-canvas{display:block;width:auto;height:auto;max-width:100%;max-height:54dvh;margin:0 auto;border:1px solid #364039;border-radius:12px;background:#080b0d;touch-action:none;cursor:crosshair;box-sizing:border-box}.photo-area-choice{display:flex!important;align-items:flex-start;gap:10px;line-height:1.5;font-size:14px;margin:14px 0}.photo-area-choice input[type=checkbox]{width:20px;min-width:20px;height:20px;margin:1px 0;accent-color:#d3ff5a}.photo-areas{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.photo-areas button{font-size:13px;min-height:40px}.photo-dialog :focus-visible{outline:2px solid #d3ff5a;outline-offset:3px}
.studio-dialog[data-view=compare]{width:min(1400px,calc(100% - 28px));max-width:1400px}.vehicle-compare-grid{display:grid;grid-template-columns:repeat(var(--count,3),minmax(0,1fr));gap:14px;margin:18px 0}.vehicle-compare-card{min-width:0;background:#161c20;border:1px solid #353e39;border-radius:12px;padding:12px}.vehicle-compare-card h3{font-size:16px;line-height:1.35;margin:12px 0 6px}.vehicle-compare-card p{font-size:13px;line-height:1.5}.vehicle-compare-image{aspect-ratio:3/2;overflow:hidden;border-radius:8px;background:#080b0c}.vehicle-compare-image img{display:block;width:100%;height:100%;object-fit:contain;transform-origin:50% 50%}.studio-quote-delivery{padding:12px;background:#1c2520;border:1px solid #3c5032;border-radius:8px}
@media(max-width:650px){.photo-dialog{padding:16px;width:calc(100% - 16px);max-height:94dvh}.photo-dialog h2{font-size:20px}.photo-tools button{flex:1;min-width:120px}.vehicle-compare-grid{grid-template-columns:1fr}.vehicle-compare-image{aspect-ratio:4/3}.photo-dialog>div>button{margin:6px 4px 6px 0}.photo-tools label{min-width:110px}.photo-canvas{border-radius:6px}}
.photo-dialog-head{position:sticky;top:-24px;background:#101418;z-index:2;padding-top:4px}.photo-dialog summary{cursor:pointer;padding:10px 0}.vehicle-compare-card h3,.vehicle-compare-card p{overflow-wrap:anywhere}
@media(max-width:650px){.photo-dialog-head{top:-16px}.vehicle-compare-grid{grid-template-columns:repeat(var(--count,3),minmax(0,1fr));gap:6px}.vehicle-compare-card{padding:6px}.vehicle-compare-card h3{font-size:12px}.vehicle-compare-card p{font-size:11px}.vehicle-compare-card button{font-size:12px;width:100%;padding:8px 4px}.vehicle-compare-image{aspect-ratio:3/4}}
.photo-tools label input[type=range]{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
@media(max-width:650px){.studio-v7 .studio-dialog[data-view=compare]{width:calc(100vw - 12px);max-width:calc(100vw - 12px);padding:18px 10px;box-sizing:border-box}.studio-dialog .vehicle-compare-card h3{font-size:12px}.studio-dialog .vehicle-compare-card p{font-size:11px;line-height:1.5}.studio-v7 .studio-dialog .vehicle-compare-card button{font-size:12px;min-height:44px}.studio-dialog .photo-tools label{flex-basis:100%;min-width:0}}
