@font-face{font-family:Inter;src:url(../inter.ttf) format("truetype");font-weight:400 600;font-style:oblique italic}html,body,#root{width:100%;height:100%;margin:0;padding:0}html{font-size:87.5%}body{font-family:Inter,sans-serif;line-height:1.75;color:#202020}a{color:#007be5}a:hover{color:#33a0ff}img{max-width:100%}p{margin:0 0 1rem;padding:0}p:last-child{margin-bottom:0}:is(h1,h2,h3,h4,h5,h6){margin:3rem 0 1.38rem;padding:0;font-weight:600;line-height:1.3}:is(h1,h2,h3,h4,h5,h6):first-child{margin-top:0}:is(h1,h2,h3,h4,h5,h6):last-child{margin-bottom:0}h1{font-size:3.052rem}h2{font-size:2.441rem}h3{font-size:1.953rem}h4{font-size:1.563rem}h5{font-size:1.25rem}h6{font-size:1rem}.editor{width:100%;height:100%;display:grid;grid-template:"stage properties" 1fr / auto 240px;position:relative}.persistence-status-text{font-size:11px;font-weight:500;padding:8px 0;text-align:center;transition:opacity .2s ease}.persistence-status-text.saving{color:#0d99ff}.persistence-status-text.saved{color:#28a745;opacity:.7}.persistence-status-text.error{color:#dc3545}.text-align-left{text-align:left}.text-align-center{text-align:center}.text-align-right{text-align:right}.stage{padding:20px;overflow:auto}.row{display:flex;max-width:760px;min-width:300px;min-height:24.5px;margin:0 auto;padding:20px;gap:40px}.row:empty{outline:1px solid #e6e6e6}.column{flex:1 1 0;min-width:0;overflow-wrap:break-word}.column:empty{outline:1px solid #e6e6e6}.column>img{display:block;width:100%;height:100%;object-fit:cover}.image-placeholder{height:100%;min-height:120px;display:grid;place-items:center;background:#f3f3f3}.image-placeholder>svg{max-width:40px;max-height:40px;margin:20px;color:#d0d0d0}.row:hover,.row:hover>.column:not(.selected){outline:1px solid #0d99ff66}.row.selected,.column.selected{outline:2px solid #0d99ff}.properties{box-sizing:border-box;display:flex;flex-direction:column;font-size:12px;line-height:18px;border-left:1px solid #e6e6e6}.properties-content{flex:1;overflow:auto}.properties-footer{border-top:1px solid #e6e6e6;background:#fafafa}.section{border-bottom:1px solid #e6e6e6}.section.selected{border-bottom:1px solid #0d99ff}.section.nested{padding-left:14px}.section>*{margin:14px}.section-header{font-weight:700;display:flex;align-items:center;gap:4px}.section-header.clickable{cursor:pointer}.section-header.clickable:hover{color:#33a0ff}.nested-icon{width:12px;height:12px;color:gray}.action{all:unset;display:block;color:#007be5;cursor:pointer}.action:hover{color:#33a0ff}.action.delete{color:#e53e3e}.action.delete:hover{color:#f56565}.action:focus-visible{outline:2px solid #0d99ff;outline-offset:1px}.action.danger{color:#f24822}.action.danger:hover{color:#ff7a5c}.text-field{display:flex;align-items:center;gap:8px}.text-field input{flex:1 1 0;box-sizing:border-box;min-width:0;height:28px;padding-left:7px;font:inherit;border:1px solid #e6e6e6;border-radius:2px}.text-field input:focus{border:1px solid #0d99ff;outline:1px solid #0d99ff;outline-offset:-2px}.textarea-field textarea{display:block;box-sizing:border-box;width:100%;padding:5px 7px;font:inherit;border:1px solid #e6e6e6;border-radius:2px;resize:none}.textarea-field textarea:focus{border:1px solid #0d99ff;outline:1px solid #0d99ff;outline-offset:-2px}.button-group-field{display:flex;align-items:center;justify-content:space-between}.button-group{display:inline-flex;gap:1px;border:1px solid #e6e6e6;border-radius:2px}.button-group>button{all:unset;box-sizing:border-box;display:grid;place-content:center;height:24px;min-width:24px;padding:0 4px;cursor:pointer}.button-group>button:not(:last-child){box-shadow:1px 0 #e6e6e6}.button-group>button:focus-visible{outline:2px solid #0d99ff}.button-group>button.selected{background:#e6e6e6}