body{margin:0;padding:0}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:#e0e0e0;color:#333;line-height:1.6}header{background-color:#dd4124;color:#fff;text-align:center;padding:.7rem 0;box-shadow:0 2px 5px #0000001a}h1{font-size:1.2rem;font-weight:600}h2{font-size:.2rem;font-weight:600;margin-bottom:1.5rem;color:#dd4124;text-align:center}h3{font-size:1.2rem;margin-bottom:.5rem;color:#444}footer{text-align:center;padding:.7rem 0;margin-top:2rem;background-color:#e0e0e0;color:#333}.container{display:flex;min-height:calc(100vh - 180px)}.column{padding:20px}.ad-column{flex:1;background-color:#e0e0e0}.main-column{flex:3;background-color:#fff;box-shadow:0 0 15px #0000000d}.ad-placeholder{height:190px;border:2px dashed #bbb;border-radius:5px;display:flex;align-items:center;justify-content:center;margin-bottom:15px;background-color:#f0f0f0}.ad-placeholder p{color:#999;font-style:italic}.ad-placeholder:last-child{margin-bottom:0}.top-ad-container{max-width:1200px;margin:0 auto;padding:0 20px;display:block}.app-container{max-width:800px;margin:0 auto;padding:20px}.upload-container{margin:20px 0;text-align:center}.upload-button{display:inline-block;padding:12px 24px;background-color:#dd4124;color:#fff;cursor:pointer;border-radius:4px;transition:background-color .3s;font-size:1rem;font-weight:500}.upload-button:hover{background-color:#c03010}.options{margin:20px 0;display:flex;flex-direction:column;gap:10px}.option{display:flex;align-items:center;gap:8px;font-size:1rem;cursor:pointer}.filename-option{margin-top:10px;display:flex;flex-direction:column;gap:5px}.filename-option label{font-size:1rem;color:#444}.filename-option input[type=text]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:.9rem;width:100%}.action-button{display:block;width:100%;max-width:300px;margin:20px auto;padding:12px;background-color:#2ecc71;color:#fff;border:none;border-radius:4px;font-size:1.1rem;cursor:pointer;transition:background-color .3s}.action-button:hover{background-color:#27ae60}.action-button:disabled{background-color:#95a5a6;cursor:not-allowed}.preview-container{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px}.preview-box{flex:1;min-width:300px;border-radius:8px;background-color:#f9f9f9;padding:15px;box-shadow:0 2px 5px #0000000d}.image-container{height:300px;border:2px dashed #ddd;border-radius:4px;margin-top:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#f5f5f5}.image-container img{max-width:100%;max-height:100%;object-fit:contain}.no-image-text{color:#999;font-style:italic}.download-options{margin-top:15px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.save-as-button{padding:10px 20px;background-color:#2ecc71;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s}.save-as-button:hover{background-color:#27ae60}.download-button{display:inline-block;padding:10px 20px;background-color:#3498db;color:#fff;text-decoration:none;border-radius:4px;text-align:center;transition:background-color .3s}.download-button:hover{background-color:#2980b9}.desktop-only{display:block}.mobile-only{display:none}@media (max-width: 1200px){.top-ad-container{display:block;margin-bottom:20px}.desktop-only{display:none}.mobile-only{display:block}.container{flex-direction:column}.column.ad-column.left{order:2}.column.main-column{order:1}.column.ad-column.right{order:3}.ad-column{min-height:200px}.ad-placeholder{height:150px}}
