:root{color:#172033;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,[tabindex]:focus-visible{outline:3px solid #f4a340;outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{display:grid;min-height:100dvh;place-items:center;padding:1.5rem;background:radial-gradient(circle at top,#e0edff,#f8fafc 46%)}.converter-card{width:min(100%,44rem);padding:clamp(1.5rem,4vw,3rem);background:#ffffffe6;border:1px solid #dbe4f0;border-radius:1.25rem;box-shadow:0 1.5rem 4rem #0f172a17}.hero{text-align:center}.eyebrow{margin:0 0 .75rem;color:#3468b6;font-size:.875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}h1{margin:0;color:#0f172a;font-size:clamp(2rem,6vw,3.25rem);line-height:1.05}.privacy-message{max-width:32rem;margin:1rem auto 2rem;color:#526074;line-height:1.6}.drop-zone{display:grid;min-height:15rem;place-content:center;padding:2rem;text-align:center;border:2px dashed #91a4c2;border-radius:1rem;background:#f8fbff;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.drop-zone--active{border-color:#3468b6;background:#e8f1ff;transform:scale(1.01)}.drop-zone__icon{display:grid;width:3rem;height:3rem;margin:0 auto .75rem;place-items:center;color:#fff;font-size:1.5rem;font-weight:700;background:#3468b6;border-radius:50%}.drop-zone h2{margin:0;color:#18243a;font-size:1.25rem}.drop-zone p{margin:.5rem 0 1rem;color:#63738b}.choose-files-button,.remove-button,.text-button{border:0;border-radius:.55rem;font-weight:700}.choose-files-button{justify-self:center;padding:.7rem 1rem;color:#fff;background:#3468b6}.choose-files-button:hover{background:#28599f}.feedback{margin-top:1rem;padding:.75rem 1rem;color:#24552d;background:#eaf7ec;border:1px solid #b8dfbe;border-radius:.75rem}.feedback--error{color:#872d2d;background:#fff1f1;border-color:#f1c0c0}.feedback p{margin:.25rem 0;line-height:1.4}.file-list{margin-top:1.5rem}.file-list__heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.file-list h2{margin:0;font-size:1.125rem}.text-button{padding:.4rem .55rem;color:#28599f;background:transparent;text-decoration:underline}.file-list__items{display:grid;gap:.75rem;padding:0;margin:0;list-style:none}.file-card{display:grid;grid-template-columns:5rem 1fr auto;gap:1rem;align-items:center;padding:.75rem;border:1px solid #dbe4f0;border-radius:.85rem;background:#fff}.file-card__preview{display:grid;width:5rem;height:4rem;place-items:center;overflow:hidden;color:#63738b;font-size:.7rem;text-align:center;background:#eef4fb;border-radius:.5rem}.file-card__preview img{width:100%;height:100%;object-fit:cover}.file-card__details{min-width:0}.file-card h3{overflow:hidden;margin:0 0 .4rem;font-size:.95rem;text-overflow:ellipsis;white-space:nowrap}.file-card dl{display:flex;flex-wrap:wrap;gap:.2rem .8rem;margin:0;color:#526074;font-size:.8rem}.file-card dl div{display:flex;gap:.25rem}.file-card dt{font-weight:700}.file-card dd{margin:0}.file-card__warning{margin:.4rem 0 0;color:#9a5308;font-size:.8rem}.remove-button{align-self:center;padding:.55rem .7rem;color:#9a2d2d;background:#fff4f4}.remove-button:hover{background:#ffe4e4}@media(max-width:36rem){.app-shell{padding:1rem}.converter-card{padding:1.5rem 1rem}.drop-zone{min-height:13rem;padding:1.25rem}.file-card{grid-template-columns:4rem 1fr;gap:.75rem}.file-card__preview{width:4rem;height:3.25rem}.remove-button{grid-column:1 / -1;width:100%}}.file-card{grid-template-columns:5rem minmax(0,1fr) auto;align-items:start}.file-card__actions{display:grid;gap:.5rem}.conversion-controls{display:flex;flex-wrap:wrap;gap:.75rem 1rem;margin-top:.85rem}.conversion-controls label{display:grid;gap:.35rem;color:#3d4b61;font-size:.8rem;font-weight:700}.conversion-controls select{min-height:2.2rem;padding:.25rem .4rem;color:#172033;background:#fff;border:1px solid #aab9ce;border-radius:.4rem}.conversion-controls input[type=range]{width:min(12rem,100%);accent-color:#3468b6}.convert-button,.download-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:.55rem .7rem;color:#fff;background:#3468b6;border:0;border-radius:.55rem;font-weight:700;text-decoration:none}.convert-button:hover,.download-button:hover{background:#28599f}.convert-button:disabled,.remove-button:disabled{cursor:wait;opacity:.65}.file-card__notice,.file-card__error{margin:.75rem 0 0;font-size:.8rem;line-height:1.4}.file-card__notice{color:#76520f}.file-card__error{color:#9a2d2d;font-weight:700}.conversion-result{margin-top:.85rem;padding:.75rem;background:#f4f8fd;border:1px solid #d8e5f5;border-radius:.6rem}.conversion-result h4{margin:0 0 .5rem;font-size:.9rem}.conversion-result dl{margin-bottom:.65rem}.result-larger{color:#9a2d2d;font-weight:700}.result-smaller{color:#245f32;font-weight:700}@media(max-width:36rem){.file-card{grid-template-columns:4rem minmax(0,1fr)}.file-card__actions{grid-column:1 / -1;grid-template-columns:1fr 1fr}.file-card__actions .remove-button{grid-column:auto;width:auto}}.batch-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:1rem;padding:.75rem;background:#f4f8fd;border-radius:.75rem}.batch-controls p{flex:1 1 12rem;margin:0}:root{--surface: #ffffff;--surface-muted: #f4f8fd;--border: #d7e2ef;--text-muted: #526074;--primary: #2f67b6;--primary-strong: #24569f;--radius: .8rem}.converter-card{max-width:48rem;padding:clamp(1.25rem,3vw,2.5rem)}.privacy-message{margin-bottom:1.5rem;font-size:.98rem}.drop-zone{min-height:13rem;border-color:#9aaecb;box-shadow:inset 0 0 0 1px #ffffffb3}.drop-zone--active{border-color:var(--primary);background:#e5f0ff;box-shadow:0 0 0 4px #2f67b61f}.drop-zone:focus-visible{outline:3px solid #f4a340;outline-offset:4px}.drop-zone__icon{width:3.25rem;height:3.25rem;background:var(--primary);box-shadow:0 .3rem .8rem #2f67b638}.choose-files-button,.convert-button,.download-button{min-height:2.75rem;padding:.65rem 1rem;background:var(--primary)}.choose-files-button:hover,.convert-button:hover,.download-button:hover{background:var(--primary-strong)}.choose-files-button:disabled,.convert-button:disabled,.download-button:disabled,.text-button:disabled{cursor:not-allowed;opacity:.52}.feedback{border-radius:var(--radius)}.file-list{margin-top:1.25rem}.file-list__heading{margin-bottom:.9rem}.file-list__items{gap:.9rem}.file-card{gap:1rem;padding:1rem;border-color:var(--border);border-radius:var(--radius);box-shadow:0 .2rem .7rem #0f172a0a}.file-card__preview{border:1px solid #dce6f3;border-radius:.65rem}.file-card__title{display:flex;align-items:start;justify-content:space-between;gap:.5rem}.file-card h3{margin-bottom:.55rem;font-size:1rem}.state-badge{flex:0 0 auto;padding:.2rem .45rem;border-radius:999px;color:#34506f;background:#edf2f8;font-size:.72rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.state-badge--converting{color:#72510e;background:#fff4d6}.state-badge--converted{color:#17613b;background:#e3f6ea}.state-badge--failed{color:#992d2d;background:#fff0f0}.conversion-controls{padding-top:.1rem}.conversion-controls select{min-height:2.5rem;border-color:#9eb1ca}.conversion-controls input[type=range]{min-height:2.5rem}.file-card__actions{min-width:7.6rem}.remove-button{min-height:2.75rem}.conversion-result{background:#f5f9ff;border-radius:var(--radius)}.batch-controls{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted)}.batch-controls .convert-button{margin-left:auto}@media(max-width:48rem){.app-shell{place-items:start center}.file-card{grid-template-columns:4.5rem minmax(0,1fr)}.file-card__actions{grid-column:1 / -1;grid-template-columns:1fr 1fr}}@media(max-width:28rem){.app-shell{padding:.75rem}.converter-card{padding:1rem;border-radius:1rem}.drop-zone{min-height:12rem;padding:1.25rem .9rem}.file-card{grid-template-columns:1fr}.file-card__preview{width:100%;height:9rem}.file-card__actions{grid-column:auto}.file-card__actions{grid-template-columns:1fr}.batch-controls{align-items:stretch}.batch-controls .convert-button{width:100%;margin-left:0}.file-card__actions .remove-button{width:100%}.file-card h3{white-space:normal;overflow-wrap:anywhere}}