.modal{display:block;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;background-color:#000000e6}.modal-content{margin:auto;padding:20px;width:90%;max-width:1200px}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:20px}.image-grid img{width:100%;height:auto;border-radius:8px;cursor:pointer}.close{color:#fff;position:absolute;right:25px;top:10px;font-size:35px;font-weight:700;cursor:pointer}.drawing-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;position:relative;padding-bottom:80px}#drawingCanvas{background-color:#fff;cursor:crosshair;max-width:100%;max-height:calc(100vh - 100px)}.drawing-controls{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;background:#fffffff2;padding:15px 20px;border-radius:8px;box-shadow:0 4px 6px #0000004d;z-index:1000;-webkit-user-select:none;user-select:none}.drawing-controls.unlocked{cursor:move;cursor:grab}.drawing-controls.unlocked:active{cursor:grabbing}.drawing-controls button{padding:5px 10px;cursor:pointer}.drawing-controls input,.drawing-controls button{pointer-events:auto}.locked{filter:grayscale(100%)}.lock-overlay{position:absolute;width:50px;height:50px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}h1 span:nth-child(1){color:red}h1 span:nth-child(2){color:orange}h1 span:nth-child(3){color:#ff0}h1 span:nth-child(4){color:green}h1 span:nth-child(5){color:#00f}h1 span:nth-child(6){color:indigo}h1 span:nth-child(7){color:violet}h1 span:nth-child(8){color:red}h1 span:nth-child(9){color:orange}h1 span:nth-child(10){color:#ff0}h1 span:nth-child(11){color:green}h1 span:nth-child(12){color:#00f}h1 span:nth-child(13){color:indigo}h1 span:nth-child(14){color:red}h1 span:nth-child(15){color:orange}h1 span:nth-child(16){color:#ff0}h1 span:nth-child(17){color:green}h1 span:nth-child(18){color:#00f}h1 span:nth-child(19){color:indigo}h1 span:nth-child(20){color:violet}h1 span:nth-child(21){color:red}h1 span:nth-child(22){color:orange}h1 span:nth-child(23){color:#ff0}h1 span:nth-child(24){color:green}h1 span:nth-child(25){color:#00f}h1 span:nth-child(26){color:indigo}
