:root{color:#232323;background:#f4f2ec;font-family:Atkinson Hyperlegible,Arial,sans-serif;font-synthesis:none;--background: #f4f2ec;--surface: #fbfaf6;--text: #232323;--muted: #67645c;--border: #d8d4c8;--accent: #a16207;--correct: #166534;--unsupported: #7c2d12}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background-color:var(--background);color:var(--text);font-size:17px;line-height:1.6}button,input{font:inherit}a{color:inherit;text-underline-offset:.2em}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.site-header,main,footer{width:min(100% - 40px,1240px);margin-inline:auto}.site-header{min-height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.wordmark{font-family:IBM Plex Mono,Courier New,monospace;font-size:15px;font-weight:600;letter-spacing:.08em;text-decoration:none}.wordmark span{color:var(--accent);font-family:Fraunces,Georgia,serif;font-style:italic;letter-spacing:0}.header-link{font-size:15px}.hero{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,2fr);gap:clamp(42px,6vw,96px);min-height:calc(100svh - 70px);padding:clamp(56px,8vw,108px) 0 72px;align-items:start}.tool-column{min-width:0}.eyebrow,.section-label,.privacy,.format-note span{margin:0;color:var(--muted);font-family:IBM Plex Mono,Courier New,monospace;font-size:11px;font-weight:500;letter-spacing:.14em;line-height:1.4;text-transform:uppercase}h1,h2{font-family:Fraunces,Georgia,serif;font-optical-sizing:auto;font-weight:600;letter-spacing:-.02em}h1{max-width:690px;margin:14px 0 12px;font-size:clamp(28px,5vw,44px);line-height:1.08}h2{margin:10px 0 26px;font-size:clamp(25px,3vw,34px);line-height:1.2}.subtitle{max-width:690px;margin:0 0 30px;color:#45433e;font-size:18px;line-height:1.55}.tool-shell{min-height:322px;border:1px solid var(--border);border-radius:10px;background:var(--surface);overflow:hidden}.drop-zone{min-height:320px;margin:0;border:1.5px dashed #aaa597;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.drop-zone:hover{border-color:var(--accent);box-shadow:0 2px 8px #00000014}.drop-zone.is-dragging{border-style:solid;border-color:var(--accent);background:#a1620714}.drop-zone svg{width:40px;height:40px;margin-bottom:18px;fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.drop-zone strong{font-family:Fraunces,Georgia,serif;font-size:21px;font-weight:600}.drop-zone span{margin-top:4px;color:var(--muted);font-size:14px}.progress{height:2px;overflow:hidden;background:var(--border)}.progress span{display:block;width:38%;height:100%;background:var(--accent);animation:progress 1s ease-in-out infinite alternate}.status:empty{display:none}.tool-shell>.status:not(:empty){padding:16px 20px;border-top:1px solid var(--border)}.error-message strong{color:var(--unsupported)}.error-message p{margin:2px 0 0;color:var(--muted);font-size:15px}.privacy{display:flex;align-items:center;gap:9px;margin-top:15px}.privacy svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6}.how{padding-top:82px}.how ol{margin:0;padding:0;list-style:none}.how li{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:17px 0;border-top:1px solid var(--border)}.how li:last-child{border-bottom:1px solid var(--border)}.how li>span,.number,.summary strong,.preview-count,.media-cell{font-family:IBM Plex Mono,Courier New,monospace;font-variant-numeric:tabular-nums}.how li>span{color:var(--accent);font-size:13px}.how li p{margin:0;line-height:1.48}.format-note{margin-top:34px;padding-left:18px;border-left:3px solid var(--accent)}.format-note p{margin:5px 0 0;color:var(--muted);font-size:14px;line-height:1.55}.workspace{min-height:320px}.workspace-head{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid var(--border)}.file-name{margin:0;font-family:IBM Plex Mono,Courier New,monospace;font-size:13px;overflow-wrap:anywhere}.summary{margin:4px 0 0;color:var(--muted);font-size:14px;white-space:nowrap}.summary i{margin:0 3px;font-style:normal}.text-button{flex:none;padding:0;border:0;border-radius:6px;background:none;color:var(--accent);cursor:pointer;font-size:14px;text-decoration:underline;text-underline-offset:.2em}.warning{margin:0;padding:10px 22px;border-bottom:1px solid #d9b98d;background:#f6ead7;color:#6b4105;font-size:14px}.actions{display:flex;flex-wrap:wrap;gap:9px;padding:14px 22px;border-bottom:1px solid var(--border)}.primary-button,.secondary-button{min-height:42px;padding:8px 15px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;transition:box-shadow .15s ease,transform .15s ease}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#fffdf8}.secondary-button{border:1px solid var(--border);background:transparent;color:var(--text)}.secondary-button span{margin-left:6px;color:var(--muted);font-family:IBM Plex Mono,Courier New,monospace;font-size:10px;font-weight:400}.primary-button:hover,.secondary-button:not(:disabled):hover{box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.48}.table-wrap{max-height:390px;overflow:auto}table{width:100%;min-width:880px;border-collapse:collapse;font-size:13px;line-height:1.45}th,td{padding:11px 13px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:left;vertical-align:top}th:last-child,td:last-child{border-right:0}th{position:sticky;top:0;z-index:1;background:#efede6;color:var(--muted);font-family:IBM Plex Mono,Courier New,monospace;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.question-cell{min-width:260px}.type-label{color:var(--muted);font-family:IBM Plex Mono,Courier New,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.type-label--unsupported{color:var(--unsupported);font-weight:600}.correct{display:inline-flex;align-items:flex-start;gap:5px;color:var(--correct)}.correct svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.empty{color:#908c82}.preview-count,#download-status{margin:0;padding:11px 22px;color:var(--muted);font-size:11px}#download-status:not(:empty){border-top:1px solid var(--border);color:var(--correct)}.faq{max-width:860px;padding:104px 0 118px}.faq-list{border-top:1px solid var(--border)}details{border-bottom:1px solid var(--border)}summary{position:relative;padding:20px 44px 20px 0;cursor:pointer;font-family:Fraunces,Georgia,serif;font-size:20px;font-weight:600;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:4px;color:var(--accent);font-family:IBM Plex Mono,Courier New,monospace;font-weight:400}details[open] summary:after{content:"−"}details p{max-width:690px;margin:-6px 0 22px;color:var(--muted)}footer{min-height:86px;padding:22px 0;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-family:IBM Plex Mono,Courier New,monospace;font-size:11px}.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}@keyframes progress{0%{transform:translate(-30%)}to{transform:translate(200%)}}@media(max-width:959px){.hero{grid-template-columns:1fr;min-height:auto;gap:80px}.how{max-width:680px;padding-top:0}}@media(max-width:600px){.site-header,main,footer{width:min(100% - 28px,1240px)}.site-header{min-height:60px}.hero{padding-top:44px}.subtitle{font-size:17px}.drop-zone{min-height:260px;padding:28px 20px;text-align:center}.tool-shell,.workspace{min-height:262px}.workspace-head,footer{align-items:flex-start;flex-direction:column}.summary{white-space:normal}.actions{display:grid;grid-template-columns:1fr 1fr}.actions button:last-child{grid-column:1 / -1}.faq{padding:82px 0 90px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
