:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;background:#101817;color:#eef6ef}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;margin:auto;padding:36px 24px}header,.controls{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:11px;letter-spacing:3px;color:#b4d5a1}h1{font-size:42px;line-height:1.15;letter-spacing:-1.6px;margin:10px 0 32px}button,input{font:inherit}button{border:1px solid #c5e7b4;border-radius:12px;background:#c5e7b4;color:#17221b;min-height:48px;padding:12px 20px;cursor:pointer;font-weight:650}.secondary{background:#23312b;color:#dbe9dd;border-color:#42594a}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #f3fac5;outline-offset:3px}.viewer{background:#070d0b;border:1px solid #35473c;border-radius:20px;aspect-ratio:16/9;position:relative;overflow:hidden;display:grid;place-items:center}.viewer img{width:100%;height:100%;object-fit:contain;display:none}.viewer #placeholder{color:#9fb6a6;padding:24px;text-align:center}.controls{padding:24px 0}.controls>div{display:flex;gap:10px}#status{color:#c0d9c6;font-size:14px}footer{font-size:12px;line-height:1.7;color:#94aa9b;border-top:1px solid #314137;padding-top:20px}.login{max-width:470px;padding-top:10vh}.login>p{color:#a8bbae}label{display:block;margin:26px 0 10px;font-size:14px}input[type=password]{width:100%;padding:15px;background:#1b2922;color:white;border:1px solid #4c6454;border-radius:12px}.login button{width:100%;margin-top:18px}@media(max-width:600px){main{padding:24px 14px}h1{font-size:32px}.controls{align-items:stretch;flex-direction:column}.controls>div button{flex:1}header button{font-size:12px;padding:10px}.viewer{border-radius:12px}}