.photo-editor{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:35px;align-items:start}.photo-preview-column{position:sticky;top:25px}.photo-stage{position:relative;aspect-ratio:1;overflow:hidden;background:#e9e4d8;border-radius:8px;box-shadow:0 15px 35px #253c2315;cursor:crosshair}.photo-stage img{position:absolute;max-width:none;width:var(--photo-width,104%);height:var(--photo-height,104%);left:var(--photo-left,-2%);top:var(--photo-top,-2%)}#photo-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}#photo-placeholder>span{font-size:80px;color:#934d40}.photo-controls fieldset{border:1px solid #d9dbcf;border-radius:12px;padding:22px;margin-bottom:22px}.photo-controls legend{font-weight:700;padding:0 8px}.photo-controls label{display:block;font-weight:600;margin:15px 0 8px}.photo-controls select,.photo-controls textarea{width:100%;max-width:100%}.photo-controls input[type=range]{width:100%;accent-color:#214d3c;padding:0}.photo-controls input[type=color]{height:44px;width:80px;padding:4px}.photo-upload{background:#e7ecd9;border:1px dashed #587353;border-radius:8px;padding:20px;cursor:pointer}.photo-upload span{display:block;font-size:12px;font-weight:400;margin-top:6px}#photo-file{max-width:100%;font-size:12px}.photo-stickers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.photo-stickers button{background:#fff9ee;border:1px solid #ded6c5;border-radius:8px;padding:12px;cursor:pointer;font-size:28px;color:#a65542}.photo-stickers span{display:block;font-size:12px;color:#244b3c}.photo-stickers button:hover{background:#f6dfb3}.photo-controls [hidden],.photo-stage [hidden]{display:none!important}.photo-controls button:focus-visible,.photo-stage:focus-visible{outline:3px solid #b27431;outline-offset:3px}#photo-status{font-size:14px;line-height:1.5;min-height:42px}#photo-status.error{color:#a22f25}.photo-entry{padding:28px;border-radius:12px;background:#f2dfc4;margin-top:30px;display:flex;gap:24px;align-items:center;justify-content:space-between}.photo-entry h2{margin:0 0 8px;font-size:30px}.photo-entry p{margin:0}.photo-entry .button{flex-shrink:0}@media(max-width:750px){.photo-editor{grid-template-columns:1fr;gap:22px}.photo-preview-column{position:static}.photo-controls fieldset{padding:16px}.photo-entry{display:block}.photo-entry .button{margin-top:20px}.photo-controls select{font-size:14px}}
@media(max-width:750px){.photo-preview-column{position:sticky;top:0;z-index:5;background:#fbf8f0;padding:10px 0;display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:8px 12px;align-items:center;border-bottom:1px solid #ddd8cd}.photo-stage{grid-row:1/4}.photo-preview-column>p:first-of-type{display:none}#photo-status{font-size:12px;min-height:0;margin:0}#photo-quality{font-size:11px;margin:0}#photo-placeholder{padding:8px}#photo-placeholder>span{font-size:36px}#photo-placeholder h2{font-size:17px}#photo-placeholder p{font-size:11px}}