/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
.image-frame-editor{--frame-dock-offset:var(--space-4);padding:calc(env(safe-area-inset-top) + var(--space-4)) var(--space-4) max(env(safe-area-inset-bottom), var(--space-4));color:var(--color-surface);outline:none;flex-direction:column;display:flex;position:absolute;inset:0;overflow-y:auto}.image-frame-editor__header{text-align:center;gap:var(--space-2);padding-bottom:var(--space-3);flex-shrink:0;display:grid}.image-frame-editor__header>div:last-child{opacity:.7}.image-frame-editor__stage{min-height:min(25dvh, calc(var(--form-control-height) * 3));touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;flex:1 1 0;place-items:center;display:grid;position:relative;overflow:hidden;container-type:size}.image-frame-editor__stage--moving{cursor:grabbing}.image-frame-editor__frame{aspect-ratio:4/5;background:var(--color-surface);width:min(80cqw,67.2cqh);position:relative}.image-frame-editor__frame>img{pointer-events:none;max-width:none;max-height:none;position:absolute}.image-frame-editor__mask{border:1px solid var(--color-surface);position:absolute;inset:0;box-shadow:0 0 0 100vmax #07080cb3}@supports (color:color-mix(in lab, red, red)){.image-frame-editor__mask{box-shadow:0 0 0 100vmax color-mix(in srgb, var(--color-photo-backdrop) 70%, transparent)}}.image-frame-editor__mask{pointer-events:none}.image-frame-editor__guides{pointer-events:none;background:linear-gradient(90deg,#0000 calc(50% - .5px),#ffffffa6 50%,#0000 calc(50% + .5px)),linear-gradient(#0000 calc(50% - .5px),#ffffffa6 50%,#0000 calc(50% + .5px));position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.image-frame-editor__guides{background:linear-gradient(to right, transparent calc(50% - .5px), color-mix(in srgb, var(--color-surface) 65%, transparent) 50%, transparent calc(50% + .5px)), linear-gradient(to bottom, transparent calc(50% - .5px), color-mix(in srgb, var(--color-surface) 65%, transparent) 50%, transparent calc(50% + .5px))}}.image-frame-editor__status{inset:var(--space-5);text-align:center;background:var(--color-photo-backdrop);place-items:center;display:grid;position:absolute}.image-frame-editor__dock{width:min(100%, var(--dialog-max-width));border:1px solid #ffffff29;flex-shrink:0;align-self:center;position:relative}@supports (color:color-mix(in lab, red, red)){.image-frame-editor__dock{border:1px solid color-mix(in srgb, var(--color-surface) 16%, transparent)}}.image-frame-editor__dock{border-radius:var(--radius-xl);background:#07080ce0}@supports (color:color-mix(in lab, red, red)){.image-frame-editor__dock{background:color-mix(in srgb, var(--color-photo-backdrop) 88%, transparent)}}.image-frame-editor__dock{-webkit-backdrop-filter:blur(var(--space-5));backdrop-filter:blur(var(--space-5));overflow:hidden}.image-frame-editor__controls{gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-2);display:grid}.image-frame-editor__scale-label,.image-frame-editor__scale,.image-frame-editor__tools,.image-frame-editor__arrows,.image-frame-editor__footer{align-items:center;gap:var(--space-2);display:flex}.image-frame-editor__scale-label{font-variant-numeric:tabular-nums;justify-content:space-between}.image-frame-editor__scale input{width:100%;min-width:0;height:var(--form-control-height);appearance:none;cursor:pointer;background:0 0}.image-frame-editor__scale input::-webkit-slider-runnable-track{height:var(--d-space-2);border-radius:var(--radius-pill);background:linear-gradient(to right, var(--color-surface) var(--frame-scale-progress), #ffffff3d var(--frame-scale-progress))}@supports (color:color-mix(in lab, red, red)){.image-frame-editor__scale input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--color-surface) var(--frame-scale-progress), color-mix(in srgb, var(--color-surface) 24%, transparent) var(--frame-scale-progress))}}.image-frame-editor__scale input::-webkit-slider-thumb{appearance:none;width:var(--space-5);height:var(--space-5);margin-top:calc((var(--d-space-2) - var(--space-5)) / 2);border:2px solid var(--color-surface);background:var(--color-surface);border-radius:50%;box-shadow:0 0 0 1px #ffffff3d}@supports (color:color-mix(in lab, red, red)){.image-frame-editor__scale input::-webkit-slider-thumb{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-surface) 24%, transparent)}}.image-frame-editor__scale input::-moz-range-track{height:var(--d-space-2);border-radius:var(--radius-pill);background:#ffffff3d}@supports (color:color-mix(in lab, red, red)){.image-frame-editor__scale input::-moz-range-track{background:color-mix(in srgb, var(--color-surface) 24%, transparent)}}.image-frame-editor__scale input::-moz-range-progress{height:var(--d-space-2);border-radius:var(--radius-pill);background:var(--color-surface)}.image-frame-editor__scale input::-moz-range-thumb{width:var(--space-5);height:var(--space-5);border:2px solid var(--color-surface);background:var(--color-surface);border-radius:50%;box-shadow:0 0 0 1px #ffffff3d}@supports (color:color-mix(in lab, red, red)){.image-frame-editor__scale input::-moz-range-thumb{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-surface) 24%, transparent)}}.image-frame-editor__scale input:disabled{opacity:.5;cursor:default}.image-frame-editor__scale input:focus-visible{outline:2px solid var(--color-surface);outline-offset:var(--space-1);border-radius:var(--radius-sm)}.image-frame-editor__tools{flex-wrap:wrap;justify-content:space-between}.image-frame-editor__tools>button{width:auto;padding-inline:var(--space-3)}.image-frame-editor__arrows{gap:0}.image-frame-editor__footer{padding:var(--space-4) var(--space-5);padding-bottom:max(var(--space-4), env(safe-area-inset-bottom));border-top:1px solid #ffffff3d;justify-content:flex-end}@supports (color:color-mix(in lab, red, red)){.image-frame-editor__footer{border-top:1px solid color-mix(in srgb, var(--color-surface) 24%, transparent)}}.image-frame-editor__error{color:var(--color-destructive)}.image-frame-editor__arrows{justify-content:center;overflow:hidden}.image-frame-editor__footer{padding:var(--space-3) var(--space-4)}.image-frame-editor__chevron{display:inline-flex}.image-frame-editor__chevron svg{width:var(--space-4);height:var(--space-4)}@media (width>=1024px){.image-frame-editor{--frame-dock-offset:var(--d-space-5);padding:var(--d-space-5)}.image-frame-editor__header{gap:var(--d-space-3);padding-bottom:var(--d-space-4)}.image-frame-editor__dock{border-radius:var(--d-radius-lg)}.image-frame-editor__controls{gap:var(--d-space-3);padding:var(--d-space-5) var(--d-space-5) var(--d-space-3)}.image-frame-editor__scale{gap:var(--d-space-3)}.image-frame-editor__scale input{height:var(--d-control-lg)}.image-frame-editor__tools>button{padding-inline:var(--d-space-4)}.image-frame-editor__footer{gap:var(--d-space-3);padding:var(--d-space-4) var(--d-space-5)}}@media not all and (width>=1024px){.image-frame-editor__tools{gap:var(--space-1);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.image-frame-editor__tools>button,.image-frame-editor__tools>div>button{width:100%;padding-inline:var(--space-1);font-size:var(--font-size-caption);border:0}.image-frame-editor__footer{grid-template-columns:1fr 1fr;display:grid}.image-frame-editor__footer>p{grid-column:1/-1}.image-frame-editor__scale input{height:var(--control-min-touch)}}@media (prefers-reduced-transparency:reduce){.image-frame-editor__dock{background:var(--color-photo-backdrop);-webkit-backdrop-filter:none;backdrop-filter:none}}