:root{color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#0b101c;color:#f5f6fb}
.screen{width:min(100%,460px);margin:0 auto;padding:16px 16px 42px}
header{display:flex;gap:12px;align-items:center;margin:6px 0 16px}.mark{display:grid;place-items:center;background:#4775df;border-radius:11px;font-weight:800;width:40px;height:40px}
header strong{font-size:18px}header p{font-size:12px;color:#9ba6ba;margin:3px 0 0}
.notice{border-radius:12px;background:#1d2839;padding:11px 14px;color:#d1e1ff;margin-bottom:14px}.notice p{margin:0;font-size:14px;line-height:1.5}
.frame{position:relative;max-width:390px;margin:auto;border:1px solid #47566f;background:#e1e5ea;overflow:hidden;border-radius:12px}
.frame img{display:block;max-width:100%;height:auto;touch-action:none;user-select:none;-webkit-user-select:none}
.frame img[hidden]{display:none}
#placeholder{color:#526176;min-height:270px;display:grid;place-items:center;text-align:center;padding:20px}
.hint{font-size:12px;line-height:1.45;color:#a6b5cb}
.actions{display:grid;gap:9px;margin-top:15px}button,input,select{border-radius:10px;font:inherit}
button{color:#fff;background:#315dd6;border:1px solid #5685e6;min-height:43px;padding:10px;cursor:pointer}
button:disabled{background:#283044;color:#8f9bb1;border-color:#374055;cursor:default}
#return{background:#196b53;border-color:#2ba57c}
.input-line{display:grid;gap:7px;border-top:1px solid #2b394d;padding-top:12px;margin-top:5px}
label{font-size:13px;color:#c0cade}
input,select{background:#151e2d;color:#fff;border:1px solid #53627e;min-height:44px;padding:11px}
footer{color:#8c9cb2;font-size:11px;text-align:center;margin-top:20px}