:root{font-family:system-ui,sans-serif;color:#193632;background:#f7f8f5;font-size:16px}*{box-sizing:border-box}body{margin:0}header,main{max-width:1120px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;border-bottom:1px solid #c9d6d1}header span,.quiet{font-size:.85rem;color:#566967}a{color:#285e59}h1{font-size:clamp(2rem,5vw,3.2rem);max-width:760px;letter-spacing:-.04em;margin:12px 0}p{line-height:1.55;max-width:850px}button,.pick,select{font:inherit;border:1px solid #79998e;border-radius:10px;padding:12px;background:#fff;color:#193632;min-height:44px}button,.pick{cursor:pointer}button:disabled{opacity:.5;cursor:default}#run,.pick{background:#285e59;color:#fff}input[type=file]{display:block;margin-top:10px;max-width:100%}.pick{display:inline-block}section{margin-top:24px}.player{background:#081815;border-radius:16px;overflow:hidden}video{width:100%;max-height:65vh;display:block;object-fit:contain}.controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}.setup,.confirm,#feedback{padding:20px;background:#fff;border:1px solid #c9d6d1;border-radius:14px;margin-top:18px}.stills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.still{padding:0;overflow:hidden;text-align:left;border-radius:10px}.still canvas{width:100%;display:block;background:#081815}.still span{display:block;padding:10px;font-size:.9rem}.confirm label{display:block;margin:12px 0;line-height:1.5}input[type=checkbox]{width:20px;height:20px;vertical-align:middle}#status{font-weight:600}output{font-variant-numeric:tabular-nums}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bc7000;outline-offset:3px}[hidden]{display:none!important}@media(max-width:600px){header,main{padding:16px}.stills{grid-template-columns:repeat(2,minmax(0,1fr))}.setup,.confirm,#feedback{padding:14px}header span{font-size:.7rem}}.player{position:relative}#overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}