.app-container{display:flex;flex-direction:column;height:100%}.menu-bar{padding:1rem;background-color:#fff;box-shadow:0 2px 5px #0000001a;z-index:10}.canvas-container{flex:1}.color-panel{position:absolute;top:20px;left:20px;width:240px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 4px 16px #0000001a;font-family:sans-serif;max-height:80vh;overflow-y:auto}.color-panel h4{margin:0 0 12px;font-size:18px;color:#333;text-align:center}.color-zone{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.color-zone label{flex:1;font-size:14px;color:#444}.color-zone input[type=color]{width:40px;height:30px;border:none;padding:0;background:none;cursor:pointer}