.sv-photo-tools{border-top:1px solid var(--line);padding-block:12px}.sv-photo-open{margin:4px}.sv-photo-open[hidden]{display:none}.sv-photo-dialog{width:min(920px,calc(100vw - 24px));max-height:90vh;overflow:auto;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:18px;padding:24px;box-sizing:border-box}.sv-photo-dialog::backdrop{background:#111827b8}.sv-photo-dialog h2{margin-top:0}.sv-photo-dialog>p{font-size:12px;line-height:1.7}.sv-photo-close{float:inline-end;background:var(--soft);color:var(--text);border:1px solid var(--line);border-radius:8px;font-size:22px;cursor:pointer}.sv-photo-dialog canvas{display:block;max-width:100%;max-height:42vh;object-fit:contain;margin:12px auto;background:repeating-conic-gradient(#b7b7b733 0 25%,transparent 0 50%) 50%/16px 16px;border:1px solid var(--line)}.sv-photo-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sv-photo-controls label{display:grid;gap:5px;font-size:12px;min-width:0}.sv-photo-controls input,.sv-photo-controls select{width:100%;min-width:0;box-sizing:border-box;background:var(--soft);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px;font:inherit}.sv-photo-controls input[type=range]{padding:0;accent-color:var(--primary)}.sv-photo-controls output{font-size:10px;color:var(--muted)}.sv-photo-actions{display:flex;flex-wrap:wrap;gap:8px;margin-block:14px}.sv-photo-actions button{min-height:40px;padding:8px 12px;border:1px solid var(--line);background:var(--soft);color:var(--text);border-radius:8px;cursor:pointer;font:inherit;font-size:12px}.sv-photo-actions .button{background:var(--primary);color:white}.sv-photo-actions button:disabled{opacity:.55;cursor:default}.sv-photo-dialog button:focus-visible,.sv-photo-controls input:focus-visible,.sv-photo-controls select:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.sv-photo-dialog [role=status]{min-height:1.5em}.sv-photo-dimensions{text-align:center}@media(max-width:600px){.sv-photo-dialog{padding:16px}.sv-photo-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.sv-photo-dialog canvas{max-height:32vh}}@media(max-width:360px){.sv-photo-controls{grid-template-columns:1fr}}