.canvas-container{display:flex;flex-direction:column;height:100%;width:100%;position:relative}.drawing-controls{background-color:#2a2a2a;border-radius:15px;padding:15px;margin-top:15px;margin-left:15px;width:fit-content;color:#fff;display:flex;gap:20px;align-items:center;position:absolute;z-index:100}.canvas-subcontainer{flex:1;position:absolute;width:100%;height:100%}.control-group{display:flex;align-items:center;gap:10px;margin:0}.control-group label{margin:0;white-space:nowrap}.control-group input[type=range]{width:100px}.drawing-canvas{flex:1;width:100%}.clear-button{width:100%;padding:8px;background-color:#444;color:#fff;border:none;border-radius:5px;cursor:pointer}.clear-button:hover{background-color:#555}.clear-button:disabled{background-color:#333;cursor:not-allowed}.drawing-canvas{flex:1;cursor:crosshair;background-color:#fff}.drawing-canvas.selecting{cursor:crosshair}.selection-tool{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.selection-rectangle{position:absolute;border:2px dashed #007bff;background-color:#007bff1a;pointer-events:none;z-index:20}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;width:90%;max-width:500px;padding:20px;position:relative;max-height:90vh;overflow-y:auto}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;color:#666}.close-button:hover{color:#333}.selection-preview{margin:15px 0;text-align:center;border:1px solid #ddd;padding:10px;border-radius:4px;background-color:#f9f9f9}.selection-preview img{max-width:100%;max-height:200px;object-fit:contain}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500}textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;resize:vertical;font-family:inherit}.error-message{color:#dc3545;margin-bottom:15px;font-size:14px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.cancel-button{padding:8px 16px;background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer}.generate-button{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.generate-button:hover{background-color:#0069d9}.generate-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed}.loading-indicator{display:flex;flex-direction:column;align-items:center;margin-top:20px}.spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #007bff;width:30px;height:30px;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app{display:flex;flex-direction:column;height:100vh;width:100%}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#fff;box-shadow:0 2px 4px #0000001a}.app-main{flex:1;position:relative;overflow:hidden}.toolbar{display:flex;gap:10px}.tool-button{padding:8px 16px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.tool-button:hover{background-color:#e0e0e0}.tool-button.active{background-color:#007bff;color:#fff;border-color:#0069d9}.tool-button:disabled{opacity:.6;cursor:not-allowed}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}*{box-sizing:border-box}