body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f7f9fc;color:#333;font-family:Inter,Helvetica Neue,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,Noto Sans SC,Noto Sans TC,Noto Sans KR,sans-serif;line-height:1.6;scroll-behavior:smooth}.app-container{margin:0 auto;max-width:1000px;padding:0 20px 20px}h1{color:#2c3e50;font-size:1.8rem;margin-bottom:20px;padding-top:120px;text-align:center}.language-selector-tier{background:#fff;border-bottom:1px solid #f0f0f0;display:flex;justify-content:flex-end;padding:8px 40px}.lang-list{align-items:center;color:#888;display:flex;font-size:12px}.lang-list span{cursor:pointer;transition:color .2s}.lang-list span.active{color:#3498db;font-weight:700}.lang-list span:hover:not(.divider){color:#333}.lang-list .divider{color:#ddd;cursor:default;margin:0 8px}h2{border-left:4px solid #3498db;color:#3498db;font-size:1.5rem;margin:20px 0 15px;padding-left:10px}h3{color:#2c3e50;font-size:1.2rem;margin:15px 0 10px}.privacy-notice{background-color:#f0f7ff;border:none;border-radius:20px;color:#555;display:inline-block;font-size:13px;left:50%;margin-bottom:30px;padding:10px 20px;position:relative;text-align:center;transform:translateX(-50%)}.privacy-notice:before{content:"🛡️";margin-right:8px}.error-message{background-color:#fff6f6;border:1px solid #fadbd8;border-radius:5px;color:#e74c3c;font-size:14px;font-weight:700;margin-bottom:20px;padding:12px;text-align:center}.loading{align-items:center;background-color:#fffc;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;margin-bottom:15px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{color:#333;font-size:18px}.section-container{margin-bottom:30px;scroll-margin-top:100px}.section-title{font-size:28px;font-weight:700;margin-bottom:50px;position:relative;text-align:center}.section-title:after{background-color:#000;bottom:-20px;content:"";height:2px;left:0;margin:0 auto;position:absolute;right:0;width:80px}.flow{margin-bottom:60px}.flow .wrapper{margin:0 auto;max-width:940px;padding:0 20px}.flow .item{display:flex;margin-bottom:50px}.flow .item .step{background-color:#e0e0e0;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%);flex-shrink:0;font-weight:700;height:140px;margin-right:7%;padding-top:20px;text-align:center;transition:background-color .3s ease;width:160px}.flow .item .step.active{background-color:#ffed58}.flow .item .step .title{display:block;font-size:18px}.flow .item .step .no{display:block;font-size:56px}.flow .item .text dt{font-size:22px;font-weight:500;margin-bottom:15px}.flow .item .text dd{line-height:1.8}.template-container{background-color:#ffed58;border-radius:8px;box-shadow:0 2px 10px #0000000d;clip-path:polygon(0 0,100% 10%,100% 90%,0 100%);margin-bottom:60px;padding:80px 20px;text-align:center}.template-container h2.section-title{color:#2c3e50}.templates-grid{flex-wrap:wrap;gap:20px;margin:30px 0}.template-button,.templates-grid{display:flex;justify-content:center}.template-button{background-color:#fff;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#2c3e50;cursor:pointer;flex-direction:column;height:120px;padding:20px 15px;transition:all .3s ease;width:220px}.template-button:hover{background-color:#f8f8f8;box-shadow:0 6px 8px #00000026;transform:translateY(-2px)}.template-name{font-size:18px;font-weight:700;margin-bottom:10px}.template-size{font-size:14px;opacity:.9}.upload-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;clip-path:polygon(0 10%,100% 0,100% 90%,0 100%);margin-bottom:60px;padding:80px 30px;text-align:center}.upload-area{border:2px dashed #3498db;border-radius:8px;cursor:pointer;margin:20px 0;padding:40px 20px;transition:all .3s ease}.upload-area:hover{background-color:#f5f9ff;border-color:#2980b9}.upload-icon{color:#3498db;display:block;font-size:48px;margin-bottom:15px}.tips-container{background-color:#f8f9fa;border-radius:5px;margin-top:20px;padding:15px;text-align:left}.tips-container ul{padding-left:20px}.tips-container li{color:#555;font-size:14px;margin-bottom:8px}.crop-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;clip-path:polygon(0 0,100% 10%,100% 100%,0 90%);margin-bottom:60px;padding:80px 20px}.zoom-control{align-items:center;display:flex;gap:10px;justify-content:center;margin:15px 0}.zoom-control input[type=range]{-webkit-appearance:none;appearance:none;background:#ddd;border-radius:4px;height:8px;outline:none;width:250px}.zoom-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3498db;border-radius:50%;cursor:pointer;height:18px;width:18px}.stage-container{background-color:#f9f9f9;border:1px solid #ddd;display:flex;justify-content:center;overflow:hidden;padding:10px}.crop-tips,.stage-container{border-radius:5px;margin:20px 0}.crop-tips{background-color:#f8f9fa;border-left:4px solid #3498db;padding:15px;text-align:left}.crop-tips ul{padding-left:20px}.crop-tips li{color:#555;font-size:14px;margin-bottom:8px}.result-container{background-color:#ffed58;border-radius:8px;box-shadow:0 2px 10px #0000000d;clip-path:polygon(0 10%,100% 0,100% 100%,0 100%);margin-bottom:20px;padding:80px 20px}.result-images{display:flex;justify-content:center;margin:20px 0}.layout-info{color:#666;font-size:14px;margin-top:10px;text-align:center}.print-instructions{background-color:#ffffffb3;border-radius:5px;margin:20px 0;padding:15px;text-align:left}.print-instructions ol{padding-left:20px}.print-instructions li{color:#555;font-size:14px;margin-bottom:8px}.button-container{display:flex;gap:15px;justify-content:center;margin:25px 0 10px}.crop-button,.download-button{background-color:#2ecc71;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;min-width:180px;padding:12px 24px;transition:all .3s ease}.crop-button:hover,.download-button:hover{background-color:#27ae60;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.back-button,.reset-button{background-color:#e74c3c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;min-width:180px;padding:12px 24px;transition:all .3s ease}.back-button:hover,.reset-button:hover{background-color:#c0392b;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.actual-size-container{background-color:#fff;border:1px solid #ddd;box-shadow:0 2px 8px #0003;margin:0 auto}.actual-size-info{color:#2c3e50;font-size:14px;font-weight:700;margin-top:20px;text-align:center}.result-img{border:none;box-shadow:none;display:block}.print-note{background-color:#ffffffb3;border-left:4px solid #3498db;border-radius:4px;color:#555;font-size:14px;margin:20px 0;padding:10px 15px}.section-container.active{opacity:1}.section-container:not(.active){opacity:.7}@media (max-width:768px){.flow .item{margin-bottom:30px}.flow .item .step{height:80px;margin-right:20px;padding-top:10px;width:80px}.flow .item .step .title{font-size:14px}.flow .item .step .no{font-size:32px}.flow .item .text dt{font-size:18px}.flow .item .text dd{font-size:14px}.app-container{padding:15px 10px}.templates-grid{align-items:center;flex-direction:column}.template-button{max-width:280px;width:90%}.button-container{flex-direction:column;gap:10px}.back-button,.crop-button,.download-button,.reset-button{width:100%}.zoom-control input[type=range]{width:180px}.crop-container,.result-container,.template-container,.upload-container{clip-path:polygon(0 0,100% 5%,100% 95%,0 100%);padding:60px 15px}}.sticky-header{background-color:#fffffffa;box-shadow:0 2px 10px #0000001a;left:0;padding:0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.steps-indicator{justify-content:space-around;margin:0 auto;max-width:800px;padding:15px 0;padding:0 20px}.step-item,.steps-indicator{align-items:center;display:flex}.step-item{cursor:pointer;flex-direction:column;margin:0 5px;opacity:.5;position:relative;transition:all .3s ease;width:23%}.step-item.active{opacity:1}.step-pennant{align-items:center;background-color:#e0e0e0;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);display:flex;height:40px;justify-content:center;margin-bottom:8px;position:relative;width:40px}.step-item.active .step-pennant{background-color:#ffed58}.step-number{font-size:16px;font-weight:700;position:relative;top:-5px}.step-title{font-size:14px;font-weight:500;text-align:center;white-space:nowrap;width:100%}.step-item:not(:last-child):after{background-color:#e0e0e0;content:"";height:2px;position:absolute;right:-50%;top:20px;width:100%;z-index:-1}.step-item.active:not(:last-child):after{background-color:#ffed58}.video-intro-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;clip-path:polygon(0 0,100% 0,100% 90%,0 100%);margin-bottom:60px;padding:50px 20px 80px;text-align:center}.video-wrapper{border-radius:10px;box-shadow:0 4px 15px #00000026;margin:30px auto;max-width:800px;overflow:hidden;padding-top:56.25%;position:relative}.intro-video{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.video-description{line-height:1.8;margin:20px auto;max-width:700px}.scroll-down-button{align-items:center;animation:pulse 2s infinite;background-color:#ffed58;border:none;bottom:30px;box-shadow:0 4px 10px #0003;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);color:#333;cursor:pointer;display:flex;height:100px;justify-content:center;opacity:0;position:fixed;right:30px;transform:translateY(20px);transition:all .3s ease;visibility:hidden;width:100px;z-index:900}.scroll-down-button.visible{opacity:1;transform:translateY(0);visibility:visible}.scroll-down-button:hover{background-color:#ffe924;transform:translateY(-2px)}.scroll-down-button svg{height:40px;position:relative;top:-10px;width:40px}@keyframes pulse{0%{box-shadow:0 0 0 0 #ffed5866}70%{box-shadow:0 0 0 10px #ffed5800}to{box-shadow:0 0 0 0 #ffed5800}}@media (max-width:600px){.scroll-down-button{bottom:20px;height:40px;right:20px;width:40px}.actual-size-info{font-size:12px}.print-instructions ol{padding-left:18px}.print-note{font-size:12px;padding:8px 12px}.step-pennant{height:30px;width:30px}.step-number{font-size:14px;top:-3px}.step-title{font-size:10px}.sticky-header{padding:10px 0}.steps-indicator{padding:0 10px}.step-item:not(:last-child):after{right:-30%;width:60%}.video-intro-container{padding:30px 15px 60px}}
/*# sourceMappingURL=main.1b9efd1e.css.map*/