.circle[data-v-4dcc1e35]{position:absolute;width:40px;height:40px;background-color:#007aff;border-radius:50%;transform:translate(-50%,-50%);cursor:grab;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .2s}.circle[data-v-4dcc1e35]:active{transform:translate(-50%,-50%) scale(.95)}.image-section[data-v-51fb7c2e]{background-color:#fff;display:flex;justify-content:center;align-items:center}.image-container[data-v-51fb7c2e]{position:relative;max-width:100%;width:100%;height:auto}.image-container img[data-v-51fb7c2e]{display:block;width:100%;height:auto;max-width:600px;border-radius:20px;box-shadow:0 10px 20px rgba(0,0,0,.1)}.input-section[data-v-21835790]{margin-bottom:30px}.input-section h2[data-v-21835790]{font-size:28px;margin-bottom:20px}.circle-input[data-v-21835790]{margin-bottom:20px;padding:15px;background-color:#fff;border-radius:15px;box-sizing:border-box;box-shadow:0 5px 15px rgba(0,0,0,.05)}.input-group[data-v-21835790]{margin-bottom:10px}.input-group label[data-v-21835790]{display:block;margin-bottom:5px;font-size:14px;color:#1c1c1e}.input-group input[data-v-21835790]{width:100%;padding:12px;border-radius:10px;border:1px solid #d1d1d6;font-size:16px;background-color:#f2f2f7;box-sizing:border-box}.input-group input[data-v-21835790]:focus{border-color:#007aff;background-color:#fff}.input-section button[data-v-21835790]{padding:12px 20px;background-color:#34c759;color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:16px;transition:background-color .3s}.input-section button[data-v-21835790]:hover{background-color:#28a745}.material-selection[data-v-97861046]{margin-bottom:30px}.material-selection h2[data-v-97861046]{font-size:28px;margin-bottom:20px}.materials[data-v-97861046]{display:flex;flex-wrap:wrap;gap:10px}.material-item[data-v-97861046]{padding:12px 20px;background-color:#f2f2f7;border-radius:12px;cursor:pointer;font-size:16px;color:#1c1c1e;transition:background-color .3s,transform .2s}.material-item[data-v-97861046]:hover{background-color:#e5e5ea}.material-item.selected[data-v-97861046]{background-color:#007aff;color:#fff}.material-item[data-v-97861046]:active{transform:scale(.98)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#fff;color:#1c1c1e}h1,h2,h3,h4,h5,h6{font-weight:400}a{color:#007aff;text-decoration:none}button{font-family:inherit}.app-container{display:flex;flex-direction:column;min-height:100vh}.content-wrapper{max-width:960px;margin:0 auto;padding:0 10px;flex:1;width:100%;box-sizing:border-box}.image-section,.main-content{display:flex;flex:1}.image-section{justify-content:center;align-items:center}.customization-section{flex:1;position:relative;background-color:#f9f9f9;display:flex}.rotated-title{position:absolute;top:20px;left:-50px;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:24px;color:#7f7f7f}.customization-content{margin:auto;width:80%;max-width:400px}.submit-button{padding:15px 30px;background-color:#007aff;color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:16px;transition:background-color .3s}.submit-button:hover{background-color:#005fcb}.submitted-data{margin-top:30px}.submitted-data h2{margin-bottom:15px}.submitted-data ul{list-style-type:none;padding:0}.submitted-data li{margin-bottom:10px}@media (max-width:768px){.main-content{flex-direction:column}.customization-section{position:static;width:100%}.rotated-title{position:static;transform:none;writing-mode:horizontal-tb;text-align:center;margin-bottom:20px}.customization-content{width:100%;max-width:none}.customization-section,.image-section{flex:none}.image-section{padding:20px 0;max-width:100%}.image-section img{max-width:100%;height:auto}}