html.photo-modal-open{overflow:hidden}
.photo-lightbox{position:fixed;inset:0;box-sizing:border-box;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#010103;color:#eef0f3}
.photo-lightbox::backdrop{background:#010103}
.photo-lightbox[open]{display:flex;align-items:center;justify-content:center}
.photo-lightbox [hidden]{display:none!important}
.photo-lightbox>.photo-close{position:absolute;z-index:4;top:.7rem;right:.7rem}
.photo-lightbox .photo-close{flex:none;display:grid;place-items:center;width:2.8rem;height:2.8rem;padding:.6rem;background:rgba(255,255,255,.03);border:.1rem solid #ffffff35;border-radius:.5rem;color:#eef0f3}
.photo-lightbox .photo-close svg{width:1.6rem;height:1.6rem}
.photo-view-stage{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:1rem;box-sizing:border-box;overflow:hidden}
.photo-view-stage>img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.photo-view-stage .picture-frame-size,.photo-view-stage .picture-frame>img:first-child{max-height:calc(100dvh - 2rem)}
.photo-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:2.6rem;height:2.6rem;box-sizing:border-box;padding:.5rem;background:rgba(15,19,26,.8);border:.1rem solid #ffffff35;color:#eef0f3}
.photo-arrow svg{width:1.5rem;height:1.5rem}
.photo-previous{left:.7rem}.photo-next{right:.7rem}
/* The editor uses the page's existing button classes. Only labels and sliders shrink. */
.photo-editor[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-items:stretch;justify-content:stretch}
.photo-editor-heading{width:100%;box-sizing:border-box;padding:.7rem 1rem;margin:0;border-bottom:.1rem solid #ffffff15;background:#0f131a}
.photo-editor-heading h2{font-size:1.1rem;margin:0}
.photo-tools,.photo-zoom-tools,.photo-history-tools{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}
.photo-zoom-tools{justify-self:end;flex-wrap:nowrap}
.photo-zoom-tools>output{min-width:3rem;text-align:center;font-size:.8rem;color:#949ba4}
.photo-tools .button,.photo-zoom-tools .button,.photo-history-tools .button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2rem}
.photo-tools .button>svg,.photo-zoom-tools .button>svg,.photo-history-tools .button>svg{width:1.2rem;height:1.2rem;flex:none}
.photo-tool[aria-pressed=true],.photo-zoom-tools [data-photo-original][aria-pressed=true]{background:rgba(255,255,255,.05);border-color:#ffffff35}
.photo-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 19rem;min-height:0;overflow:hidden}
.photo-editor-advanced .photo-editor-layout{grid-template-columns:minmax(0,1fr) 24rem}
.photo-editor-stage{position:relative;min-width:0;min-height:0;overflow:hidden;background:rgba(255,255,255,.02);touch-action:none;user-select:none;cursor:default}
.photo-editor-stage[data-tool=hand]{cursor:grab}.photo-editor-stage[data-dragging="1"]{cursor:grabbing}
.photo-editor-stage[data-tool=crop],.photo-editor-stage[data-tool=paint],.photo-editor-stage[data-tool=heal]{cursor:crosshair}
.photo-live-preview{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.photo-image-layer{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;pointer-events:none}
.photo-image-layer>canvas{display:block;width:100%;height:100%;max-width:none;max-height:none}
.photo-image-layer>[data-photo-focus-canvas]{position:absolute;inset:0}
.photo-editor-stage.photo-depth-picking{cursor:var(--photo-focus-cursor,crosshair)}
.photo-image-overlay{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}
.photo-crop-handle{fill:#010103;stroke:#eef0f3;stroke-width:1;vector-effect:non-scaling-stroke}
.photo-crop-shade{fill:#01010399}.photo-crop-box{fill:transparent;stroke:#eef0f3;stroke-width:1;vector-effect:non-scaling-stroke}
.photo-brush-cursor{fill:transparent;stroke:#eef0f3;stroke-width:1;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 .1rem #010103)}
.photo-editor-sidebar{display:flex;flex-direction:column;gap:.8rem;min-width:0;min-height:0;overflow-y:auto;box-sizing:border-box;padding:1rem;margin:0;border:0;border-left:.1rem solid #ffffff15;border-radius:0;background:#0f131a}
.photo-adjustments{display:grid;gap:.8rem}
.photo-adjustment-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem;align-items:start}
.photo-adjustment-group{display:grid;gap:.7rem;min-width:0;margin:0;padding:0 .35rem;border:0;background:transparent}
.photo-adjustment-group-tone{grid-column:1/-1;padding-bottom:1rem;border-bottom:.1rem solid #ffffff15}
.photo-adjustment-group-tone>.photo-adjustments{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem}
.photo-adjustment-group>h3{font-size:.9rem;font-weight:600;line-height:1.3;margin:0}
.photo-editor[data-photo-controls=sliders] [data-photo-control-icon=sliders],
.photo-editor[data-photo-controls=knobs] [data-photo-control-icon=knobs]{display:none}
.photo-adjustment{display:grid;grid-template-columns:minmax(0,1fr) 3rem;gap:.4rem;font-size:.8rem;margin:0}
.photo-control{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.photo-control>.photo-control-label{display:block;box-sizing:border-box;min-width:0;min-height:0;max-width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:inherit;font:inherit;line-height:1.2;text-align:left;cursor:pointer;overflow-wrap:normal}
.photo-control-value{display:inline-flex;align-items:center;justify-content:flex-end;gap:.2rem;color:#949ba4;font-size:.8rem;white-space:nowrap}
.photo-control-value>input{box-sizing:border-box;min-width:0;width:2.7rem;min-height:0;padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:0;color:inherit;font:inherit;text-align:right;appearance:textfield}
.photo-control-value>input::-webkit-inner-spin-button,.photo-control-value>input::-webkit-outer-spin-button{margin:0;appearance:none}
.photo-control-value>span{font-size:.8rem}
.photo-knob{display:none;grid-column:1/-1;justify-self:center;box-sizing:border-box;width:2.8rem;height:2.8rem;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#949ba4;cursor:ns-resize;touch-action:none;user-select:none}
.photo-knob>svg{display:block;width:100%;height:100%;overflow:visible}
.photo-knob-track{fill:none;stroke:#ffffff15;stroke-width:2}
.photo-knob-face{fill:#949ba4;stroke:#ffffff35;stroke-width:1}
.photo-knob-needle{fill:none;stroke:#010103;stroke-width:3;stroke-linecap:round}
.photo-knob:hover .photo-knob-track,.photo-knob:focus-visible .photo-knob-track{stroke:#f39f39}
.photo-knob:disabled{cursor:default}.photo-knob:disabled .photo-knob-face{fill:#0f131a}.photo-knob:disabled .photo-knob-needle{stroke:#949ba4}
.photo-editor[data-photo-controls=knobs] .photo-control>input[type=range]{display:none}
.photo-editor[data-photo-controls=knobs] .photo-knob{display:block;grid-column:1;grid-row:2}
.photo-editor[data-photo-controls=knobs] .photo-control{grid-template-columns:minmax(0,1fr);justify-items:center;gap:.2rem;align-content:start}
.photo-editor[data-photo-controls=knobs] .photo-control-label{grid-column:1;grid-row:1;min-height:1.4rem;display:flex;align-items:center;justify-content:center;text-align:center}
.photo-editor[data-photo-controls=knobs] .photo-control-value{grid-column:1;grid-row:3;justify-content:center}
.photo-editor[data-photo-controls=knobs] .photo-control-value>input{text-align:center;width:2.7rem}
.photo-editor[data-photo-controls=knobs] .photo-adjustment-group>.photo-adjustments{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem .8rem}
.photo-editor[data-photo-controls=knobs] .photo-adjustment-group-tone>.photo-adjustments{grid-template-columns:repeat(4,minmax(0,1fr))}
/* Depth options and strength share the sidebar width. */
.photo-depth-panel{
 grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
 align-items:center;
 gap:.35rem .8rem;
 padding-top:.65rem;
 border-top:.1rem solid #ffffff15;
}
.photo-depth-actions{
 display:grid;
 grid-column:1;
 grid-template-columns:minmax(0,1fr) auto;
 align-items:center;
 column-gap:.65rem;
}
.photo-depth-toggles,.photo-depth-tools{display:grid;gap:.3rem}
.photo-depth-tools{padding-left:.6rem;border-left:.1rem solid #ffffff15}
.photo-depth-strength{grid-column:2;grid-row:1/span 2;min-width:0}
.photo-editor[data-photo-controls=knobs] .photo-depth-strength .photo-control{
 grid-template-columns:minmax(0,1fr) auto;
 justify-items:start;
 align-content:center;
 gap:.15rem .4rem;
}
.photo-editor[data-photo-controls=knobs] .photo-depth-strength .photo-control-label{min-height:0}
.photo-editor[data-photo-controls=knobs] .photo-depth-strength .photo-control-value{grid-row:2;justify-content:flex-start}
.photo-editor[data-photo-controls=knobs] .photo-depth-strength .photo-control-value>input{text-align:left}
.photo-editor[data-photo-controls=knobs] .photo-depth-strength .photo-knob{grid-column:2;grid-row:1/span 2}
.photo-adjustment>output{text-align:right;color:#949ba4;font-size:.8rem}
.photo-adjustment>input{grid-column:1/-1;box-sizing:border-box;width:100%;min-width:0;height:.8rem;margin:0;padding:0;background:transparent;border:0;appearance:none;cursor:pointer;color:#f39f39}
.photo-adjustment>input:disabled{color:#949ba4;cursor:default}
.photo-adjustment>input::-webkit-slider-runnable-track{height:.2rem;background:#ffffff35;border-radius:.1rem}
.photo-adjustment>input::-webkit-slider-thumb{width:.8rem;height:.8rem;margin-top:-.3rem;border:0;border-radius:50%;background:currentColor;appearance:none}
.photo-adjustment>input::-moz-range-track{height:.2rem;background:#ffffff35;border-radius:.1rem}
.photo-adjustment>input::-moz-range-thumb{width:.8rem;height:.8rem;border:0;border-radius:50%;background:currentColor}
.photo-tool-options{display:grid;gap:.8rem;padding-bottom:.8rem;border-bottom:.1rem solid #ffffff15}
.photo-tool-help{font-size:.7rem;color:#949ba4;margin:0;line-height:1.5}
.photo-tool-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.photo-size-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.photo-size-fields>label{display:grid;gap:.4rem;font-size:.8rem}
.photo-size-fields input{box-sizing:border-box;min-width:0;width:100%;font-size:.8rem}
.photo-proportions{display:flex;align-items:center;gap:.4rem;font-size:.8rem}
.photo-editor-brand{margin:0;color:#949ba4;font-size:.7rem;text-align:center;white-space:nowrap}
.photo-editor-status{font-size:.7rem;line-height:1.3;color:#949ba4;margin:0;min-width:0;overflow-wrap:anywhere}
.photo-editor-status:empty{display:none}
.photo-editor-actions{margin:0;display:flex;flex-wrap:nowrap;gap:.5rem;justify-content:flex-end}
@media(max-width:74rem){.photo-tool>span{display:none}}
@media(max-width:46rem){.photo-editor-layout,.photo-editor-advanced .photo-editor-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(9rem,1fr) minmax(0,1fr)}.photo-editor-sidebar{border-left:0;border-top:.1rem solid #ffffff15}.photo-adjustments{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem .8rem}.photo-adjustment-group:not(.photo-adjustment-group-tone)>.photo-adjustments{grid-template-columns:minmax(0,1fr)}.photo-adjustment-groups{gap:.8rem}.photo-editor[data-photo-controls=knobs] .photo-adjustment-group>.photo-adjustments{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-editor-brand{margin:0}.photo-editor-heading h2{font-size:1rem}.photo-zoom-tools{gap:.2rem}.photo-zoom-tools>.button{padding:.4rem}.photo-zoom-tools>output{min-width:2.8rem}.photo-editor-heading{padding:.5rem}.photo-tools{gap:.3rem}.photo-tools>.button{padding:.4rem}.photo-editor-brand{font-size:.7rem}}

.photo-editor-workspace{display:grid;grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;overflow:hidden}
.photo-editor-statusbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(max-content,1fr);align-items:center;gap:.7rem;padding:.4rem .7rem;border-top:.1rem solid #ffffff15;background:#0f131a;min-width:0}
.photo-editor-save-status{display:flex;align-items:center;gap:.5rem;min-width:0}
.photo-editor-footer-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:1rem;min-width:0}
.photo-editor-save-status>.site-spinner{flex:none}
@media(max-width:60rem){.photo-editor-statusbar{grid-template-columns:minmax(0,1fr) auto;gap:.3rem .5rem}.photo-editor-brand{grid-column:1/-1;grid-row:2}.photo-editor-footer-controls{grid-column:2;grid-row:1}}
@media(max-width:46rem){.photo-editor-statusbar{padding:.3rem .5rem}.photo-editor-brand{font-size:.6rem}.photo-editor-save-status{max-width:100%}}

.photo-editor-toolbar{display:grid;grid-template-columns:minmax(max-content,1fr) max-content minmax(max-content,1fr);align-items:center;gap:.7rem;width:100%;min-width:0}
.photo-editor-identity{display:flex;align-items:center;gap:.8rem}
.photo-editor-identity>.brand>img{width:8rem;height:auto}
.photo-history-tools{flex-wrap:nowrap;justify-self:end;margin-left:auto}
.photo-brush-options{grid-column:1/-1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.6rem;min-width:0}
.photo-brush-field{display:flex;align-items:center;gap:.4rem;margin:0;font-size:.8rem;white-space:nowrap}
.photo-brush-number{display:inline-flex;align-items:center;gap:.2rem;padding:.3rem .4rem;border:.1rem solid #ffffff15;border-radius:.4rem;background:#010103}
.photo-brush-number>span{font-size:.6rem;color:#949ba4;user-select:none}
.photo-brush-number>.photo-brush-value{box-sizing:content-box;width:2rem;min-width:0;min-height:0;padding:0;margin:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none;outline:0;color:inherit;font:inherit;text-align:right;appearance:textfield;cursor:ew-resize;touch-action:pan-y}
.photo-brush-value::-webkit-inner-spin-button,.photo-brush-value::-webkit-outer-spin-button{margin:0;appearance:none}
.photo-brush-value:focus{cursor:text}.photo-brush-number:focus-within{border-color:#ffffff35}
.photo-brush-value.is-scrubbing{cursor:ew-resize}
.photo-brush-color{display:flex;align-items:center;margin:0}
.photo-brush-color>input{box-sizing:border-box;width:2rem;height:2rem;padding:.2rem;margin:0;border:.1rem solid #ffffff15;border-radius:.4rem;background:#010103;cursor:pointer}
html.photo-value-scrubbing,html.photo-value-scrubbing *{cursor:ew-resize!important;user-select:none!important}
@media(max-width:46rem){.photo-editor-toolbar{display:flex;flex-wrap:wrap;gap:.4rem}.photo-tools>.photo-tool,.photo-history-tools>.button.icon{box-sizing:border-box;width:2rem;min-width:0;max-width:2rem;padding:.3rem}.photo-brush-options{flex-basis:100%;gap:.5rem}.photo-brush-field{gap:.3rem}.photo-brush-number{padding:.3rem}.photo-brush-color{margin-left:auto}}

@media(max-width:23rem){.photo-editor-footer-controls{grid-column:1/-1;grid-row:2}.photo-editor-brand{grid-row:3}.photo-tools>.photo-tool,.photo-history-tools>.button.icon{width:1.8rem;max-width:1.8rem}}