.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.button-light{background:var(--white);color:var(--ink);border-color:var(--white)}.button-light:hover{background:#dfe5ff;color:var(--ink)}
.tool-feature{padding:100px 0;background:var(--ink);color:var(--white)}.tool-feature-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.tool-feature h2{margin:0;font-size:clamp(3.2rem,6vw,6rem);font-weight:250;letter-spacing:-.06em;line-height:.93}.tool-feature p:not(.eyebrow){max-width:600px;margin:28px 0;color:#c7c9c0}.format-board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:28px;border:1px solid #55574e;box-shadow:14px 14px 0 var(--accent)}.format-board span,.format-board strong{min-height:84px;display:grid;place-items:center;border:1px solid #55574e;font-size:.84rem;font-weight:850;letter-spacing:.08em}.format-board span:nth-last-child(-n+8){background:var(--accent);border-color:var(--accent)}.format-board strong{border:0;color:#9fb2ff;font-family:var(--serif);font-size:2rem}
.format-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.format-pills span{padding:8px 12px;border:1px solid var(--line);background:var(--paper);font-size:.7rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.privacy-strip{border-bottom:1px solid var(--ink);background:var(--accent);color:var(--white)}.privacy-strip>.shell{display:grid;grid-template-columns:.7fr 1.2fr 1fr;gap:30px;padding-block:18px;font-size:.8rem}.privacy-strip strong{letter-spacing:.08em;text-transform:uppercase}.privacy-strip span{color:#e2e7ff}
.converter-section{padding:80px 0 100px;background:var(--paper)}.converter-shell{border:1px solid var(--ink);background:var(--white);box-shadow:14px 14px 0 var(--ink)}.converter-upload{display:grid;gap:12px;padding:28px;border-bottom:1px solid var(--line)}.dropzone{min-height:230px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px;border:2px dashed var(--line);background:var(--paper);cursor:pointer;text-align:center;transition:border-color .18s ease,background .18s ease}.dropzone:hover,.dropzone:focus-within,.dropzone[data-dragging=true]{border-color:var(--accent);background:#eef1ff}.drop-icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:16px;border-radius:50%;background:var(--accent);color:var(--white);font-size:1.8rem}.dropzone strong{font-family:var(--serif);font-size:2rem;font-weight:400}.dropzone>span:not(.drop-icon){color:var(--muted)}.dropzone small{margin-top:12px;color:var(--muted);font-size:.74rem}.converter-status{margin:0;color:var(--muted);font-size:.82rem}.converter-status[data-error=true]{color:#a33b21;font-weight:750}.converter-empty{min-height:230px;display:grid;grid-template-columns:100px minmax(0,480px);gap:28px;align-content:center;padding:42px}.converter-empty span{color:var(--accent);font-family:var(--serif);font-size:3rem;font-style:italic}.converter-empty p{margin:0;color:var(--muted);font-size:1.05rem}
.converter-workspace{display:grid;grid-template-columns:1.15fr .85fr}.source-card{padding:34px;border-right:1px solid var(--line)}.preview-stage{min-height:390px;display:grid;place-items:center;padding:20px;background-color:#f7f7f5;background-image:linear-gradient(45deg,#e5e5e0 25%,transparent 25%),linear-gradient(-45deg,#e5e5e0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e5e0 75%),linear-gradient(-45deg,transparent 75%,#e5e5e0 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.preview-stage img{max-width:100%;max-height:420px;object-fit:contain;box-shadow:0 12px 30px rgba(21,22,18,.15)}.source-card .eyebrow{margin-top:26px}.source-card h2{margin:6px 0 5px;font-size:1.35rem;overflow-wrap:anywhere}.source-card p:not(.eyebrow){margin:0;color:var(--muted);font-size:.8rem}.text-button{margin:17px 0 0;padding:0;border:0;background:transparent;color:var(--accent-dark);font:inherit;font-size:.82rem;font-weight:800;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.converter-controls{display:flex;flex-direction:column;gap:24px;padding:34px}.field{display:flex;flex-direction:column;gap:9px}.field label,.label-row{font-size:.74rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.label-row{display:flex;justify-content:space-between;gap:20px}.field select,.field input[type=number]{width:100%;min-height:49px;padding:10px 12px;border:1px solid var(--line);border-radius:0;background:var(--white);color:var(--ink);font:inherit}.field select:focus,.field input:focus{outline:3px solid rgba(36,72,216,.18);border-color:var(--accent)}.field input[type=range]{accent-color:var(--accent)}.format-note{margin:0;color:var(--muted);font-size:.76rem;line-height:1.5}.colour-field{display:flex;align-items:center;gap:13px}.colour-field input{width:52px;height:42px;padding:3px;border:1px solid var(--line);background:var(--white)}.colour-field span{color:var(--muted);font-size:.78rem}.check-field label{display:flex;align-items:center;gap:9px;cursor:pointer}.check-field input{width:18px;height:18px;accent-color:var(--accent)}.dimension-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dimension-fields .check-field{grid-column:1/-1}.unit-input{position:relative}.unit-input span{position:absolute;right:12px;top:14px;color:var(--muted);font-size:.76rem}.converter-submit{width:100%;margin-top:auto}.converter-submit:disabled{opacity:.55;cursor:wait}
.converter-result{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px 34px;background:var(--accent);color:var(--white)}.converter-result .eyebrow{color:#dfe5ff}.converter-result h2{margin:5px 0;font-family:var(--serif);font-size:2rem;font-weight:400}.converter-result p:not(.eyebrow){margin:0;color:#dfe5ff;font-size:.8rem}.tool-extension-cta{padding:80px 0;background:var(--ink);color:var(--white)}.tool-extension-cta>.shell{display:grid;grid-template-columns:1fr auto;gap:70px;align-items:end}.tool-extension-cta h2{margin:5px 0 15px;font-size:clamp(2.7rem,5vw,5rem);font-weight:250;letter-spacing:-.05em;line-height:.96}.tool-extension-cta p:not(.eyebrow){max-width:700px;color:#c7c9c0}.tool-extension-cta .store-actions{justify-content:flex-end}.tool-extension-cta .button{border-color:var(--white)}
@media(max-width:900px){.tool-feature-grid,.converter-workspace,.tool-extension-cta>.shell{grid-template-columns:1fr}.source-card{border-right:0;border-bottom:1px solid var(--line)}.privacy-strip>.shell{grid-template-columns:1fr;gap:5px}.tool-extension-cta .store-actions{justify-content:flex-start}.format-board{max-width:680px}}
@media(max-width:620px){.tool-feature{padding-block:76px}.format-board{grid-template-columns:repeat(3,1fr);padding:16px;box-shadow:8px 8px 0 var(--accent)}.format-board span,.format-board strong{min-height:65px}.converter-section{padding:55px 0 75px}.converter-shell{box-shadow:8px 8px 0 var(--ink)}.converter-upload,.source-card,.converter-controls{padding:20px}.dropzone{min-height:205px;padding:22px}.preview-stage{min-height:280px}.converter-empty{grid-template-columns:1fr;min-height:200px;padding:28px}.dimension-fields{grid-template-columns:1fr}.converter-result{align-items:flex-start;flex-direction:column;padding:26px 20px}.converter-result .button{width:100%}.tool-extension-cta{padding-block:68px}}