.light,.theme-light{font-family:'Segoe UI',sans-serif;background:#f9f9f9!important;min-height:100vh}.image-converter-wrapper *{box-sizing:border-box;margin:0;padding:0}.image-converter-wrapper{font-family:'Segoe UI',sans-serif;padding:40px 20px;min-height:calc(100vh - 80px)}.image-converter-wrapper .container{max-width:1200px;margin:0 auto;width:100%}.image-converter-wrapper .title-section{text-align:center;margin-bottom:30px}.image-converter-wrapper .title-section h1{font-size:28px;color:#333;margin-bottom:10px}.image-converter-wrapper .title-section p{color:#777;font-size:16px}.image-converter-wrapper .row{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:30px}.image-converter-wrapper .col{flex:1;min-width:200px;display:flex;justify-content:center}.image-converter-wrapper .row .col:first-child,.image-converter-wrapper .row .col:nth-child(2){flex:1;max-width:250px}.image-converter-wrapper .row .col:nth-child(3){flex:2;max-width:none;min-width:300px}.fullcard{background:#fff;box-shadow:10px 4px 12px rgba(0,0,0,.05);padding:20px;border-radius:12px}.image-converter-wrapper .card{border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.05);width:100%}.image-converter-wrapper .box{background:linear-gradient(135deg,#f9f9fb,#e8f0ff);border-radius:12px;border:2px dashed #bbb;cursor:pointer;text-align:center;height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center}.image-converter-wrapper .box input[type=file],.image-converter-wrapper .convert-btn.loading .right-arrow{display:none}.image-converter-wrapper .box label{cursor:pointer;font-size:14px;color:#333;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;height:100%;justify-content:center}.image-converter-wrapper .box .file-info{font-size:14px;color:#333;margin-top:5px;text-align:center;line-height:1.3}.image-converter-wrapper .convert-btn{height:180px;width:100%;background-color:#5b7bfa;color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:background-color .3s}#uploadText{font-size:3rem}.image-converter-wrapper .convert-btn:hover{background-color:#4a6ae8}.image-converter-wrapper .convert-btn.loading .btn-spinner{display:block}.image-converter-wrapper .btn-spinner{display:none;border:4px solid #ffffff33;border-top:4px solid #fff;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin;margin:0 auto}.image-converter-wrapper .btn-text{display:flex;align-items:center;gap:8px}.image-converter-wrapper .right-arrow{font-size:18px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.image-converter-wrapper .result-box{background:linear-gradient(135deg,#f9f9fb,#e8f0ff);border-radius:12px;border:2px dashed #bbb;padding:10px;text-align:center;height:180px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:5px;width:100%}.image-converter-wrapper .result-box .result-placeholder{font-size:14px;color:#777;flex-grow:1;display:flex;align-items:center;justify-content:center}.image-converter-wrapper .result-content{display:flex;flex-direction:column;height:100%;width:100%;gap:8px}.image-converter-wrapper .result-info{background:#fff;border-radius:6px;padding:6px;font-size:12px;color:#333;line-height:1.4;box-shadow:0 2px 4px rgba(0,0,0,.05);display:flex;justify-content:space-around;flex-wrap:wrap;gap:5px}.image-converter-wrapper .result-info p{margin:0;font-weight:500}.image-converter-wrapper .result-info span{font-weight:400;color:#555}.image-converter-wrapper .text-preview{flex-grow:1;background:#fff;border:1px solid #ddd;border-radius:6px;padding:10px;font-size:13px;color:#333;overflow-y:auto;text-align:left;white-space:pre-wrap;word-wrap:break-word;box-shadow:inset 0 1px 3px rgba(0,0,0,.05);line-height:1.5;transition:border-color .3s}.image-converter-wrapper .text-preview:hover{border-color:#5b7bfa}.image-converter-wrapper .action-buttons{display:flex;gap:10px;justify-content:center}.image-converter-wrapper .copy-btn,.image-converter-wrapper .download-btn{padding:6px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .3s,transform .1s;display:flex;align-items:center;gap:5px}.image-converter-wrapper .copy-btn{background-color:#5b7bfa;color:#fff}.image-converter-wrapper .copy-btn:hover{background-color:#4a6ae8;transform:translateY(-1px)}.image-converter-wrapper .download-btn{background-color:#4caf50;color:#fff}.image-converter-wrapper .download-btn:hover{background-color:#45a049;transform:translateY(-1px)}.image-converter-wrapper .action-buttons i{font-size:14px}.image-converter-wrapper .ad-card{background:#fff8dc;border:2px dashed #fbbf24;padding:20px;border-radius:12px;text-align:center;color:#92400e;margin-top:30px;font-size:16px}@media (max-width:1024px){.image-converter-wrapper .row .col:first-child,.image-converter-wrapper .row .col:nth-child(2){flex:1;max-width:200px}.image-converter-wrapper .row .col:nth-child(3){flex:2;min-width:250px}}@media (max-width:768px){.image-converter-wrapper .row .col:first-child,.image-converter-wrapper .row .col:nth-child(2),.image-converter-wrapper .row .col:nth-child(3){flex:1 1 100%;max-width:100%;min-width:0}.image-converter-wrapper .convert-btn{height:60px;font-size:14px}.image-converter-wrapper .box{height:120px}.image-converter-wrapper .result-box{height:300px}}@media (max-width:480px){.image-converter-wrapper{padding:20px 10px}.image-converter-wrapper .title-section h1{font-size:24px}.image-converter-wrapper .title-section p{font-size:14px}.image-converter-wrapper .convert-btn{height:50px;font-size:12px}.image-converter-wrapper .box{height:100px}.image-converter-wrapper .btn-spinner{width:20px;height:20px;border-width:3px}.image-converter-wrapper .result-box{height:250px}.image-converter-wrapper .result-info{font-size:11px;padding:4px}.image-converter-wrapper .text-preview{font-size:11px;padding:6px}.image-converter-wrapper .copy-btn,.image-converter-wrapper .download-btn{font-size:12px;padding:4px 12px}.image-converter-wrapper .action-buttons i{font-size:12px}}