#app-container{display:flex;justify-content:space-between;gap:1rem;padding:1rem;align-items:stretch}#left-panel,#right-panel{flex:1;padding:1rem;border:1px solid #eee;border-radius:5px;background-color:#f9f9f9}#left-panel{flex:1.5}#right-panel .collapsible-content{padding-top:1rem}#right-panel .controls,#right-panel .slider-container,#right-panel .color-picker-container,#right-panel .radio-group{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}#right-panel .controls button{width:100%}#right-panel .checkbox-container{display:flex;flex-direction:row;align-items:center;gap:.5rem;margin-bottom:1rem}.color-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:10px;padding-top:1rem}.color-box{width:40px;height:40px;border-radius:5px;cursor:pointer;border:2px solid transparent;transition:border-color .3s}details[open]>.accordion__content{max-height:20rem}#right-panel .radio-group{display:flex;flex-direction:row;gap:1rem}#middle-panel{flex:2;display:flex;flex-direction:column;align-items:center;justify-content:center}#canvas-container{width:100%;aspect-ratio:1 / 1;border:1px solid #ccc}.tab-container{width:100%}.tab-nav{display:flex;border-bottom:1px solid #ccc;margin-bottom:1rem}.tab-link{padding:.5rem 1rem;cursor:pointer;border:none;background-color:transparent;border-bottom:2px solid transparent;transition:border-color .3s}.tab-link.active{border-color:#007bff}.tab-content{display:none}.tab-content.active{display:block}.design-finisher-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.design-finisher-modal-content{background-color:#fff;padding:2rem;border-radius:8px;max-width:500px;width:90%}.design-finisher-modal h2{margin-top:0;margin-bottom:1.5rem;font-size:1.5rem;text-align:center}.design-finisher-option{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #eee;border-radius:5px;margin-bottom:1rem;cursor:pointer;transition:background-color .2s}.design-finisher-option:hover{background-color:#f5f5f5}.design-finisher-option-icon{font-size:1.5rem}.design-finisher-option-text h3{margin:0;font-size:1.1rem}.design-finisher-option-text p{margin:.25rem 0 0;font-size:.9rem;color:#666}.design-finisher-modal-buttons{display:flex;justify-content:flex-end;margin-top:1.5rem;gap:1rem}.finish-design-container{margin-top:1rem;width:100%}.finish-design-container button{width:100%;padding:.75rem;font-size:1rem;font-weight:700}.finish-button-price{text-align:center;font-size:1.2rem;font-weight:700;margin-bottom:.75rem;color:#333}.checkbox-field{display:flex;flex-direction:row!important;align-items:center;gap:.5rem}.checkbox-field input{width:auto}.form-field{margin-bottom:1rem}.form-field label{display:block;margin-bottom:.25rem;font-weight:500}.form-field input,.form-field textarea{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px}.design-finisher-options-container{margin:1rem 0}.design-email-form{display:flex;flex-direction:column;gap:1rem}.design-email-form input,.design-email-form textarea{padding:.75rem;border:1px solid #ddd;border-radius:4px}.design-email-form button{padding:.75rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.design-email-form button:hover{background-color:#0056b3}.design-contest-form{display:flex;flex-direction:column;gap:1rem}.design-contest-form input,.design-contest-form textarea{padding:.75rem;border:1px solid #ddd;border-radius:4px}.design-contest-form button{padding:.75rem;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer}.design-contest-form button:hover{background-color:#218838}.finish-button-prominent{background-color:#ff5722;color:#fff;padding:1rem;font-size:1.2rem;transform:scale(1.05)}.finish-button-subtle{background-color:#f1f1f1;color:#333;border:1px solid #ddd}.finish-buttons-container{display:flex;flex-direction:row;justify-content:space-between;gap:.75rem;width:100%;margin-top:1rem}.finish-buttons-container button{flex:1;min-width:0;white-space:nowrap}.canvas-and-colors-container{display:flex;width:100%;gap:1rem}#canvas-container{flex:1;aspect-ratio:1 / 1;border:1px solid #ccc}.color-palette-container{width:100px;padding:.5rem;border:1px solid #eee;border-radius:5px;background-color:#f9f9f9}.color-palette-container h3{margin-top:0;margin-bottom:.5rem;font-size:1rem;text-align:center}.color-palette{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.color-box{width:38px;height:38px;border-radius:5px;cursor:pointer;border:2px solid transparent;transition:border-color .3s}.color-box.selected{border-color:#007bff}
/*# sourceMappingURL=/cdn/shop/t/3/assets/sweater-configurator.css.map */