:root{font:13px/1.5 system-ui,sans-serif;color:#18352d;background:#f3f6f5;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{background:#087c63;border:1px solid #087c63;border-radius:7px;color:white;font-weight:600;padding:8px 13px;cursor:pointer;white-space:nowrap}button:disabled{opacity:.45;cursor:default}.secondary{background:white;color:#214b40;border-color:#cbdad4}.danger{color:#963535}input{border:1px solid #cbdad4;border-radius:7px;padding:9px 11px;width:100%;background:white;color:inherit}input:focus,button:focus-visible,#screen:focus-visible{outline:2px solid #1a9a7d;outline-offset:2px}.workspace{max-width:1340px;margin:20px auto;padding:0 20px}header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.brand{font-size:11px;font-weight:800;letter-spacing:.13em;color:#087c63}h1{font-size:20px;letter-spacing:-.02em;margin:2px 0 0}.badge{font-size:12px;background:#e2f0e9;border-radius:30px;padding:5px 10px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}#navigate{display:flex;gap:7px;flex:1;min-width:240px}.note{font-size:12px;color:#59736a;margin:10px 0}#error,.error{color:#ad3838;font-size:12px;min-height:20px}.screen-frame{padding:5px;background:white;border:1px solid #d4e0db;border-radius:10px;box-shadow:0 6px 22px #18352d08}#screen{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;background:#fff}footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0;color:#59736a;font-size:11px}footer div{display:flex;gap:6px}footer button{font-size:11px;padding:6px 9px}.login{max-width:420px;margin:10vh auto;background:white;border:1px solid #d4e0db;border-radius:12px;padding:28px}.login h1{font-size:24px;margin:10px 0}.login p{color:#59736a}.login label{display:block;margin:15px 0 0;font-weight:600}.login input{margin-top:5px}.login button{margin:10px 5px 0 0}#dialog{background:#fff8e5;border:1px solid #e6d7a1;border-radius:8px;padding:12px;margin:10px 0}#dialog p{margin:0 0 10px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:650px){.workspace{padding:0 10px;margin:12px auto}h1{font-size:17px}.badge{font-size:10px}.login{margin:5vh 12px}.toolbar>button{flex:1}#navigate{flex-basis:100%}}
.tabbar{display:flex;align-items:center;gap:8px;margin:9px 0;color:#59736a;font-size:12px}.tabbar select{max-width:460px;min-width:160px;border:1px solid #cbdad4;background:#fff;border-radius:6px;padding:6px 9px;font:inherit;color:#18352d}#uploadPanel{background:#e8f1ec;border:1px solid #cbdad4;border-radius:7px;padding:10px;margin:9px 0}#uploadPanel input{width:auto;max-width:100%;margin-left:10px}