body,html{height:100%;margin:0;padding:0;font-family:Segoe UI,sans-serif;background:#f0f2f5}.editor-layout{display:flex;height:100vh}.controls-panel{width:350px;background:#fff;padding:1.5rem;box-shadow:2px 0 10px #0000001a;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.controls-panel h2{margin-bottom:1rem}.section{display:flex;flex-direction:column;gap:.5rem}input[type=text],select{padding:.5rem;font-size:1rem}input[type=range]{width:100%}.canvas-container{flex:1;display:flex;justify-content:center;align-items:center;background:#eaeaea}.reset-btn{margin-top:1rem;padding:.75rem;font-weight:700;background:#e53e3e;color:#fff;border:none;cursor:pointer;border-radius:5px}