:root{color-scheme:light;font-family:Tahoma,Arial,sans-serif;background:#f3f6f2;color:#173425}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(100%,420px);background:white;border-radius:24px;padding:32px;text-align:center;box-shadow:0 16px 50px #1734251a}.mark{width:64px;height:64px;margin:0 auto 16px;display:grid;place-items:center;border-radius:20px;background:#1d7047;color:white;font-size:32px;font-weight:700}h1{margin:0 0 14px;font-size:30px}p{margin:0 0 22px;line-height:1.8}small{display:block;color:#607067;line-height:1.7}.ready .mark{background:#1d7047}.error .mark{background:#9b3b36}.live-shell{min-height:100vh;display:grid;place-items:center;padding:16px;background:#eef3ef}.live-card{width:min(100%,1100px);background:white;border-radius:20px;overflow:hidden;box-shadow:0 16px 50px #1734251a}.live-card header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px}.mode{padding:7px 12px;border-radius:999px;background:#e8eee9;font-size:13px}.mode.YOUR_ACTION_REQUIRED{background:#fff1c7}.viewport{position:relative;min-height:420px;display:grid;place-items:center;background:#17201b;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.viewport img{width:100%;height:auto;max-height:76vh;object-fit:contain;display:block}.viewport.locked{pointer-events:none}.shield{position:absolute;bottom:14px;right:14px;padding:9px 13px;border-radius:10px;background:#ffffffeb;color:#173425;font-weight:700}.live-card small{padding:14px 20px 18px}