.photo-frame-dialog{width:min(940px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:22px;border:1px solid #deddd5;border-radius:12px;background:#fffefa;color:#24231f;overflow:auto;box-shadow:0 24px 90px #0005}.photo-frame-dialog::backdrop{background:#24231f99;backdrop-filter:blur(3px)}.photo-frame-heading{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:18px}.photo-frame-heading h2{font-size:23px}.photo-frame-heading p{font-size:12px;color:#625d53;margin-top:5px}.photo-frame-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:20px;align-items:start}.photo-frame-stage{position:relative;overflow:hidden;width:100%;max-height:58dvh;background:#eeede6;border:1px solid #d8d6cd;border-radius:6px;cursor:grab;touch-action:none;user-select:none}.photo-frame-stage.is-moving{cursor:grabbing}.photo-frame-stage img{display:block;width:100%;height:100%;max-width:none;position:absolute;inset:0;pointer-events:none}.photo-frame-grid{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,transparent 33.2%,#fff7 33.2%,#fff7 33.5%,transparent 33.5%,transparent 66.5%,#fff7 66.5%,#fff7 66.8%,transparent 66.8%),linear-gradient(to bottom,transparent 33.2%,#fff7 33.2%,#fff7 33.5%,transparent 33.5%,transparent 66.5%,#fff7 66.5%,#fff7 66.8%,transparent 66.8%);opacity:.5}.photo-frame-controls{display:grid;gap:12px;font-size:12px}.photo-frame-controls fieldset{display:grid;gap:7px;margin:0;padding:0;border:0}.photo-frame-controls legend{margin-bottom:8px;font-weight:600}.photo-frame-controls [data-frame-fit]{text-align:left;border:1px solid #deddd5;border-radius:5px;padding:10px;min-height:40px}.photo-frame-controls [aria-pressed=true]{border-color:#a6400a;background:#f7eade;color:#9d370a}.photo-frame-controls select{width:100%;padding:10px;border:1px solid #deddd5;border-radius:5px;background:#fffefa}.photo-frame-controls label{display:flex;justify-content:space-between;gap:10px;font-weight:600}.photo-frame-zoom{display:flex;align-items:center;gap:5px}.photo-frame-zoom input{min-width:0;width:100%;accent-color:#ac400a;height:32px}.photo-frame-zoom button{width:36px;height:36px;flex:none;border:1px solid #deddd5;border-radius:5px;font-size:20px}.photo-frame-hint{font-size:11px;line-height:1.5;color:#625d53;margin-top:8px}.photo-frame-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid #deddd5;position:sticky;bottom:-22px;background:#fffefa;padding-bottom:4px;z-index:2}.framed-photo{display:block;overflow:hidden;position:relative;background:#eeede6;min-width:0}.framed-photo>img{display:block;width:100%;height:100%;max-width:none;margin:0;max-height:none}.work-body .framed-photo{margin:30px auto;max-width:100%}.service-page-gallery .framed-photo>img{height:100%;max-height:none}.capfat-works-featured__media,.capfat-work-thumb,.capfat-service-tile,.image-setting-preview,.cover-photo,.gallery-photo{overflow:hidden}.framed-photo img{transition:none!important}
@media(max-width:600px){.photo-frame-dialog{padding:16px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.photo-frame-heading h2{font-size:20px}.photo-frame-layout{grid-template-columns:1fr;gap:14px}.photo-frame-stage{max-height:40dvh}.photo-frame-controls{grid-template-columns:1fr 1fr;gap:10px}.photo-frame-controls fieldset,.photo-frame-controls>.photo-frame-hint{grid-column:1/-1}.photo-frame-controls fieldset{grid-template-columns:1fr 1fr}.photo-frame-controls legend{grid-column:1/-1}.photo-frame-controls label[for=photo-frame-zoom],.photo-frame-zoom{grid-column:1/-1}.photo-frame-footer{bottom:-16px}.photo-frame-controls select{font-size:16px}.photo-frame-hint{font-size:10px}}
.photo-frame-stage{width:min(100%,calc(58dvh * var(--photo-frame-ratio,1.5)));max-height:none;margin-inline:auto}@media(max-width:600px){.photo-frame-stage{width:min(100%,calc(40dvh * var(--photo-frame-ratio,1.5)))}}
.gallery-actions{position:relative;z-index:2}.settings-background{overflow:hidden}
.settings-background [data-action=frame-background]{right:54px}
.photo-frame-controls>*{min-width:0}
.responsive-only-frame{display:contents}