.memorial-editor { width:min(980px,calc(100vw - 24px)); max-height:94dvh; padding:0; border:1px solid #d9cce2; border-radius:6px; color:#302936; background:#fff; }
.memorial-editor::backdrop { background:#25202a99; }
.memorial-editor header,.memorial-editor footer { display:flex; align-items:center; justify-content:space-between; padding:16px 22px; gap:12px; border-bottom:1px solid #e2dce7; }
.memorial-editor h2 { font-family:inherit; font-size:18px; margin:0; }
.memorial-editor form { display:flex; flex-direction:column; max-height:94dvh; }
.memorial-editor header,.memorial-editor footer { flex-shrink:0; background:#fff; }
.memorial-editor footer { border-top:1px solid #e2dce7; border-bottom:0; }
.memorial-editor main { overflow-y:auto; min-height:0; }
.memorial-editor main { padding:20px; }
.memorial-editor label { display:grid; gap:6px; margin-bottom:14px; }
.memorial-editor [hidden] { display:none !important; }
.memorial-editor textarea,.memorial-editor input[type=file] { width:100%; box-sizing:border-box; }
.memorial-editor input { accent-color:#784092; }
.memorial-editor textarea { border:1px solid #cbbfd3; padding:10px; font:inherit; }
.memorial-editor button { padding:9px 14px; border:1px solid #cbbfd3; border-radius:4px; background:#f4edf8; color:#66367d; cursor:pointer; }
.memorial-editor button[type=submit] { background:#784092; color:white; }
.memorial-portrait-section h3 { margin:0 0 14px; padding:10px 12px; background:#f6f2f7; border-bottom:1px solid #ded6e3; font:600 14px/1.5 system-ui,sans-serif; }
.memorial-crop { display:grid; grid-template-columns:minmax(0,1fr) 230px; gap:22px; margin:0 0 24px; }
.memorial-crop-stage { position:relative; width:100%; height:440px; min-width:0; background:#eaecef; overflow:hidden; border:1px solid #cbbfd3; }
.memorial-crop-stage>canvas { display:block; max-width:100%; }
.memorial-crop-stage>canvas[hidden],.memorial-crop-empty[hidden] { display:none; }
.memorial-crop-empty { position:absolute; inset:0; display:grid; place-items:center; padding:20px; color:#696171; font-size:13px; text-align:center; }
.memorial-crop .cropper-container { touch-action:none; }
.memorial-crop .cropper-view-box { outline:2px solid #fff; outline-color:#fff; }
.memorial-crop .cropper-line,.memorial-crop .cropper-point { background:#843891; opacity:1; }
.memorial-crop .cropper-point { width:12px; height:12px; border:2px solid white; box-sizing:border-box; }
.memorial-crop .cropper-point.point-se { width:16px; height:16px; }
.memorial-crop .cropper-face { background:transparent; }
.memorial-crop-preview { width:105px; height:140px; overflow:hidden; background:#eaecef; margin-bottom:18px; border:1px solid #d5cbdc; }
.memorial-crop aside { min-width:0; }
.memorial-crop h4 { margin:0 0 10px; font:600 13px/1.5 system-ui,sans-serif; }
.memorial-crop input[type=range] { width:100%; margin:0; }
.memorial-crop input[type=file] { font-size:12px; }
.memorial-editor input[type=file]::file-selector-button { padding:8px; border:1px solid #cbbfd3; background:#f6f2f7; border-radius:4px; color:#66367d; margin:0 8px 8px 0; cursor:pointer; }
.memorial-editor button:disabled { opacity:.5; cursor:default; }
.memorial-editor input:focus-visible,.memorial-editor button:focus-visible { outline:2px solid #843891; outline-offset:2px; }
.memorial-editor .memorial-check { display:flex; align-items:flex-start; gap:10px; }
@media(max-width:650px) { .memorial-crop { grid-template-columns:minmax(0,1fr); gap:16px; } .memorial-crop-stage { height:340px; } .memorial-crop aside { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px 16px; } .memorial-crop aside h4,.memorial-crop aside label:has(input[type=file]) { grid-column:1/-1; } .memorial-crop-preview { grid-row:3/5; } .memorial-editor main { padding:14px; } .memorial-editor header,.memorial-editor footer { padding:12px 14px; } }