*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f6f5ef;color:#222a24;font:16px/1.6 system-ui,sans-serif}a{color:#28553b;text-underline-offset:3px}header,footer{display:flex;justify-content:space-between;gap:20px;padding:20px 5%;border-bottom:1px solid #d8dcd2}.brand{font-weight:800;letter-spacing:.12em;text-decoration:none}main{max-width:960px;margin:auto;padding:22px}h1{font-size:clamp(30px,5vw,44px);line-height:1.15;margin:0 0 18px}h2{font-size:23px;line-height:1.3}button,.download{font:inherit;font-weight:600;border:1px solid #bec8bc;border-radius:7px;min-height:46px;padding:9px 15px;background:#fff;color:#203c2b;cursor:pointer}button:disabled{opacity:.45;cursor:default}.primary,.download{background:#28553b;color:white;border-color:#28553b}.tool{background:#fff;border:1px solid #d8dcd2;border-radius:14px;padding:20px}.topline{display:flex;justify-content:space-between;gap:16px;align-items:center}.topline p{font-size:14px;margin:0 0 12px}.topline button{white-space:nowrap}.drop{position:relative;display:grid;place-items:center;background:#e9eee5;min-height:210px;border-radius:8px;margin-top:10px;overflow:hidden}.drop.drag{outline:3px solid #28553b}#file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}#dropContent{text-align:center;padding:20px}#dropContent h2{font-size:20px;margin-top:0}#dropContent p{font-size:14px}#preview{display:block;width:100%;height:auto;max-height:350px;object-fit:contain;background:#18231d}#preview[hidden],[hidden]{display:none!important}.meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:13px;margin:10px 0}.meta strong{overflow-wrap:anywhere}.time-row{display:flex;justify-content:space-between;gap:10px;font-size:14px}output{font-variant-numeric:tabular-nums;font-weight:700}#scrub{width:100%;height:48px;margin:0;accent-color:#28553b;touch-action:pan-y}.steps{display:grid;grid-template-columns:1fr 130px 1fr;gap:12px;align-items:end}.seek-label{font-size:12px}.seek-label input{width:100%;min-height:46px;border:1px solid #bec8bc;border-radius:7px;padding:8px;font:inherit;font-size:16px}fieldset{border:0;margin:16px 0 0;padding:0}.capture{width:100%}#status{font-size:14px;margin:10px 0 0}#error{color:#9a2424;overflow-wrap:anywhere}.results{padding:10px 0 20px}.results h2{font-size:20px}.results h2 span{font-size:13px;color:#667561}#empty{color:#64715f;font-size:14px}.frame-card{margin:0;background:#fff;border:1px solid #d8dcd2;border-radius:10px;padding:14px}.frame-card img{max-width:100%;width:auto;max-height:400px;height:auto;display:block;margin:auto}.shot-info{font-size:13px;overflow-wrap:anywhere}.download-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.download{text-align:center;text-decoration:none}article>section{margin:36px 0}article nav{font-size:14px}details{border-top:1px solid #d8dcd2;padding:15px 0}summary{cursor:pointer;font-weight:600}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;border:1px solid #d8dcd2;padding:8px;overflow-wrap:anywhere}th{background:#e9eee5}caption{text-align:left;font-size:14px;margin-bottom:12px}footer{flex-wrap:wrap;border-top:1px solid #d8dcd2;font-size:14px}#toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);max-width:90%;padding:10px 18px;border-radius:8px;background:#203c2b;color:#fff}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:600px){main{padding:18px 14px}.tool{padding:12px}.topline{display:block}.topline button{min-height:42px;margin-bottom:4px}.drop{min-height:160px}#dropContent{padding:15px}#preview{max-height:230px}.steps{grid-template-columns:1fr 94px 1fr;gap:6px}.steps button{padding:8px 5px;font-size:12px}.meta{display:block}.meta span{display:block}table{font-size:11px}th,td{padding:5px}.download{padding:10px 5px;font-size:14px}}