:root{--p:#6552e8;--dark:#202231;--line:#e4e5ed;--muted:#6d7080}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--dark);background:#f6f7fb}.editor-bar{height:64px;display:flex;align-items:center;gap:25px;padding:0 28px;background:#fff;border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:900;text-decoration:none;color:var(--dark)}.brand span{color:var(--p)}.editor-bar strong{flex:1}.editor-bar button,.upload-btn{border:0;border-radius:7px;background:var(--p);color:#fff;padding:11px 17px;font-weight:800;cursor:pointer}.editor-bar button:disabled{opacity:.45}.editor-shell{display:grid;grid-template-columns:280px 1fr;min-height:650px}.editor-tools{padding:22px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:11px}.editor-tools button{padding:10px;text-align:left;border:1px solid var(--line);border-radius:7px;background:#fff;color:#3c4152;font-weight:700;cursor:pointer}.editor-tools button:hover{border-color:var(--p);color:var(--p)}.editor-tools label{font-size:13px;font-weight:800;color:#525668}.editor-tools label input[type=range],.editor-tools label input[type=text],.editor-tools select{display:block;width:100%;margin-top:6px}.editor-tools label input[type=text],.editor-tools select{padding:9px;border:1px solid #cfd2dd;border-radius:6px}.editor-tools output{float:right;color:var(--p)}.upload-btn input{display:none}.editor-tools hr{width:100%;border:0;border-top:1px solid var(--line);margin:4px 0}.editor-stage{display:grid;place-items:center;padding:35px;background:#eef0f7}.editor-stage canvas{max-width:100%;max-height:580px;box-shadow:0 15px 38px #20223130;background:linear-gradient(45deg,#e4e6ed 25%,transparent 25%),linear-gradient(-45deg,#e4e6ed 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e4e6ed 75%),linear-gradient(-45deg,transparent 75%,#e4e6ed 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}#editorEmpty{display:flex;flex-direction:column;gap:8px;align-items:center;color:var(--muted)}#editorEmpty b{font-size:23px;color:var(--dark)}.editor-copy{max-width:850px;margin:0 auto;padding:60px 24px;background:#fff;line-height:1.7}.editor-copy h1{font-size:35px}.editor-copy p{color:var(--muted)}@media(max-width:760px){.editor-shell{grid-template-columns:1fr}.editor-tools{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}.editor-tools hr{display:none}.editor-stage{min-height:400px;padding:18px}.editor-bar strong{display:none}}