:root{--primary: #E77130;--text: #535353;--bg-cream: #FFFDF5;--bg-dark: #f4f4f4;--white: #FFFFFF;--editor-bg: #e5e7eb}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--editor-bg);color:var(--text);overflow:hidden}h1,h2,h3{color:var(--primary)}button{cursor:pointer;border:none;background:none;font-family:inherit}.app-container{display:flex;height:100vh;width:100vw}.sidebar{width:320px;background:#fff;border-right:1px solid rgba(0,0,0,.1);padding:20px;display:flex;flex-direction:column;gap:20px;z-index:10;overflow-y:auto}.canvas-area{flex:1;overflow-y:auto;padding:40px;display:flex;flex-direction:column;align-items:center;background-color:#eee}.newsletter-preview{width:600px;background:#fff;box-shadow:0 10px 30px #0000001a;min-height:800px;margin-bottom:50px}.block-wrapper{position:relative;border:1px solid transparent}.block-wrapper:hover{border:1px dashed var(--primary)}.block-actions{position:absolute;right:-45px;top:0;display:flex;flex-direction:column;gap:5px;opacity:0;transition:opacity .2s}.block-wrapper:hover .block-actions{opacity:1}.action-btn{background:#fff;width:35px;height:35px;border-radius:4px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;color:var(--text)}.action-btn:hover{background:var(--primary);color:#fff}.action-btn.delete:hover{background:#ef4444;color:#fff}.sidebar-section{display:flex;flex-direction:column;gap:10px}.sidebar-title{font-size:14px;font-weight:600;text-transform:uppercase;color:#888;letter-spacing:.5px}.draggable-item{padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:grab;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;transition:all .2s}.draggable-item:hover{border-color:var(--primary);background:#fff;transform:translateY(-2px);box-shadow:0 4px 6px #0000000d}.top-bar{width:100%;padding:20px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.btn-primary{background:var(--primary);color:#fff;padding:10px 20px;border-radius:6px;font-weight:600;display:flex;align-items:center;gap:8px}.btn-primary:hover{filter:brightness(1.1)}.editable:focus{outline:2px solid var(--primary);padding:2px}