body{background:#f8f9fa;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*,body{margin:0}*{box-sizing:border-box;padding:0}body,html{background-color:#f8f8f8;color:#222;font-family:Inter,sans-serif;min-height:100%}img{display:block;max-width:100%;object-fit:cover}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start}.navbar{background-color:#8b0000;box-shadow:0 2px 4px #0000001a;color:#fff;padding:.75rem 1.5rem;z-index:10}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1100px}.logo{cursor:pointer;font-size:1.4rem;font-weight:700;letter-spacing:.5px}.logo,.logo:hover{color:#fff!important;text-decoration:none!important}.logo-text{color:inherit}.nav-links{display:flex;gap:1.2rem}.nav-links a{align-items:center;border-bottom:2px solid #0000;color:#ffeaea;display:flex;font-weight:500;gap:6px;padding-bottom:2px;text-decoration:none;transition:.2s}.nav-links a.active,.nav-links a:hover{border-bottom:2px solid #fff;color:#fff}.hero{margin:3rem auto 2rem;padding:0 1rem;text-align:center}.hero h1{color:#8b0000;font-size:2.4rem;margin-bottom:.5rem}.hero p{color:#444;font-size:1.1rem}.tool-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:2rem auto 4rem;max-width:1000px;padding:0 1rem}.tool-card{background:#fff;border-radius:16px;box-shadow:0 3px 6px #00000014;color:#222;padding:2rem 1.5rem;text-align:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.tool-card:hover{box-shadow:0 4px 10px #0000001f;transform:translateY(-4px)}.tool-card h2{color:#8b0000;font-size:1.3rem;margin-top:1rem}.tool-card p{color:#555;font-size:.95rem}.tool-page{margin:2rem auto 3rem;max-width:950px;padding:1rem}.header{margin-bottom:1.5rem;text-align:center}.header h1{color:#8b0000;font-size:2rem;margin-bottom:.3rem}.header p{color:#555;font-size:1rem}.card{background:#fff;border-radius:12px;box-shadow:0 3px 6px #00000014;padding:2rem}.upload-area{border:2px dashed #ccc;border-radius:12px;color:#666;padding:2rem;position:relative;text-align:center;transition:border-color .2s,color .2s}.upload-area:hover{border-color:#8b0000;color:#8b0000}.upload-area input[type=file]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.upload-text{font-size:1rem;margin-top:.6rem}.upload-hint{color:#777;font-size:.85rem}.file-row{align-items:center;background:#fafafa;border:1px solid #eee;border-radius:10px;display:flex;justify-content:space-between;margin-top:1rem;padding:.8rem 1rem}.file-row.single{margin-bottom:1rem}.thumb.small{background:#ddd;border-radius:8px;flex-shrink:0;height:60px;overflow:hidden;width:60px}.file-info{flex:1 1;margin-left:1rem;overflow:hidden}.file-name{font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-format{color:#666;font-size:.85rem}.remove-btn{background:#0000;border:none;color:#8b0000;cursor:pointer;transition:color .2s}.remove-btn:hover{color:#a40000}.quality-slider{margin-top:1.5rem}.quality-slider label{display:block;font-weight:500;margin-bottom:.4rem}.quality-slider input[type=range]{accent-color:#8b0000;width:100%}.estimated-text{color:#444;font-size:.9rem;margin-top:.6rem}.convert-btn,.download-link{align-items:center;background-color:#8b0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:6px;padding:.7rem 1.2rem;text-decoration:none;transition:background-color .2s ease}.convert-btn:hover,.download-link:hover{background-color:#a40000}.convert-btn.small,.download-link.small{font-size:.9rem;padding:.6rem 1rem}.convert-btn:disabled{cursor:not-allowed;opacity:.6}.compress-actions{align-items:center;display:flex;gap:1rem;margin-top:1.4rem}.file-list{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}.file-item{align-items:center;background:#fafafa;border:1px solid #eee;border-radius:8px;display:flex;justify-content:space-between;padding:.7rem 1rem}.file-item span{flex:1 1;margin-right:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-actions{align-items:center;display:flex;gap:.5rem}select{background:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;font-size:.9rem;padding:.4rem .6rem}select:focus{border-color:#8b0000;outline:none}.upload-area.dragover{background-color:#fff4f4;border-color:#8b0000}.output-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:1.5rem}.output-card{background:#fff;border-radius:10px;box-shadow:0 2px 5px #0000000d;padding:1rem;text-align:center}.output-card img{border-radius:6px;height:auto;margin-bottom:.5rem;width:100%}.footer{background-color:#222;color:#ccc;font-size:.9rem;margin-top:auto;padding:1rem 0}.footer,.text-center{text-align:center}.hidden{display:none!important}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}@media (max-width:768px){.nav-container{align-items:flex-start;flex-direction:column}.nav-links{flex-wrap:wrap;margin-top:.5rem}.tool-grid{grid-template-columns:1fr}.file-row{align-items:flex-start;flex-direction:column}.file-info{margin-left:0;margin-top:.5rem}}.file-row.compact{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-start}.convert-btn.small,.download-link.small{align-items:center;border-radius:8px;display:inline-flex;font-weight:600;height:36px;justify-content:center;min-width:95px}.convert-btn.small+.download-link.small{margin-left:.5rem}@media (max-width:640px){.file-row.compact{align-items:stretch;flex-direction:column}.convert-btn.small,.download-link.small{width:100%}}
/*# sourceMappingURL=main.9220577e.css.map*/