*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#1f2937;background:#f4f7fb;font-family:Arial,Helvetica,sans-serif}button,input{font-family:inherit}button{cursor:pointer;transition:all .25s}button:disabled{opacity:.6;cursor:not-allowed}.app{min-height:100vh}.studio-banner-header{background:0 0;width:100%;height:auto;min-height:0;margin:0;padding:0;overflow:hidden}.studio-banner-header img{object-fit:contain;object-position:center;width:100%;height:auto;display:block}.container{width:94%;max-width:100%;margin:30px auto 60px}.upload-card{background:#fff;border-radius:18px;padding:30px;box-shadow:0 10px 30px #00000014}.upload-card h2{margin-bottom:8px}.description{color:#6b7280;margin-bottom:20px;line-height:1.6}.upload-box{cursor:pointer;text-align:center;background:#f5eeee;border:2px dashed #8f2525;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:210px;padding:20px;display:flex}.upload-box:hover{background:#eadada}.upload-box input{display:none}.upload-icon{color:#fff;background:#8f2525;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:12px;font-size:38px;display:flex}.upload-box h3{margin-bottom:6px}.upload-box span{color:#6b7280;font-size:13px}.summary{justify-content:space-between;align-items:center;gap:15px;margin-top:20px;display:flex}.clear-btn{color:#fff;background:#dc2626;border:none;border-radius:8px;padding:10px 18px}.clear-btn:hover{background:#b91c1c}.photo-selector-section{background:#fff;border-radius:18px;margin-top:30px;padding:25px;box-shadow:0 8px 25px #00000012}.photo-selector-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.photo-selector-heading h2{font-size:21px}.photo-selector-grid{align-items:stretch;gap:12px;padding:4px 2px 12px;display:flex;overflow-x:auto}.photo-thumb{background:#f7f4f4;border:2px solid #0000;border-radius:10px;flex:0 0 145px;width:145px;min-width:145px;padding:7px;position:relative;overflow:hidden}.photo-thumb.active{background:#f5eeee;border-color:#8f2525}.photo-thumb img{object-fit:contain;object-position:center;background:#f1eeee;border-radius:7px;width:100%;height:150px;display:block}.photo-thumb>span{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;text-align:center;margin-top:7px;font-size:11px;font-weight:600;display:block;overflow:hidden}.thumb-remove-btn{color:#fff;background:#dc2626;border:none;border-radius:50%;width:25px;height:25px;font-size:18px;position:absolute;top:3px;right:3px}.thumb-remove-btn:hover{background:#991b1b}.add-more-card{color:#8f2525;cursor:pointer;background:#f5eeee;border:2px dashed #8f2525;border-radius:10px;flex-direction:column;flex:0 0 145px;justify-content:center;align-items:center;gap:10px;width:145px;min-width:145px;min-height:190px;display:flex}.add-more-card:hover{background:#eadada}.add-more-card input{display:none}.add-more-plus{color:#fff;background:#8f2525;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:30px;line-height:1;display:flex}.add-more-card strong{font-size:13px}.editor-section{background:#fff;border-radius:18px;margin-top:30px;padding:28px;box-shadow:0 10px 30px #00000014}.editor-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.editor-heading h2{font-size:23px}.editor-heading p{color:#6b7280;margin-top:5px;font-size:13px}.editor-actions{justify-content:center;margin-top:28px;display:flex}.convert-btn{color:#fff;background:#8f2525;border:none;border-radius:10px;min-width:220px;padding:14px 28px;font-size:15px;font-weight:700}.convert-btn:hover{background:#711b1b}.convert-btn:disabled{opacity:.6;cursor:not-allowed}.progress-card{background:#fff;border-radius:14px;margin-top:22px;padding:20px;box-shadow:0 8px 25px #00000012}.progress-info{justify-content:space-between;margin-bottom:10px;display:flex}.progress-track{background:#e3dddd;border-radius:20px;width:100%;height:12px;overflow:hidden}.progress-bar{background:#8f2525;border-radius:20px;height:100%;transition:width .2s}.message{color:#852525e0;text-align:center;background:#feffff;border:1px solid #dde5e9;border-radius:10px;margin-top:22px;padding:14px;font-weight:600}.failed-box{color:#991b1b;background:#fff;border-radius:10px;margin-top:20px;padding:20px;line-height:1.6}.results-section{margin-top:40px}.results-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.download-all-btn{color:#fff;background:#111827;border:none;border-radius:8px;padding:11px 20px;font-weight:600}.download-all-btn:hover{background:#1f2937}.stored-grid{gap:24px;display:grid}.stored-card{background:#fff;border:1px solid #e3dddd;border-radius:16px;padding:20px;box-shadow:0 8px 25px #00000014}.stored-card h3{word-break:break-word;margin-bottom:16px}.comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.comparison h4{margin-bottom:8px}.comparison img{object-fit:contain;background:#f1eeee;border:1px solid #e3dddd;border-radius:12px;width:100%;height:360px;padding:6px}.stored-info{border-top:1px solid #e3dddd;justify-content:space-between;align-items:center;gap:15px;margin-top:16px;padding-top:15px;display:flex}.download-btn{color:#fff;background:#8f2525;border:none;border-radius:8px;padding:11px 24px;font-weight:700}.download-btn:hover{background:#711b1b}.result-actions{flex-wrap:wrap;gap:10px;display:flex}.remove-result-btn{color:#fff;background:#dc2626;border:none;border-radius:8px;padding:11px 20px;font-weight:700}.remove-result-btn:hover{background:#b91c1c}@media (width<=1050px){.comparison{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.compact-title-header{padding:11px 14px}.compact-title-header h1{font-size:20px}.container{width:95%}.upload-card,.editor-section,.photo-selector-section{padding:18px}.editor-heading{flex-direction:column;align-items:flex-start}.comparison{grid-template-columns:1fr}.comparison img{height:300px}.stored-info{flex-direction:column;align-items:stretch}.download-btn,.download-all-btn,.convert-btn{width:100%}.results-heading{flex-direction:column;align-items:stretch}.studio-banner-header{min-height:145px}}@media (width<=430px){.photo-thumb,.add-more-card{flex-basis:125px;width:125px;min-width:125px}.photo-thumb img{height:135px}.add-more-card{min-height:175px}.compact-title-header h1{font-size:18px}}