body.tr-editing{padding-top:70px}
.tr-editorbar{position:fixed;z-index:99999;top:0;left:0;right:0;min-height:70px;background:#292426;color:#fff;display:flex;align-items:center;gap:10px;padding:10px 3vw;box-shadow:0 5px 24px #0004;font:14px Arial,sans-serif}
.tr-editorbar strong{margin-right:auto;letter-spacing:.06em}.tr-editorbar button{border:1px solid #ffffff55;background:transparent;color:#fff;padding:10px 12px;cursor:pointer;font:inherit}
.tr-editorbar .tr-primary,.tr-editorbar .tr-add{background:#9b4255;border-color:#9b4255}.tr-editorbar .tr-state{color:#d9ced1;font-size:12px}
[data-editor-editable]{outline:1px dashed #9b425577;outline-offset:5px;cursor:text;min-height:1em}
[data-editor-editable]:focus{outline:2px solid #9b4255;background:#fff9e7}
[data-editor-image]{cursor:pointer;outline:1px dashed #9b425577;outline-offset:5px}
[data-editor-image]:hover{outline:3px solid #9b4255}
.tr-movable{position:relative}.tr-section-tools{position:absolute;z-index:9000;top:8px;right:8px;display:flex;gap:4px;background:#292426;padding:5px;box-shadow:0 4px 14px #0003}
.tr-section-tools button{width:34px;height:32px;border:1px solid #ffffff44;background:#292426;color:#fff;cursor:pointer;font-size:18px}
.tr-section-tools .tr-drag{cursor:grab}.tr-dragging{opacity:.45}
.tr-insert{position:relative;z-index:8500;height:18px;margin:-9px 0;display:flex;align-items:center;justify-content:center;transition:.18s}
.tr-insert:before{content:"";position:absolute;left:0;right:0;height:1px;background:#9b425555}
.tr-insert button{position:relative;width:30px;height:30px;border:0;border-radius:50%;background:#9b4255;color:#fff;font-size:20px;line-height:1;cursor:pointer;opacity:.72;box-shadow:0 3px 10px #0003}
.tr-insert:hover,.tr-insert.tr-drop{height:48px;margin:-4px 0}.tr-insert:hover button,.tr-insert.tr-drop button{opacity:1;transform:scale(1.12)}
.tr-dialog{position:fixed;z-index:100000;inset:0;background:#171214aa;display:grid;place-items:center;padding:20px;font:15px/1.5 Arial,sans-serif}
.tr-dialogbox{position:relative;width:min(100%,620px);max-height:90vh;overflow:auto;background:#fff;color:#292426;padding:34px;box-shadow:0 22px 70px #0006}
.tr-dialog h2{font:300 30px/1.15 Arial,sans-serif;margin:0 0 12px}.tr-dialog p{color:#686164;margin:0 0 22px}
.tr-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:30px;cursor:pointer}
.tr-wide,.tr-addgrid button{width:100%;border:1px solid #cfc6c8;background:#fff;color:#292426;padding:14px;margin:6px 0;cursor:pointer;font:inherit}
.tr-wide:hover,.tr-addgrid button:hover{border-color:#9b4255;color:#9b4255}.tr-apply{background:#9b4255;color:#fff;border-color:#9b4255}
.tr-addgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tr-dialog canvas{width:100%;max-height:48vh;object-fit:contain;background:#eee;display:block;margin:16px 0}
.tr-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.tr-choice button{border:1px solid #cfc6c8;background:#fff;padding:12px;cursor:pointer}.tr-choice button:hover{border-color:#9b4255;color:#9b4255}
.tr-dialog label{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:12px;margin:10px 0}.tr-dialog input[type=range]{width:100%}
@media(max-width:900px){body.tr-editing{padding-top:128px}.tr-editorbar{min-height:118px;flex-wrap:wrap}.tr-editorbar strong{width:100%}.tr-editorbar .tr-state{order:9;width:100%}}
@media(max-width:560px){body.tr-editing{padding-top:176px}.tr-editorbar{min-height:166px}.tr-editorbar button{padding:8px}.tr-addgrid{grid-template-columns:1fr}.tr-dialogbox{padding:28px 20px}}