.quote-photo-editor{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line,#2b2f36);border-radius:12px;margin:10px 0;background:var(--surface-raised,#12151a);grid-column:1/-1;color:var(--text,#f7f5f0)}
.quote-photo-preview{flex:none;display:grid;place-items:center;width:60px;height:80px;padding:0;border:1px solid var(--line,#2b2f36);border-radius:8px;overflow:hidden;background:var(--surface,#0d0f12);color:var(--muted,#a4a9b2);font:inherit;font-size:9px;cursor:default;opacity:1!important}.quote-photo-preview.is-editable{cursor:grab}.quote-photo-preview img{display:block;width:100%;height:100%;object-fit:cover}.quote-photo-tools{min-width:0}.quote-photo-tools>strong{font-size:.8rem}.quote-photo-actions{display:flex;gap:7px;flex-wrap:wrap;margin:6px 0}.quote-photo-actions button,.quote-crop-dialog button{font:inherit;cursor:pointer;border:1px solid var(--line,#2b2f36);border-radius:8px;padding:7px 10px;background:var(--surface-soft,#171a20);color:var(--text,#f7f5f0);font-size:.75rem}.quote-photo-actions [data-upload]{border-color:#976432;color:var(--accent,#f19e4b);background:var(--accent-soft,rgba(241,158,75,.13))}.quote-photo-editor small{display:block;color:var(--muted,#a4a9b2);font-size:.67rem;line-height:1.45}.quote-photo-actions button:disabled{opacity:.45;cursor:default}
.quote-crop-dialog{box-sizing:border-box;background:#12151a;color:#f7f5f0;border:1px solid #34383f;border-radius:18px;padding:22px;width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;font:inherit}.quote-crop-dialog::backdrop{background:rgba(0,0,0,.78)}.quote-crop-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px}.quote-crop-head small{color:#f19e4b;font-size:10px;letter-spacing:.1em}.quote-crop-head h2{font-size:20px;margin:5px 0 0}.quote-crop-head button{font-size:22px;padding:2px 10px}.quote-crop-body{display:grid;grid-template-columns:216px 1fr;gap:24px;align-items:center}.quote-crop-frame{position:relative;width:216px;aspect-ratio:3/4;overflow:hidden;background:#070809;touch-action:none;cursor:grab;border:1px solid #f19e4b;border-radius:8px}.quote-crop-frame:active{cursor:grabbing}.quote-crop-frame img{position:absolute;max-width:none;max-height:none;pointer-events:none;user-select:none;object-fit:fill}.quote-crop-controls p{font-size:12px;line-height:1.7;color:#a4a9b2}.quote-crop-controls label{display:block;font-size:12px;margin:16px 0}.quote-crop-controls output{float:right;color:#f19e4b}.quote-crop-controls input{display:block;accent-color:#f19e4b;padding:0;width:100%;margin-top:8px}.quote-crop-feedback{font-size:12px;color:#a4a9b2;margin:18px 0}.quote-crop-footer{display:flex;justify-content:flex-end;gap:10px}.quote-crop-footer [data-apply]{background:#f19e4b;color:#17120c;font-weight:700;border-color:#f19e4b}.quote-crop-dialog button:disabled{opacity:.5;cursor:wait}.quote-crop-dialog :focus-visible{outline:2px solid #f19e4b;outline-offset:3px}@media(max-width:520px){.quote-crop-dialog{padding:16px}.quote-crop-body{grid-template-columns:1fr;gap:8px}.quote-crop-frame{width:165px;margin:0 auto}.quote-crop-controls p{margin:5px 0}.quote-crop-controls label{margin:9px 0}.quote-crop-head{margin-bottom:12px}.quote-crop-feedback{margin:12px 0}.quote-photo-actions button{padding:6px 8px;font-size:.69rem}}
