.photo-dialog[data-slot=dialog-content]{overscroll-behavior:contain;border-radius:1.1rem;flex-direction:column;gap:1rem;width:calc(100vw - 2rem);max-height:calc(100dvh - 2rem);padding:1.5rem;display:flex;overflow:hidden auto;max-width:460px!important}.photo-dialog[data-slot=dialog-content]>*{flex-shrink:0;min-width:0}.photo-dialog [data-slot=dialog-header]{text-align:start;gap:.4rem;padding-inline-end:1.5rem}.photo-dialog [data-slot=dialog-description]{font-size:.8125rem;line-height:1.6}.photo-dialog .photo-editor-stage{border:1px solid var(--border);background:var(--background);isolation:isolate;border-radius:.875rem;place-items:center;padding:.875rem;display:grid;position:relative}.photo-dialog .portrait-crop{aspect-ratio:1;width:min(100%,clamp(160px,29dvh,264px));min-height:0;box-shadow:0 0 0 1px var(--border);border-radius:50%;margin:0;position:relative;overflow:hidden}.photo-dialog .portrait-crop canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.photo-dialog .crop-circle{box-shadow:none;border-color:color-mix(in srgb,var(--foreground) 45%,transparent)}.photo-dialog .portrait-crop:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.photo-dialog .photo-picker-preview{margin:0}.photo-dialog .photo-loading{border-radius:inherit;background:color-mix(in srgb,var(--card) 90%,transparent);justify-content:center;align-items:center;gap:.5rem;font-size:.8125rem;display:flex;position:absolute;inset:0}.photo-dialog .photo-editor-controls{gap:.875rem;display:grid}.photo-dialog .crop-zoom{direction:ltr;grid-template-columns:44px minmax(0,1fr) 44px 3.25rem;align-items:center;gap:.625rem;width:100%;max-width:none;display:grid}.photo-dialog .crop-zoom input{appearance:none;cursor:pointer;width:100%;min-width:0;height:44px;accent-color:var(--primary);background:0 0;margin:0}.photo-dialog .crop-zoom input::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--primary) var(--photo-zoom-progress),var(--border) var(--photo-zoom-progress));border-radius:4px;height:4px}.photo-dialog .crop-zoom input::-webkit-slider-thumb{appearance:none;border:3px solid var(--card);background:var(--primary);width:18px;height:18px;box-shadow:0 0 0 1px var(--primary);border-radius:50%;margin-top:-7px}.photo-dialog .crop-zoom input::-moz-range-track{background:var(--border);border-radius:4px;height:4px}.photo-dialog .crop-zoom input::-moz-range-progress{background:var(--primary);border-radius:4px;height:4px}.photo-dialog .crop-zoom input::-moz-range-thumb{border:3px solid var(--card);background:var(--primary);width:12px;height:12px;box-shadow:0 0 0 1px var(--primary);border-radius:50%}.photo-dialog .crop-zoom input:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:6px}.photo-dialog .crop-zoom input:disabled{opacity:.55;cursor:not-allowed}.photo-dialog .photo-zoom-value{text-align:center;font-variant-numeric:tabular-nums;color:var(--muted-foreground);background:var(--muted);border:1px solid var(--border);border-radius:.5rem;padding:.35rem .2rem;font-size:.75rem}.photo-dialog .photo-edit-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem;display:grid}html body .photo-dialog .photo-edit-tools>.button{overflow-wrap:normal;width:100%;min-width:0;min-height:4rem;box-shadow:none;flex-direction:column;gap:.4rem;padding:.625rem .375rem;font-size:.75rem;line-height:1.4}.photo-dialog .photo-edit-tools>.button>svg{color:var(--primary)}.photo-dialog .photo-edit-tools>.button:hover{border-color:var(--primary);background:var(--muted)}.photo-dialog .photo-choose-empty{gap:.5rem;display:grid}.photo-dialog .photo-choose-empty>.button{width:100%}.photo-dialog .photo-hint{font-size:.75rem}.photo-dialog .photo-dialog-actions{border-top:1px solid var(--border);align-items:stretch;gap:.75rem;margin:0;padding-top:1rem;display:flex}html body .photo-dialog .photo-dialog-actions>.button{overflow-wrap:normal;flex:1;min-width:0;margin:0;padding-inline:.625rem;font-size:.8125rem}@media (width<=480px){.photo-dialog[data-slot=dialog-content]{gap:.875rem;padding:1rem}.photo-dialog .crop-zoom{grid-template-columns:44px minmax(0,1fr) 44px 3rem;gap:.375rem}.photo-dialog .photo-editor-stage{padding:.75rem}.photo-dialog .photo-edit-tools{gap:.5rem}}
