:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #eef4ff; color: #10213f; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 0; }
.page-shell { width: min(100% - 2rem, 900px); margin: 0 auto; padding: 1.5rem 0 3rem; }
.site-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.75rem; font-size: .9rem; color: #4c5b73; }
.brand { color: #0b5fff; text-decoration: none; font-size: 1.2rem; font-weight: 800; letter-spacing: -.03em; }
.tool-card, .privacy-note { background: #fff; border: 1px solid #d9e4f7; border-radius: 1.25rem; box-shadow: 0 14px 35px rgba(24, 70, 138, .08); }
.tool-card { padding: clamp(1.25rem, 4vw, 3rem); text-align: center; }
.eyebrow { color: #0b5fff; font-weight: 700; font-size: .85rem; margin: 0 0 .5rem; letter-spacing: .07em; text-transform: uppercase; }
h1 { margin: 0; font-size: clamp(1.8rem, 6vw, 3.2rem); letter-spacing: -.055em; }
.description { max-width: 38rem; margin: 1rem auto 1.5rem; color: #52627c; font-size: 1rem; line-height: 1.65; }
.drop-zone { display: grid; gap: .55rem; place-items: center; min-height: 14rem; padding: 2rem; border: 2px dashed #9ab7ed; border-radius: 1rem; background: #f6f9ff; cursor: pointer; }
.drop-zone:hover, .drop-zone:focus-within { border-color: #0b5fff; background: #edf4ff; }
.drop-zone input { position: absolute; inline-size: 1px; block-size: 1px; opacity: 0; }
.drop-icon { display: grid; place-items: center; width: 3.25rem; height: 3.25rem; border-radius: 50%; background: #dce9ff; color: #0b5fff; font-size: 2rem; }
.drop-zone small, .selected-files, .status { color: #5d6d84; }
.extra-controls { margin: 1rem auto; max-width: 28rem; }
.extra-controls label { display: flex; gap: .5rem; align-items: center; justify-content: center; flex-wrap: wrap; }
.extra-controls input, .extra-controls select { min-height: 2.5rem; padding: .45rem .6rem; border: 1px solid #b7c8e7; border-radius: .5rem; font: inherit; color: #10213f; background: #fff; }
.extra-controls input[type='range'] { padding: 0; }
button, .download-link { display: inline-flex; justify-content: center; align-items: center; min-height: 3rem; margin-top: 1rem; padding: .75rem 1.25rem; border: 0; border-radius: .75rem; background: #0b5fff; color: #fff; font: inherit; font-weight: 700; text-decoration: none; cursor: pointer; }
button:disabled { background: #b4c1d6; cursor: not-allowed; }
.status[data-state='error'] { color: #b42318; }.status[data-state='success'] { color: #087443; }
.ad-section { display: grid; gap: 1rem; justify-items: center; margin: 1.5rem 0; overflow: clip; }
.ad-slot { display: flex; justify-content: center; max-width: 100%; overflow: hidden; }
.ad-content { flex: 0 0 auto; transform-origin: top left; }
.ad-content { flex: 0 0 auto; transform-origin: top left; }
.privacy-note { padding: 1.25rem; color: #52627c; }.privacy-note h2 { color: #10213f; font-size: 1rem; margin: 0 0 .45rem; }.privacy-note p { margin: 0; line-height: 1.6; }
@media (max-width: 520px) { .page-shell { width: min(100% - 1rem, 900px); padding-top: .75rem; }.site-header { margin-bottom: 1rem; }.tool-card { padding: 1.25rem 1rem; }.drop-zone { min-height: 12rem; }.ad-slot.vertical { order: 2; } }