.photo-desk{margin:32px 0;padding:clamp(20px,3vw,40px);border:1px solid #bca88770;background:#fffaf0;box-shadow:0 12px 28px #5c33120c;position:relative;border-radius:4px 28px 4px 4px}
.photo-desk:before{content:"";position:absolute;right:0;top:0;border-style:solid;border-width:0 28px 28px 0;border-color:transparent #eedec4 transparent transparent}
.photo-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.photo-heading h2{font-family:"Yijian Brush",KaiTi,serif;font-size:clamp(25px,3vw,37px);margin:0 0 8px}.photo-heading p{margin:0;color:#77675c}.photo-upload{position:relative;display:block;color:#923c2b;border:1px solid #b68167;padding:12px 18px;cursor:pointer;flex-shrink:0}.photo-upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}
.photo-images{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.photo-images figure{margin:0;position:relative;min-width:0}.photo-images canvas{display:block;width:100%;aspect-ratio:1;max-height:350px;object-fit:contain;background-color:#f5ecda;background-image:linear-gradient(45deg,#b9a27c0c 25%,transparent 25%,transparent 75%,#b9a27c0c 75%),linear-gradient(45deg,#b9a27c0c 25%,transparent 25%,transparent 75%,#b9a27c0c 75%);background-size:20px 20px;background-position:0 0,10px 10px;border:1px solid #dfd0b8}.photo-images figcaption{padding-top:10px;color:#766052}.photo-empty{position:absolute;inset:20% 10%;display:grid;place-content:center;text-align:center;color:#8e7b66;pointer-events:none}.photo-desk fieldset{border:0;padding:20px 0 0;margin:0}.photo-adjust{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.photo-adjust label{display:flex;align-items:center;gap:10px}.photo-adjust input[type=range]{accent-color:#a53b2d;width:150px}.photo-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}.photo-actions button:not(.button){border:1px solid #cfb596;background:transparent;padding:9px 13px;color:#743b2e}.photo-actions .button{margin-left:auto}.photo-desk details{color:#7a6b5c;font-size:13px;line-height:1.8}.photo-desk button:disabled{opacity:.45;cursor:not-allowed}.photo-desk #photo-draft-status{min-height:1.6em;font-size:14px;color:#845c40}.photo-desk button{transition:background .2s,transform .2s}.photo-desk button:hover:not(:disabled){transform:translateY(-2px)}
@media(max-width:600px){.photo-heading{align-items:flex-start;flex-direction:column}.photo-images{gap:10px}.photo-adjust{gap:14px}.photo-actions .button{width:100%;margin:0}.photo-heading h2{font-size:27px}.photo-adjust input[type=range]{width:135px}}
@media(prefers-reduced-motion:reduce){.photo-desk button{transition:none}.photo-desk button:hover{transform:none}}