.mockup-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.mockup-item{position:relative;overflow:hidden;border-radius:8px}.mockup-item img{width:100%;height:auto;display:block;border-radius:8px;cursor:pointer;transition:transform .3s ease}.mockup-item img:hover{transform:scale(1.05)}#mockup-designer{display:flex;flex-direction:row;align-items:flex-start;width:100%;margin-top:20px;margin-bottom:20px}#mockup-preview{position:relative;width:50%;max-width:400px;border:2px solid #ddd;border-radius:8px;overflow:hidden;margin-right:20px}#mockup-preview img{width:100%;height:auto}#design-canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important;cursor:move;display:block}#design-controls{display:flex;flex-direction:column;align-items:center;gap:10px;width:40%;max-width:300px;margin-top:20px;text-align:center}#button-input{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:90px;margin-top:20px;text-align:center}#scale-slider{width:100%;margin:10px 0;align-items:center}#download-design{margin-top:10px;padding:10px 20px;background-color:#0073aa;color:#fff;border:none;border-radius:4px;cursor:pointer}#download-design:hover{background-color:#005177}#advance-editor{background-color:#28a745;color:white;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;margin-top:10px;transition:background-color .3s ease}#advance-editor:hover{background-color:#218838}#rotation-controls{display:flex;gap:10px;margin-top:10px}#rotate-clockwise,#rotate-anticlockwise{padding:10px;font-size:20px;font-weight:700;cursor:pointer;border-color:#fffff;border:dotted;border-width:2px;background-color:#38bcf5;color:white;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 12px rgba(0,0,0,.5)}#rotate-clockwise:hover,#rotate-anticlockwise:hover{background-color:#ffe5b4}.custom-bullet-list{text-align:left;list-style-type:disc;padding-left:20px;margin-top:50px;border:none;border-radius:8px;width:80%;margin-left:auto;margin-right:auto}.custom-bullet-list li{color:blue;font-weight:700;font-style:italic}@media (max-width:768px){#mockup-designer{flex-direction:column;align-items:center;padding:10px}#mockup-preview{width:85%;max-width:100%;margin-right:0;margin-bottom:20px}#design-controls{width:100%;max-width:100%}#design-upload,#scale-slider,#download-design{max-width:100%}#rotation-controls{flex-direction:row;justify-content:center;gap:20px}#rotate-clockwise,#rotate-anticlockwise{width:50px;height:50px;font-size:20px}}@media (max-width:480px){#mockup-designer{padding:10px}#mockup-preview{width:85%;max-width:480px;max-height:600px}#design-controls{flex-direction:column;align-items:center}#design-upload,#scale-slider,#download-design{max-width:100%}#rotation-controls{gap:15px}#rotate-clockwise,#rotate-anticlockwise{width:45px;height:45px;font-size:18px}.custom-bullet-list{width:95%}}