*{box-sizing:border-box}.memorial-editor{width:100vw;margin-left:calc(50% - 50vw);min-height:100vh;background:#faf7f2;color:#44403c}.editor-header{padding:20px 28px;background:#fffcf9;border-bottom:1px solid #e7e5e4}.editor-header h1{margin:0;font-size:22px;font-family:Georgia,Times New Roman,serif;color:#292524}.editor-header p{margin:5px 0 0;color:#78716c}.background-selector{background:#fffcf9;padding:15px 25px;border-bottom:1px solid #e7e5e4}.background-selector h3{margin:0 0 10px;font-size:15px;font-family:Georgia,Times New Roman,serif;color:#292524}.background-groups{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:2px}.background-group{border:1px solid #e7e5e4;background:#fff;color:#57534e;padding:8px 15px;border-radius:8px;cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s,color .15s}.background-group:hover{background:#faf5ee;border-color:#d6d3d1}.background-group.active{border-color:#d97706;background:#fef3c7;color:#92400e}.editor-layout{display:grid;grid-template-columns:270px 1fr 300px;min-height:calc(100vh - 150px)}.page-panel{background:#fffcf9;border-right:1px solid #e7e5e4;padding:15px;overflow-y:auto}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel-heading h3{margin:0;font-size:15px;font-family:Georgia,Times New Roman,serif;color:#292524}.panel-heading span{font-size:12px;color:#a8a29e}.page-thumbnail{margin-bottom:12px;border:2px solid transparent;border-radius:10px;padding:5px;cursor:pointer;background:#faf7f2;transition:border-color .15s}.page-thumbnail:hover{border-color:#d6d3d1}.page-thumbnail.selected{border-color:#f59e0b;background:#fffbeb}.thumbnail-preview{position:relative;width:100%;height:130px;overflow:hidden;border-radius:6px;background:#f0ebe3;box-shadow:0 1px 3px #573c201f}.thumbnail-preview>img:first-child{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbnail-photo{position:absolute;width:30%;height:40%;left:35%;top:25%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.thumbnail-info{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.thumbnail-info strong{font-size:12px;color:#57534e}.thumbnail-actions{display:flex;gap:2px}.thumbnail-actions button{border:none;background:transparent;color:#a8a29e;cursor:pointer;padding:3px}.thumbnail-actions button:hover{background:#f5eede;color:#78716c;border-radius:4px}.add-page-section{margin-top:20px;border-top:1px solid #e7e5e4;padding-top:15px}.add-page-section h4{margin:0 0 8px;font-size:14px;font-family:Georgia,Times New Roman,serif;color:#292524}.add-page-button{width:100%;padding:9px;margin-bottom:6px;border:1px solid #e7e5e4;background:#fff;color:#57534e;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:border-color .15s,background .15s,color .15s}.add-page-button:hover{background:#fffbeb;border-color:#fcd34d;color:#92400e}.canvas-area{display:flex;justify-content:center;align-items:flex-start;padding:35px;background:#f0ebe3;overflow:auto}.canvas-wrapper{width:min(100%,900px)}.memorial-page{position:relative;width:100%;aspect-ratio:5.75 / 8.75;background-color:#f5efe3;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;box-shadow:0 10px 30px #00000040;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.oval-photo-frame{position:absolute;width:42%;height:37%;left:29%;top:20%;border-radius:50%/48%;overflow:hidden;background:#ffffff4d;border:3px solid rgba(255,255,255,.9);box-shadow:0 3px 15px #0003;touch-action:none;cursor:move}.oval-photo-frame img{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;max-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;transform-origin:center center;will-change:transform}.photo-placeholder{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:#a8a29e;background:#ffffff80}.cover-photo-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;background:#1c1c1c;touch-action:none;cursor:move}.cover-photo-layer img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;transform-origin:center center;will-change:transform}.cover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.photo-item{position:absolute;z-index:15;cursor:move;touch-action:none;box-shadow:0 2px 10px #00000026;border-radius:4px}.photo-item img{display:block;width:100%;height:auto;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.photo-resize-handle{position:absolute;right:6px;bottom:6px;width:18px;height:18px;background:#fff;border:2px solid #f59e0b;border-radius:50%;cursor:nwse-resize;box-shadow:0 1px 4px #0003}.photo-delete-btn{position:absolute;top:-8px;right:-8px;z-index:45;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:1px solid #f3d8cf;border-radius:50%;background:#b3261e;color:#fff;cursor:pointer;padding:0;box-shadow:0 1px 4px #00000040}.photo-delete-btn:hover{background:#912019}.editable-text{position:absolute;z-index:20;width:85%;padding:5px 10px;cursor:move;color:#111;line-height:1.2;white-space:pre-wrap;-webkit-user-select:text;-moz-user-select:text;user-select:text;pointer-events:none}.editable-text>span,.editable-text .drag-handle,.editable-text .text-size-toolbar{pointer-events:auto}.editable-text.narrow{width:85%}.editable-text:hover{outline:1px dashed rgba(0,0,0,.4)}.editable-text span{outline:none}.drag-handle{position:absolute;top:-12px;left:-15px;opacity:0;background:#fff;border-radius:4px;padding:2px;box-shadow:0 1px 4px #0003;cursor:grab}.page-site-footer{position:absolute;left:0;right:0;bottom:1.5%;z-index:80;text-align:center;font-family:Georgia,Times New Roman,serif;font-size:1.29cqw;letter-spacing:.04em;color:#1e3a5f;text-shadow:0 0 3px rgba(255,255,255,.9),0 0 8px rgba(255,255,255,.7);pointer-events:none}.center-guide{position:absolute;z-index:60;pointer-events:none}.center-guide-v{left:50%;top:0;bottom:0;width:0;border-left:1.5px dashed #f59e0b}.center-guide-h{top:50%;left:0;right:0;height:0;border-top:1.5px dashed #f59e0b}.text-size-toolbar,.drag-handle{text-shadow:none}.text-size-toolbar{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);display:flex;gap:2px;background:#fff;border:1px solid #e7e5e4;border-radius:6px;padding:2px;cursor:default}.text-size-toolbar button{border:none;background:transparent;color:#57534e;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer}.text-size-toolbar button:hover{background:#faf7f2;color:#292524}.toolbar-divider{width:1px;align-self:stretch;margin:2px 3px;background:#e7e5e4}.color-swatch{width:18px!important;height:18px!important;border:1px solid #d6d3d1!important;border-radius:50%!important;padding:0!important}.color-swatch.active{border:2px solid #b45309!important}.align-btn.active{background:#f5eede!important;color:#b45309!important}.font-toggle{width:auto!important;padding:0 4px!important;display:flex;align-items:center;gap:2px;font-size:14px}.font-menu{position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%);min-width:160px;max-height:160px;overflow-y:auto;background:#fff;border:1px solid #e7e5e4;border-radius:6px;padding:3px;z-index:70}.font-menu button{display:block;width:100%!important;height:auto!important;text-align:left;padding:4px 8px!important;font-size:14px;border-radius:4px;color:#44403c}.font-menu button.active{color:#b45309}.editable-text:hover .drag-handle{opacity:1}@media(hover:none){.editable-text .drag-handle{opacity:1}}.forever-watermark{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);opacity:.55;pointer-events:none;z-index:100;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tools-panel{background:#fffcf9;border-left:1px solid #e7e5e4;padding:20px;overflow-y:auto}.tools-panel h3{margin-top:0;font-size:15px;font-family:Georgia,Times New Roman,serif;color:#292524}.tool-section{border-top:1px solid #e7e5e4;padding-top:15px;margin-top:15px}.tool-section h4{margin-top:0;font-size:14px;font-family:Georgia,Times New Roman,serif;color:#292524}.upload-button,.tool-button,.remove-button{width:100%;padding:10px;margin-bottom:8px;border-radius:8px;border:1px solid #e7e5e4;background:#fff;color:#57534e;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;transition:border-color .15s,background .15s,color .15s}.upload-button{border-color:#fcd34d;color:#92400e;background:#fffbeb}.upload-button:hover{background:#fef3c7}.tool-button:hover{background:#faf7f2;border-color:#d6d3d1}.remove-button{background:#fff7f5;border-color:#f3d8cf;color:#b3261e}.remove-button:hover{background:#fdeee9}.text-control{border:1px solid #e7e5e4;padding:10px;border-radius:8px;margin-bottom:10px;background:#faf7f2}.text-control label{display:block;font-size:12px;font-weight:600;margin-bottom:4px;color:#78716c}.text-control textarea,.text-control input,.text-control select{width:100%;padding:7px;margin-bottom:8px;border:1px solid #e7e5e4;border-radius:6px;background:#fff;color:#44403c}.text-control textarea:focus,.text-control input:focus,.text-control select:focus{outline:none;border-color:#f59e0b}.text-control input[type=color]{padding:2px;height:34px;cursor:pointer}.help-text{font-size:12px;line-height:1.5;color:#a8a29e}.tribute-photo-strip{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-top:4px}.tribute-photo-strip button{flex-shrink:0;width:44px;height:44px;border-radius:6px;overflow:hidden;border:1px solid #e7e5e4;background:#fff;cursor:pointer;padding:0}.tribute-photo-strip button:hover{border-color:#f59e0b}.tribute-photo-strip img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.photo-page-message{margin-top:20px;padding:15px;background:#faf7f2;border:1px solid #e7e5e4;border-radius:10px;font-size:13px;line-height:1.5}.photo-page-message h4{margin:0 0 6px;font-size:14px;font-family:Georgia,Times New Roman,serif;color:#292524}.photo-page-message p{margin:0;color:#78716c}@media(max-width:768px){.memorial-editor{width:100%;margin-left:0;overflow-x:hidden}.editor-layout{grid-template-columns:1fr}.page-panel{border-right:none;border-bottom:1px solid #e7e5e4;max-height:230px}.page-list{display:flex;gap:10px;overflow-x:auto}.page-thumbnail{min-width:120px}.thumbnail-preview{height:100px}.tools-panel{border-left:none;border-top:1px solid #e7e5e4}.canvas-area{padding:15px}}@media(max-width:600px){.editor-header{padding:15px}.editor-header h1{font-size:19px}.background-selector{padding:12px}.canvas-area{padding:10px}}@media(max-width:1024px){.text-size-toolbar{padding:4px;gap:3px}.text-size-toolbar button{min-width:44px;min-height:44px;padding:8px}.color-swatch{min-width:44px!important;min-height:44px!important}.font-toggle{min-height:44px;padding:0 10px!important}.photo-resize-handle,.photo-delete-btn{width:44px;height:44px}}