@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#182033;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--accent: #5145ed;--accent-dark: #4338ca;--ink: #182033;--muted: #68758c;--line: #e5e9f2}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{min-width:320px;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible+*{outline:3px solid #aaa4ff;outline-offset:3px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.content-width{width:min(100% - 48px,729px);margin-inline:auto}.topbar{height:62px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font:800 15px Manrope,sans-serif;letter-spacing:-.55px;white-space:nowrap}.brand-mark{width:20px;height:20px;display:grid;grid-template-columns:1fr 1fr;gap:2px;transform:rotate(-8deg)}.brand-mark span{border-radius:2px 5px;background:var(--accent)}.brand-mark span:nth-child(2),.brand-mark span:nth-child(3){background:#aaa4ff}.brand-light{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:21px}.nav-links button{padding:8px 0;border:0;background:none;color:#526079;cursor:pointer;font-size:10px;transition:color .18s}.nav-links button:hover{color:var(--accent)}main{flex:1}.converter-section{padding:12px 24px 0}.converter-intro{text-align:center}.converter-intro h1{margin:0;color:#151d31;font:800 clamp(27px,4.4vw,34px)/1.2 Manrope,sans-serif;letter-spacing:-1.5px}.converter-intro p{margin:8px 0 21px;color:var(--muted);font-size:13px}.converter-card{width:min(100%,573px);min-height:210px;margin:0 auto;padding:24px 24px 19px;border:1px dashed #7771ff;border-radius:17px;background:#f0f2ff;transition:border-color .18s,background .18s,box-shadow .18s}.converter-card.dragging{border-color:var(--accent);background:#e9eaff;box-shadow:0 0 0 4px #5145ed1c}.converter-card.has-file{border-style:solid}.file-input{display:none}.upload-content{min-height:106px;display:flex;align-items:center;justify-content:center;text-align:center}.upload-prompt,.selected-file{display:flex;align-items:center;flex-direction:column;gap:8px}.upload-prompt{width:100%;cursor:pointer}.upload-icon{display:grid;place-items:center;width:37px;height:37px;color:var(--accent)}.choose-button,.convert-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:9px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer;transition:background .18s,transform .18s}.choose-button{min-width:111px;padding:11px 17px;font-size:12px}.choose-button:hover,.convert-button:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-1px)}.drop-hint{color:#6d7891;font-size:10px}.selected-file{max-width:100%}.selected-file .upload-icon{margin-bottom:0}.filename{max-width:100%;overflow:hidden;color:#222c42;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.file-meta{color:var(--muted);font-size:10px}.text-button{border:0;padding:0;background:transparent;color:var(--accent);cursor:pointer;font-size:10px;font-weight:600;text-decoration:underline}.convert-options{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:12px}.convert-label{color:#253047;font-size:11px}.format-chips{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.format-chip{min-width:48px;padding:7px 12px;border:1px solid #d8ddf0;border-radius:18px;background:#fff;color:#343b65;cursor:pointer;font-size:10px;font-weight:700;transition:border-color .18s,background .18s,color .18s}.format-chip:hover,.format-chip.active{border-color:#bcb8ff;background:#fff;color:var(--accent)}.quality-control{display:block;max-width:380px;margin:18px auto 0;text-align:left}.quality-control>span:first-child{display:flex;justify-content:space-between;color:#515e77;font-size:10px}.quality-control b{color:var(--accent)}.quality-control input{display:block;width:100%;height:4px;margin:10px 0 5px;accent-color:var(--accent)}.quality-labels{display:flex;justify-content:space-between;color:#8992a5;font-size:9px}.convert-button{width:min(100%,260px);min-height:39px;margin:16px auto 0;padding:10px 15px;display:flex;font-size:11px}.convert-button:disabled{cursor:wait;opacity:.72}.status-message{margin:10px 0 0;color:#39784f;text-align:center;font-size:11px}.status-error{color:#b54343}.download-link{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px auto 0;color:var(--accent-dark);font-size:11px;font-weight:700;overflow-wrap:anywhere}.download-link:hover{text-decoration:underline}.trust-strip{width:min(100%,573px);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:22px;margin:16px auto 0;color:#66728a;font-size:10px}.trust-strip span{display:inline-flex;align-items:center;gap:5px}.trust-strip svg{color:var(--accent)}.tools-section{padding:43px 0 30px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}.section-heading h2{margin:0;color:#1b2438;font:800 19px Manrope,sans-serif;letter-spacing:-.55px}.browse-tools{display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:var(--accent);cursor:pointer;font-size:10px;font-weight:600}.browse-tools:hover{color:var(--accent-dark)}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tool-card{min-width:0;min-height:95px;display:flex;flex-direction:column;align-items:flex-start;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:left;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s}.tool-card:hover,.tool-card.selected{border-color:#c6c3ff;box-shadow:0 5px 18px #29245d0d;transform:translateY(-1px)}.tool-category{margin-bottom:6px;color:var(--accent);font-size:8px;font-weight:700}.tool-card>strong{color:#222b40;font:700 11px Manrope,sans-serif}.tool-description{margin-top:3px;color:#718099;font-size:9px;line-height:1.5}.footer{min-height:62px;display:flex;align-items:center;justify-content:center;border-top:1px solid #edf0f5}.footer-links{display:flex;align-items:center;gap:19px;color:#68758c;font-size:10px}.footer-links a:hover{color:var(--accent)}@media(min-width:1100px){.converter-section{padding-top:12px}.tools-section{padding-top:43px}}@media(max-width:680px){.content-width{width:min(100% - 36px,520px)}.topbar{height:58px}.nav-links{gap:clamp(9px,3.5vw,18px)}.nav-links button{font-size:9px}.brand{font-size:13px}.brand-mark{width:17px;height:17px}.converter-section{padding:25px 18px 0}.converter-intro h1{letter-spacing:-1.1px}.converter-intro p{max-width:300px;margin:8px auto 19px;font-size:12px;line-height:1.55}.converter-card{min-height:210px;padding:20px 14px 17px;border-radius:14px}.upload-content{min-height:106px}.convert-options{gap:8px}.format-chips{gap:6px}.format-chip{min-width:44px;padding:7px 10px}.trust-strip{gap:9px 17px;font-size:9px}.tools-section{padding-top:38px;padding-bottom:24px}.section-heading h2{font-size:17px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tool-card{min-height:93px;padding:12px}}@media(max-width:360px){.content-width{width:calc(100% - 28px)}.nav-links{gap:8px}.nav-links button{font-size:8px}.brand{font-size:12px}.converter-section{padding-inline:14px}.tool-card{padding-inline:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(prefers-color-scheme:dark){:root{color:#e8ecf6;background:#111827;--ink: #e8ecf6;--muted: #a2aec3;--line: #30394a}.brand-light{color:#aaa4ff}.nav-links button,.drop-hint,.file-meta,.trust-strip,.tool-description,.footer-links{color:#a2aec3}.converter-intro h1,.section-heading h2,.filename,.tool-card>strong,.convert-label{color:#f0f2fa}.converter-intro p,.trust-strip{color:#a2aec3}.converter-card{background:#1b2233}.converter-card.dragging{background:#262746}.format-chip,.tool-card{border-color:#30394a;background:#171f2e;color:#e8ecf6}.format-chip:hover,.format-chip.active{border-color:#756fff;background:#282643;color:#c4c0ff}.tool-card:hover,.tool-card.selected{border-color:#756fff}.footer{border-color:#30394a}}