:root{color:#eef5ee;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#112d32;font:17px/1.6 system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:920px;margin:auto;padding:28px 22px 80px}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}h1{letter-spacing:-.04em;margin:32px 0 16px;font-size:clamp(2rem,6vw,3.5rem);line-height:1.1}h2{line-height:1.25}p{color:#b2cbc6}button,a,input,textarea,select{font:inherit}button,.button{cursor:pointer;color:#eef5ee;background:#1a3c40;border:1px solid #71918a;border-radius:16px;min-height:48px;padding:12px 20px;text-decoration:none}button:hover{border-color:#d5edbd}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #f3cd88}button.primary{color:#112d32;background:#d5edbd;border-color:#d5edbd;font-weight:650}button.danger{color:#f4b3a7;border-color:#f4b3a7}button:disabled{opacity:.5;cursor:wait}nav,.actions{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}nav button[aria-current=page]{color:#112d32;background:#d5edbd}.card,.note{background:#1a3c40;border-radius:24px;margin:18px 0;padding:22px}.note.warning{color:#f3cd88;border:1px solid #f3cd88}label{margin:16px 0 6px;display:block}input,textarea,select{color:#eef5ee;background:#0c2429;border:1px solid #71918a;border-radius:12px;width:100%;padding:14px}textarea{resize:vertical;min-height:140px}video{background:#081d21;border-radius:24px;width:100%;max-height:65vh}#status{white-space:pre-line;background:#1a3c40;border-radius:12px;padding:12px 16px}small{color:#b2cbc6}a{color:#d5edbd}footer{border-top:1px solid #426164;flex-wrap:wrap;gap:18px;margin-top:40px;padding-top:20px;display:flex}.hidden{display:none!important}.meter{background:#d5edbd;border-radius:5px;width:0;height:8px}.code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-family:monospace}.row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.row>*{flex:1}.caption{font-size:.85rem}.live{color:#d5edbd}.warn{color:#f3cd88}@media (width<=480px){main{padding:20px 16px 60px}nav button{flex:1;padding:10px}.actions button{flex:1}h1{margin-top:24px}}@media (prefers-reduced-motion:no-preference){button{transition:background .15s}}