:root{color:#243244;background:#fff;font:14px "PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box;letter-spacing:0}body{margin:0}main{max-width:760px;margin:auto;padding:20px}header{display:flex;gap:12px;justify-content:space-between;align-items:center;padding-bottom:16px}h1{font-size:18px;margin:0}#state{font-size:13px;color:#4a6576;line-height:1.5}body[data-embedded] h1{display:none}body[data-embedded] header{justify-content:center;padding-bottom:12px}body[data-embedded] main{padding:8px 16px 16px}form{display:flex;gap:10px;align-items:end;margin:12px 0}label{display:flex;flex-direction:column;gap:6px}input,select,button{font:inherit;border:1px solid #d7dfe8;border-radius:5px;padding:9px 12px;background:#fff;color:inherit;min-height:38px}button,summary,select{cursor:pointer}button:hover:not(:disabled),summary:hover{background:#f3f6fa}button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #2563eb;outline-offset:2px}button:disabled{opacity:.45;cursor:default}#connect{background:#2466dc;color:#fff;border-color:#2466dc}#message{color:#a13e26;background:#fff3ee;border-left:3px solid #c76a3b;padding:10px 12px;line-height:1.5;overflow-wrap:anywhere;margin:0 0 12px}#screen{width:100%;min-height:260px;display:grid;place-items:center;position:relative;overflow:hidden;background:#f4f6f8;border:1px solid #e2e7ec;border-radius:6px}#image{display:block;width:100%;max-width:var(--image-width,540px);height:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:default}#screen[data-dragging] #image{cursor:grabbing}#placeholder{min-height:260px;display:flex;gap:12px;align-items:center;justify-content:center;color:#607082}#placeholder[data-done] .spinner{display:none}.spinner{width:18px;height:18px;border:2px solid #d4deea;border-top-color:#2466dc;border-radius:50%;animation:spin .85s linear infinite}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}.view-choice{margin-left:auto}.toolbar select{max-width:140px}details{position:relative}summary{list-style:none;border:1px solid #d7dfe8;border-radius:5px;padding:9px 12px;min-height:38px}summary::-webkit-details-marker{display:none}.more-actions{position:absolute;bottom:calc(100% + 8px);right:0;background:#fff;border:1px solid #d7dfe8;border-radius:6px;box-shadow:0 4px 16px #1e293b1a;padding:6px;display:grid;gap:5px;min-width:130px;z-index:2}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}@media(max-width:480px){main{padding:12px}body[data-embedded] main{padding:6px 8px 12px}header{gap:8px;flex-wrap:wrap}h1{font-size:16px}form{flex-wrap:wrap}form label{flex:1;min-width:180px}form input{width:100%}.toolbar{gap:6px}button,select,summary{padding:8px 10px;font-size:13px;min-height:40px}.view-choice{margin-left:0}#more{margin-left:auto}#screen{min-height:240px}}