.tool-container{display:grid;grid-template-columns:1fr 450px;gap:48px;align-items:start;max-width:fit-content;margin:2rem auto;padding:1rem;color:#222}.sock-designer__product-page{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;background:#fff;padding:24px;border-radius:16px;box-shadow:0 10px 24px #00000014}.sock-designer__main-canvas{width:fit-content;height:auto;border-radius:12px;border:1px solid #ddd;box-shadow:0 4px 12px #0000000f}.sock-designer__angle-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.sock-designer__angle-button{border:2px solid transparent;cursor:pointer;width:100px;height:200px;object-fit:contain;border-radius:8px;box-shadow:0 2px 6px #00000014;transition:border-color .3s ease,box-shadow .3s ease}.sock-designer__angle-button:hover{box-shadow:0 4px 14px #0000001f}.sock-designer__angle-button.active{border-color:#111;box-shadow:0 6px 20px #0000002e}.title h1{display:block;font-family:Gilroy,sans-serif;font-weight:700;font-size:3rem;padding:1rem;background-color:#333;color:#fff;text-align:center;border-radius:10px;margin-top:-7rem;margin-bottom:-5rem}.sock-color-picker .color-circle{display:inline-block;width:10%;height:auto;aspect-ratio:1/1;border-radius:50%;border:3px solid #ccc;cursor:pointer}.sock-color-picker .color-circle.active{border:3px solid #333}.sock-color-picker{background:#f1f1f1;box-shadow:#64646f33 0 7px 29px;padding:10px;border-radius:8px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.sock-designer__section{margin-bottom:1rem}.sock-designer__section h2{font-family:Gilroy,sans-serif;font-weight:700;font-size:1.8rem;padding:1rem;margin-bottom:1rem;margin-top:0;padding-left:0}.sock-designer__controls{display:flex;flex-direction:column;gap:24px;padding:24px;border-radius:16px;max-width:100%;height:fit-content}.sock-designer__controls label{font-family:Gilroy;font-weight:600;font-size:14px;margin-bottom:4px;display:block}.sock-designer__select,#text-input,#font-select,#color-picker{padding:12px;font-family:Poppins;font-size:2rem;width:100%;border-radius:8px;border:1px solid #ccc;transition:border-color .25s ease,box-shadow .25s ease}.sock-designer__upload{font-family:Poppins;background:#f1f1f1;box-shadow:#64646f33 0 7px 29px;padding:1rem;font-size:1.5rem;width:100%;border-radius:8px}.sock-designer__upload::-webkit-file-upload-button{background-color:#fff;color:#333;padding:8px 16px;font-family:Poppins;border:none;border-radius:10px;font-size:1.5rem;font-weight:700;box-shadow:#64646f33 0 7px 29px;margin-right:1rem;cursor:pointer;transition:background .3s ease}.sock-designer__upload::-webkit-file-upload-button:hover{background-color:#333;color:#fff}.sock-designer_add_text{font-family:Poppins;background:#f1f1f1;box-shadow:#64646f33 0 7px 29px;padding:1rem;width:100%;border-radius:8px}:where(.sock-designer__select,.sock-designer__upload,#text-input,#font-select,#color-picker):focus{outline:none;border-color:#111;box-shadow:0 0 0 3px #11111126}.text-selector-container{margin-top:1.5rem}.text-selector-options{display:flex;margin-top:1.5rem;justify-content:center}#text-label{font-family:Gilroy;font-size:1.7rem}#font-select,#add-text-btn,#text-input,#bold-btn,#italic-btn,#underline-btn{font-size:1.5rem}#color-picker{width:100%;height:50px;border:none;padding:0;cursor:pointer;background:none;appearance:none;-webkit-appearance:none;border-radius:100px}#color-picker::-webkit-color-swatch-wrapper{padding:0;border-radius:100px}#color-picker::-webkit-color-swatch{border:none;border-radius:100px}button{padding:12px 20px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background-color .25s ease,box-shadow .25s ease}.sock-designer__download-button{background:#111;color:#fff;font-family:Poppins;max-width:720px;box-shadow:0 4px 10px #0000001a}.sock-designer__download-button:hover{background:#333}#undo-btn,#redo-btn{font-family:Poppins;background:#f3f3f3;color:#111;margin-right:8px}#bold-btn,#italic-btn,#underline-btn{font-family:Poppins;background:#fff;color:#111;margin-right:8px}#delete-btn{font-family:Poppins;background:#e72027;color:#fff;margin-right:8px}#undo-btn:hover,#redo-btn:hover,#delete-btn:hover,#bold-btn:hover,#italic-btn:hover,#underline-btn:hover{background:#e0e0e0}.text-controls{display:flex;flex-direction:column;gap:12px}#add-text-btn{background-color:#fff;color:#333;width:100%;padding:1rem;font-family:Poppins;box-shadow:0 4px 10px #0000001a}#add-text-btn:hover{background:#e0e0e0}#mock-up-disclaimer{display:none}@media(max-width:1024px){.tool-container{grid-template-columns:1fr}.sock-designer__product-page,.sock-designer__controls{max-width:100%}}@media(max-width:768px){#mock-up-disclaimer{display:block;text-align:center;font-weight:700}.tool-container{display:none;flex-direction:column;gap:20px;margin:1rem auto;padding:.5rem}#selected-color-name{font-size:1.2rem}.title h1{font-size:2rem;margin-top:-3rem;margin-bottom:-2rem;padding:.75rem}.sock-designer__product-page{padding:16px;gap:16px;border-radius:12px;width:100%;height:auto;order:1}.sock-designer__main-canvas{width:100%;max-width:100%;height:auto;border-radius:8px}.sock-designer__angle-buttons{gap:8px;flex-wrap:wrap;justify-content:center}.sock-designer__angle-button{width:70px;height:140px}.mobile-action-buttons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:16px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000f;order:2;margin-bottom:16px}#undo-btn,#redo-btn,#delete-btn{flex:1;min-width:80px;padding:12px 16px;font-size:14px;margin-right:0;border-radius:8px}#delete-btn:hover{background:#c41e3a}.sock-designer__controls{padding:16px;gap:20px;border-radius:12px;order:4;width:100%}.sock-designer__section h2{font-size:1.4rem;padding:.5rem 0;margin-bottom:.75rem}.sock-color-picker{padding:12px;gap:10px;margin-bottom:16px}.sock-color-picker .color-circle{width:15%;min-width:45px;height:45px}.sock-designer__upload{font-size:1.2rem;padding:12px;margin-bottom:16px}.sock-designer__upload::-webkit-file-upload-button{font-size:1.1rem;padding:8px 12px}.sock-designer_add_text{padding:12px;margin-bottom:16px}.sock-designer__select,#text-input,#font-select{font-size:1.2rem;padding:12px}#text-label{font-size:1.4rem}#font-select,#add-text-btn,#text-input,#bold-btn,#italic-btn,#underline-btn{font-size:1.2rem}#add-text-btn{padding:12px;margin-top:12px}.text-selector-options{flex-wrap:wrap;gap:8px;margin-top:12px}#bold-btn,#italic-btn,#underline-btn{padding:8px 12px;font-size:12px;margin-right:4px;margin-bottom:8px}.text-controls{gap:10px}.sock-designer__download-button{width:100%;max-width:none;padding:16px;font-size:1.5rem;border-radius:12px;margin:16px 0 0;order:3}}@media(max-width:480px){#mock-up-disclaimer{display:block;text-align:center;font-weight:700}.tool-container{padding:1rem;gap:16px}.title h1{font-size:1.6rem;padding:.5rem}.sock-designer__product-page{padding:12px;gap:12px}.sock-designer__angle-button{width:60px;height:120px}.mobile-action-buttons{padding:12px}#undo-btn,#redo-btn,#delete-btn{font-size:12px;padding:10px 12px}.sock-designer__controls{padding:12px;gap:16px}.sock-designer__section h2{font-size:1.2rem}.sock-color-picker .color-circle{width:10%;display:flex;min-width:40px;height:40px}.sock-designer__download-button{padding:14px;font-size:1.5rem}}@media(min-width:768px){#mock-up-disclaimer{display:none}}
/*# sourceMappingURL=/cdn/shop/t/105/assets/mock-up-generator.css.map */