:root{--paper:#f5f5f0;--ink:#202b27;--muted:#6c756e;--line:#dce0d7;--green:#326449;--lime:#d8ee96;font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,a,label{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}header,main,footer{max-width:1240px;margin:auto}header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:20px;font-weight:750;letter-spacing:-.8px;display:flex;align-items:center;gap:12px}.brand-mark{color:var(--green);font-size:30px}.header-note,.eyebrow,.step{font-size:11px;letter-spacing:1.7px;font-weight:700}.header-note{color:var(--muted)}.intro{padding:66px 0 42px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--green);letter-spacing:1px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--green)}h1{font-size:clamp(42px,5vw,66px);letter-spacing:-3px;line-height:1.18;margin:22px 0}.accent{color:var(--green)}.lead{line-height:1.9;font-size:16px;color:var(--muted)}.controls{display:flex;gap:12px;margin-top:27px}.primary,.upload{border-radius:9px;padding:16px 22px;font-size:14px;font-weight:700;display:flex;gap:28px;align-items:center;justify-content:space-between}.primary{background:var(--green);color:white;border:1px solid var(--green)}.primary:hover{background:#254e38}.upload{border:1px solid #cdd4c7;cursor:pointer;background:transparent}.upload:hover{background:#e9ede4}#file{position:absolute;width:1px;height:1px;opacity:0}.upload:has(+input:focus-visible),button:focus-visible,a:focus-visible{outline:3px solid #89af52;outline-offset:4px}.privacy{font-size:12px;color:var(--muted);margin:16px 0 0}.workspace{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 12px 36px #20362a05}.workspace.dragging{outline:3px solid var(--green)}.file-bar{display:flex;align-items:center;gap:10px;padding:17px 25px;border-bottom:1px solid var(--line);font-size:12px;background:#fbfcf9;min-height:50px}.file-dot{width:7px;height:7px;background:#8aaa73;border-radius:50%;flex-shrink:0}#filename{overflow-wrap:anywhere}#filesize{margin-left:auto;white-space:nowrap;color:var(--muted)}.comparison{display:grid;grid-template-columns:1fr 1fr}.panel{padding:26px}.panel+.panel{border-left:1px solid var(--line)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:23px}.step{color:var(--muted);font-size:10px;margin:0 0 9px}h2{font-size:21px;letter-spacing:-.7px;margin:0}.tag{font-size:10px;padding:6px 9px;border:1px solid var(--line);border-radius:5px;white-space:nowrap;color:var(--muted)}.inside .tag{color:var(--green);background:#eef5e8;border-color:#e0eacb}.image-stage{aspect-ratio:4/3;background:#f2f3ef;border-radius:9px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.image-stage img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.inside .image-stage{background:#edf1e7}.empty,#cover-text{font-size:14px;color:var(--muted)}#reveal-cover{text-align:center;padding:20px}.cover-icon{font-size:46px;color:#799167;display:block;margin-bottom:20px}.reveal-button{background:var(--ink);color:white;font-size:13px;padding:13px 18px;border:0;border-radius:7px;margin-top:10px}.reveal-button span{margin-left:20px}.caption{font-size:12px;line-height:1.6;color:var(--muted);margin:15px 0 0}.caption-row{display:flex;gap:12px;justify-content:space-between;align-items:baseline}.caption-row a{font-size:11px;color:var(--green);white-space:nowrap;text-decoration:underline}.status{padding:16px 25px;border-top:1px solid var(--line);font-size:11px;letter-spacing:.5px;color:var(--green);background:#fbfcf9}.status span{margin-left:14px;letter-spacing:0;color:var(--muted);font-size:12px}details{padding:18px 25px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}summary{cursor:pointer;color:var(--ink)}dl{display:grid;grid-template-columns:150px 1fr;gap:9px}dd{margin:0;overflow-wrap:anywhere}details p{line-height:1.8}.takeaways{display:grid;grid-template-columns:repeat(3,1fr);gap:46px;margin:45px 0 65px}.takeaways article>span{font-size:11px;color:var(--green);font-family:monospace}.takeaways h3{font-size:16px;letter-spacing:-.4px;margin:13px 0}.takeaways p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}footer{padding:26px 0 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:1320px){header,main,footer{margin-left:32px;margin-right:32px}}@media(max-width:720px){header,main,footer{margin-left:20px;margin-right:20px}header{height:76px}.header-note{font-size:8px;letter-spacing:1px}.intro{padding-top:38px}h1{letter-spacing:-2px}.lead{font-size:14px}.desktop{display:none}.controls{flex-direction:column;align-items:stretch}.privacy{line-height:1.6}.comparison{grid-template-columns:1fr}.panel{padding:20px}.panel+.panel{border-left:0;border-top:1px solid var(--line)}.takeaways{grid-template-columns:1fr;gap:25px;margin:34px 0 42px}.takeaways h3{margin:8px 0}.file-bar{padding:15px}.status{line-height:1.7;padding:15px}.status span{display:block;margin:5px 0 0}h2{font-size:19px}.caption-row{flex-wrap:wrap}.image-stage{aspect-ratio:4/3}}
.proof-verdict{margin:22px 0 12px;padding:17px;border-radius:8px;background:#edf5df;color:#294b27;font-size:16px;font-weight:700;line-height:1.6}.byte-map{display:flex;gap:3px;margin-top:24px;align-items:stretch}.byte-map span,.byte-map strong{padding:14px 12px;background:#eff0ec;border-radius:4px;display:flex;align-items:center;justify-content:center;text-align:center}.byte-map strong{background:#d8ee96;color:#294b27;flex:1}.hex-view{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:2.1;white-space:pre;overflow-x:auto;background:#f5f6f2;padding:15px;border:1px solid #dce0d7;border-radius:8px}.hex-offset{color:#858d82;margin-right:14px}.hex-highlight{background:#d8ee96;color:#24411e}.proof-downloads{display:flex;gap:20px;flex-wrap:wrap;margin:24px 0;color:#326449;font-weight:700}.proof-downloads a{text-decoration:underline}.verify-command{padding:15px;background:#f5f6f2;overflow-x:auto;line-height:1.7}#details h3{font-size:13px;margin-top:24px}#evidence dd{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.6}@media(max-width:720px){#evidence{grid-template-columns:1fr;gap:5px}#evidence dd{margin-bottom:10px}.byte-map{font-size:10px}.byte-map span,.byte-map strong{padding:10px 7px}.proof-verdict{font-size:14px}}
.structure-intro{font-size:18px!important;line-height:1.8!important;color:var(--ink);margin:25px 0}.marker-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.marker-cards article{padding:22px;background:#f3f5ee;border-radius:10px}.marker-cards article>span{font-size:10px;letter-spacing:1px;color:var(--green)}.marker-cards strong{display:block;font-size:27px;margin:16px 0;font-family:ui-monospace,monospace;color:var(--ink)}.marker-cards p{margin:0}.file-structure{border:1px solid #cdd9c0;border-radius:12px;padding:22px;max-width:760px;margin:26px auto;background:#fafbf7}.structure-title{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:18px}.structure-title span{float:right;font-size:10px;color:var(--muted);font-weight:400}.outer-marker{background:#e5eadf;padding:13px 18px;font-family:monospace;font-size:17px;font-weight:700;border-radius:6px;color:var(--ink)}.outer-marker span{font-family:Arial,sans-serif;font-size:12px;font-weight:400;margin-left:16px}.exif-box{border:1px dashed #91ad71;border-radius:8px;padding:20px;margin:14px 0;background:#f0f6e7}.exif-label{font-size:12px;color:var(--green);font-weight:700}.nested-jpeg{display:flex;align-items:stretch;gap:3px;margin:16px 0}.nested-jpeg>*{padding:16px 12px;text-align:center;background:#d8ee96;border-radius:4px;color:#284325}.nested-jpeg b{font:700 19px monospace}.nested-jpeg span{flex:1;display:flex;align-items:center;justify-content:center;background:#e4efcf;font-size:13px}.exif-box p{margin:0}.body-block{padding:18px;text-align:center;font-size:13px}.boundary-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.boundary-grid .hex-view{font-size:28px;color:var(--green);font-weight:700;letter-spacing:3px;padding:12px 20px}.boundary-grid p{margin-bottom:8px}@media(max-width:720px){.marker-cards{grid-template-columns:1fr}.marker-cards article{padding:17px}.marker-cards strong{margin:9px 0;font-size:23px}.file-structure{padding:14px}.structure-title span{float:none;display:block;margin-top:8px}.exif-box{padding:12px}.nested-jpeg>*{padding:14px 8px}.nested-jpeg b{font-size:15px}.nested-jpeg span{font-size:11px}.structure-intro{font-size:16px!important}}
.exif-table-wrap{overflow-x:auto}.exif-table{width:100%;border-collapse:collapse;margin:18px 0;font-size:13px;text-align:left}.exif-table th{background:#eef2e8;color:var(--green);font-weight:700}.exif-table th,.exif-table td{padding:15px;border-bottom:1px solid var(--line);line-height:1.6}.exif-table code{display:block;color:var(--muted);font-size:11px}.exif-table td:last-child{font-weight:700;color:var(--ink);white-space:nowrap}.offset-formula{background:#edf5df;border:1px solid #d5e3bf;border-radius:10px;padding:22px;margin:20px 0 28px;color:var(--ink)}.offset-formula>span{font-size:12px;color:var(--green)}.offset-formula strong{display:block;font-family:ui-monospace,monospace;font-size:clamp(23px,4vw,36px);margin:15px 0;letter-spacing:1px}.offset-formula p{margin:0}@media(max-width:720px){.exif-table th,.exif-table td{padding:10px 8px;font-size:11px}.offset-formula{padding:17px}}
.byte-intro{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:32px 0}.byte-lesson{border:1px solid var(--line);border-radius:12px;padding:25px;background:#fafbf7}.byte-lesson h2{font-size:19px;margin:13px 0}.byte-lesson p{font-size:14px;line-height:1.8;color:var(--muted);max-width:470px}.byte-equation{display:flex;gap:20px;align-items:center;margin:22px 0 15px;flex-wrap:wrap}.byte-equation code{font-family:ui-monospace,monospace;font-size:clamp(18px,2.1vw,25px);background:#e9f0df;color:var(--green);padding:10px 13px;border-radius:7px}.byte-equation>span{color:#8a9680}.byte-equation strong{font-size:20px}.byte-lesson .byte-note{font-size:11px;margin-bottom:0}.demo-question{font-size:18px;line-height:1.8;margin-top:30px;letter-spacing:-.3px}.demo-question strong{color:var(--green)}@media(max-width:720px){.byte-intro{grid-template-columns:1fr}.byte-lesson{padding:20px}.byte-lesson p{font-size:13px}.demo-question{font-size:16px}.byte-equation{gap:12px}}
@media(min-width:1001px){.byte-intro{grid-template-columns:repeat(3,minmax(0,1fr))}.byte-lesson{padding:22px}.byte-equation{gap:10px}.byte-equation code{font-size:18px;padding:9px 10px}}@media(min-width:721px) and (max-width:1000px){.byte-intro{grid-template-columns:1fr}.byte-lesson p{max-width:none}}
.header-download{background:var(--green);color:white;padding:12px 17px;border-radius:8px;font-size:13px;font-weight:700}.header-download:hover{background:#254e38}@media(max-width:720px){.header-download{font-size:11px;padding:10px}.brand{font-size:17px;gap:6px}}
.download-page{max-width:620px;padding-top:80px;padding-bottom:70px}.download-page h1{font-size:48px}.download-action{max-width:340px;margin:30px 0 18px}.download-page .privacy{line-height:1.9}.back-link{display:inline-block;margin-top:35px;font-size:13px;color:var(--green);text-decoration:underline}@media(max-width:720px){.download-page{padding-top:50px}.download-page h1{font-size:38px}}