*{box-sizing:border-box}body{margin:0;background:#101112;color:#eee;font:13px system-ui;height:100dvh;display:flex;flex-direction:column}header{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#1b1e20;flex-wrap:wrap;min-height:49px}header strong{white-space:nowrap;font-size:13px}#status{flex:1;min-width:100px;color:#c3c7cd}button{border:1px solid #535961;border-radius:6px;background:#303337;color:#eee;padding:7px 11px;cursor:pointer;white-space:nowrap;font-size:12px}button:disabled{opacity:.45;cursor:default}button.primary{background:#bf7225;color:#fff;border-color:#bf7225}button.finish{background:#244138;border-color:#356450;color:#d3ffec}#clipboard{display:flex;gap:7px;align-items:center;padding:7px 12px;background:#222528;border-bottom:1px solid #414449}#clipboard input{flex:1;min-width:0;height:34px;background:#101112;color:#eee;border:1px solid #555;border-radius:6px;padding:0 10px;font:12px system-ui}#clipboard input:focus{outline:1px solid #b87737;border-color:#b87737}#message{padding:0 12px;color:#edbd7f;white-space:normal;font-size:12px}#message:not(:empty){padding:5px 12px;background:#202224;border-bottom:1px solid #34373b}#screen{flex:1;min-height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:750px){header{gap:6px;padding:8px}#status{min-width:60px}button{padding:7px 8px;font-size:11px}#clipboard{padding:7px 8px}}