/* One frame definition for the live maker note and its admin preview. */
.maker-photo-frame{width:82%;max-width:260px;aspect-ratio:4/5;overflow:hidden;border-radius:16px;background:#e7e3d8;margin:24px auto 22px;border:1px solid #d9d3c2}
.maker-photo-frame[data-size=small]{width:64%;max-width:200px}
.maker-photo-frame[data-size=large]{width:100%;max-width:340px}
.maker-photo-frame[data-shape=square]{aspect-ratio:1;border-radius:16px}
.maker-photo-frame[data-shape=circle]{aspect-ratio:1;border-radius:50%}
.maker-photo-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.maker-photo-frame[data-shape=circle][data-fit=contain] img{box-sizing:border-box;padding:15%}
.maker-photo-frame[hidden],[data-maker-photo-fallback][hidden]{display:none!important}
.maker-photo-editor{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;margin-top:28px;padding-top:28px;border-top:1px solid var(--line)}
.maker-photo-controls,.maker-preview-column{min-width:0}
.maker-photo-controls .field-note{margin-top:10px}
.maker-photo-controls input[type=range]{padding:0;min-height:36px;accent-color:var(--forest);background:transparent;border:0}
.maker-photo-controls output{font-size:13px;font-weight:400;color:var(--muted)}
.maker-preview-column{align-self:start;position:sticky;top:24px}
.maker-preview-column>.field-note{margin-top:15px}
.maker-admin-card{width:100%;max-width:365px;margin:12px auto 0;background:#f4eddb;border:1px solid #ded6bf;border-radius:4px;padding:28px 24px 22px;text-align:center;box-shadow:-4px 6px 0 #eeeadd}
.maker-admin-card .maker-label{display:block;font:500 20px/1.4 Lora,Georgia,serif;color:#59634f}
.maker-admin-card .maker-signature{display:block;font:400 27px/1.4 'Patrick Hand',cursive;color:#293b33}
.maker-preview-placeholder{min-height:190px;display:grid;align-content:center;justify-items:center;gap:12px;padding:20px 10px;color:var(--muted)}
.maker-preview-placeholder>span{font-size:42px}
.maker-preview-placeholder>p{font-size:13px;line-height:1.7}
@media(max-width:1100px){.maker-photo-editor{grid-template-columns:minmax(0,1fr)}.maker-preview-column{position:static;max-width:430px;width:100%;margin-inline:auto}}
@media(max-width:600px){.maker-photo-editor{gap:24px}.maker-photo-controls .inline-actions{align-items:stretch;flex-direction:column}.maker-admin-card{padding-inline:24px}}