:root{font-family:system-ui,Arial,sans-serif;color-scheme:dark}
  *{box-sizing:border-box}
  html,body{height:100%;height:100dvh}
  body{margin:0;display:flex;flex-direction:column;overflow:hidden;background:#151922;color:#e6ecf2}
  header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding:9px 14px;background:#202938}
  h1{font-size:16px;margin:0;font-weight:600}
  #status{color:#a9bad0;font-size:13px;text-align:right}
  main{width:100%;flex:1;min-height:0;padding:6px;display:flex;flex-direction:column}
  form,.panel{width:min(100%,420px);background:#202938;border-radius:10px;padding:22px;margin:auto;align-self:center}
  label{display:block;margin-bottom:10px}
  input{width:100%;padding:11px;margin:10px 0 16px;background:#141d29;color:white;border:1px solid #536274;border-radius:6px;font-size:16px}
  button{background:#3880d9;color:white;border:0;border-radius:6px;padding:11px 20px;cursor:pointer;font-size:15px}
  button:disabled{opacity:.55;cursor:wait}
  #viewer{flex:1;min-height:0;display:flex;flex-direction:column}
  #screen{flex:1;min-height:0;width:100%;background:#06080c;overflow:hidden;border:1px solid #303b49;border-radius:3px}
  #screen canvas{display:block}
  .muted{color:#9dafc3;font-size:13px}
  #error,#power-error{color:#ff9c9c;white-space:pre-wrap}
  [hidden]{display:none!important}

  .header-right{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}
  .minor-button{padding:6px 11px;border:1px solid #536274;background:#2a3c52;font-size:13px;white-space:nowrap}
  #viewer{position:relative}
  .clipboard-panel{position:absolute;z-index:20;right:10px;top:10px;width:min(370px,calc(100% - 20px));max-height:calc(100% - 20px);overflow:auto;background:#202938;border:1px solid #506178;box-shadow:0 12px 36px #000a;border-radius:8px;padding:15px}
  .clipboard-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
  .close-button{padding:0 8px;background:transparent;font-size:26px;line-height:1.2}
  .clipboard-panel label{font-size:13px;margin:14px 0 5px;font-weight:600}
  .clipboard-panel textarea{display:block;width:100%;resize:vertical;min-height:75px;max-height:220px;background:#141d29;color:white;border:1px solid #536274;border-radius:6px;padding:9px;font-size:14px;line-height:1.35}
  .clipboard-panel textarea:focus-visible,.clipboard-panel button:focus-visible{outline:2px solid #91bbff;outline-offset:2px}
  .clipboard-panel button:not(.close-button){margin-top:9px;padding:9px 12px;font-size:13px}
  .clipboard-hint{font-size:12px;color:#a9bad0;margin:8px 0;line-height:1.4;white-space:pre-wrap}
  @media(max-width:620px){header{gap:6px;padding:7px}h1{font-size:13px}#status{font-size:11px}.header-right{gap:6px}.minor-button{padding:5px;font-size:11px}}