:root{font-family:Segoe UI,Arial,sans-serif;color:#243e33;background:#eef1e8}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1400px;margin:auto}header{padding:30px 26px 22px;display:flex;justify-content:space-between;gap:20px;align-items:center}h1{font-size:29px;font-weight:500;letter-spacing:-1px;margin:7px 0}h2{font-size:20px;font-weight:500;margin:10px 0}.eyebrow{font-size:10px;letter-spacing:2px;color:#6c8060}p{font-size:13px;line-height:1.7;color:#708068;margin:7px 0}a{color:#345e41;font-size:12px}main{padding:0 26px}.screen{border-radius:12px;overflow:hidden;box-shadow:0 12px 45px #25382222;background:#f7f8f2}canvas{display:block;width:100%;height:auto;aspect-ratio:16/9}.transport{display:flex;gap:14px;align-items:center;padding:20px 0;flex-wrap:wrap}button{background:#31583c;color:white;padding:10px 16px;border:0;border-radius:6px;cursor:pointer;font:12px Segoe UI}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #7fa45b;outline-offset:3px}.scrub{display:flex;align-items:center;gap:10px;flex:1;min-width:180px}.scrub input{width:100%;accent-color:#557d42}label,output{font-size:12px}#scenes{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}#scenes button{background:#f8faf3;color:#6a7961;text-align:left;padding:13px;border:1px solid #dde4d4;line-height:1.6}#scenes button[aria-current=true]{border-color:#809b62;background:#e2eccf;color:#31513b}#scenes small{display:block;font-size:10px}.notes{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;margin:25px 0;padding:25px;background:#fafbf6;border-radius:10px}.notes p{max-width:750px}.recording{padding:20px;border:1px solid #d7dfce;border-radius:9px;margin-bottom:20px}.recording summary{cursor:pointer;font-size:13px}.recording p{margin:14px 0}.recording button{margin:8px}.recording a{margin:10px}footer{padding:20px 26px;font-size:11px;color:#7b8771}[hidden]{display:none!important}@media(max-width:800px){header{display:block}#scenes{grid-template-columns:repeat(3,1fr)}.notes{grid-template-columns:1fr;gap:20px}.transport{gap:10px}header,main,footer{padding-left:14px;padding-right:14px}}