:root{font-family:Tahoma,Arial,sans-serif;color:#24342d;background:#f5f7f3;color-scheme:light;--green:#175840;--line:#dbe3dc}*{box-sizing:border-box}body{margin:0;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}header{display:flex;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid var(--line);background:#fff}header strong{font-size:15px}header small{display:block;font-size:11px;color:#64766a;margin-top:5px}.brand{display:grid;place-items:center;width:40px;height:40px;background:var(--green);color:#fff;border-radius:12px;font:bold 15px Arial}.badge{margin-right:auto;font-size:11px;padding:6px 10px;border:1px solid var(--line);border-radius:20px}main{max-width:620px;margin:auto;padding:28px 20px}h1{font-size:24px;line-height:1.8;margin:0 0 10px;font-weight:700}p{font-size:14px;line-height:1.95;color:#56675e}.sites{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}button{font-family:inherit;cursor:pointer;background:white;border:1px solid var(--line);color:#24342d;border-radius:12px;padding:13px 17px;font-size:13px;min-height:44px}button:focus-visible,input:focus-visible{outline:3px solid #6eaa88;outline-offset:2px}button:disabled{opacity:.5;cursor:wait}.sites button{text-align:right;min-height:88px}.sites strong{display:block;font:600 19px Arial;margin-bottom:9px}.sites small{font-size:11px;color:#64766a}.note{background:#eaf0e8;border-radius:12px;padding:14px;font-size:12px}label{font-size:13px;display:block;margin:16px 0 8px}.url-row{display:flex;gap:8px}input{font:15px Arial;border:1px solid var(--line);border-radius:12px;padding:13px;width:100%;min-width:0}#status,#viewer-status{font-size:13px;line-height:1.8;margin-top:16px;color:var(--green)}#viewer{max-width:1400px;margin:auto;padding:10px}.toolbar{display:flex;justify-content:space-between;align-items:center;font-size:12px;min-height:35px;gap:10px}#screen{width:100%;height:calc(100dvh - 238px);min-height:240px;background:#d7ddd8;border:1px solid var(--line);border-radius:8px;overflow:auto;touch-action:none}#screen canvas{outline:none}.controls{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.controls button{flex:1;padding:9px;white-space:nowrap}.controls .primary{background:var(--green);color:white;border-color:var(--green);flex:2}#mobile-keyboard{position:fixed;opacity:.01;width:1px;height:1px;bottom:0;left:50%;border:0;padding:0;font-size:16px}.hint{font-size:11px;margin:10px 3px 0}#viewer-status{margin:4px;font-size:11px}[hidden]{display:none!important}@media(orientation:landscape) and (max-height:600px){header{padding:7px 12px}.brand{width:28px;height:28px;border-radius:8px}header small,.hint{display:none}#screen{height:calc(100dvh - 150px);min-height:130px}#viewer{padding:4px 10px}.toolbar{min-height:25px}.controls{margin-top:5px}}