.host.cwh { background: var(--face); }
.cw { display: flex; align-items: flex-start; gap: 8px; padding: 4px; }
.cwL { flex: none; width: 290px; }
.cwR { flex: 1 1 0; min-width: 0; }
.cw .grp { margin-bottom: 6px; }
.cw-g { display: grid; grid-template-columns: max-content minmax(0, 1fr) max-content; align-items: center; gap: 3px 6px; margin: 2px 2px 4px; }
.cw select, .cw-i { width: 100%; min-width: 0; height: 20px; padding: 0 3px; border: 0; outline: 0; background: #fff; box-shadow: var(--sunk); font: inherit; }
.cw-i { cursor: text; -webkit-user-select: text; user-select: text; }
.cw-i.ro { background: var(--face); }
.cw-ta { display: block; width: 100%; box-sizing: border-box; height: 56px; margin-bottom: 4px; padding: 2px 3px; border: 0; outline: 0; resize: none; background: #fff; box-shadow: var(--sunk); font: inherit; cursor: text; -webkit-user-select: text; user-select: text; }
.cw-ans { height: 40px; margin: 4px 0 0; background: var(--face); }
.cw-btns { display: flex; align-items: center; justify-content: flex-end; gap: 6px; margin-bottom: 4px; }
.cw-est { margin-right: auto; }
.cw-bar { display: flex; align-items: stretch; gap: 4px; margin-bottom: 4px; }
.cw-led { flex: none; width: 10px; background: #003000; box-shadow: var(--sunk); }
.cw-led.on { background: #00ff00; }
.cw-elem { flex: 1 1 0; min-width: 0; height: 40px; display: flex; align-items: flex-end; justify-content: flex-end; gap: 6px; padding: 3px; overflow: hidden; background: #000; box-shadow: var(--sunk); color: #00ff00; font-size: 10px; }
.cw-c { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }
.cw-m { display: flex; align-items: center; gap: 2px; height: 6px; }
.cw-d { display: block; width: 4px; height: 4px; background: #00ff00; }
.cw-h { display: block; width: 12px; height: 4px; background: #00ff00; }
.cw-key { display: block; width: 100%; height: 50px; margin-bottom: 4px; font-weight: bold; font-size: 14px; touch-action: none; }
.cw-out { height: 52px; margin-bottom: 4px; padding: 2px 3px; overflow-y: auto; background: #fff; box-shadow: var(--sunk); font-family: monospace; word-break: break-all; cursor: default; -webkit-user-select: text; user-select: text; }
.cw-wfbox { background: #000; box-shadow: var(--sunk); line-height: 0; }
.cw-wf { display: block; width: 100%; height: 150px; image-rendering: pixelated; }
.cw-axis { display: flex; justify-content: space-between; margin-top: 2px; font-size: 10px; }
.cw-refbox { max-height: 150px; margin-top: 4px; overflow-y: auto; background: #fff; box-shadow: var(--sunk); }
.cw-ref { display: grid; grid-template-columns: repeat(4, max-content minmax(0, 1fr)); gap: 0 8px; padding: 2px 6px; font-family: monospace; }
.cw-ref.q { grid-template-columns: max-content minmax(0, 1fr); }
.cw-ref.p { grid-template-columns: max-content minmax(0, 1fr); }
.cw-rc { font-weight: bold; }
.cw-rv { -webkit-user-select: text; user-select: text; }
@media (max-width: 700px) {
  .cw { flex-direction: column; align-items: stretch; }
  .cwL { width: auto; }
}
.cw select { appearance: none; -webkit-appearance: none; cursor: default; padding: 0 20px 0 3px; background: #fff url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><path fill='%23fff' d='M0 0h1v1h-1zM1 0h1v1h-1zM2 0h1v1h-1zM3 0h1v1h-1zM4 0h1v1h-1zM5 0h1v1h-1zM6 0h1v1h-1zM7 0h1v1h-1zM8 0h1v1h-1zM9 0h1v1h-1zM10 0h1v1h-1zM11 0h1v1h-1zM12 0h1v1h-1zM13 0h1v1h-1zM14 0h1v1h-1zM15 0h1v1h-1zM0 1h1v1h-1zM0 2h1v1h-1zM0 3h1v1h-1zM0 4h1v1h-1zM0 5h1v1h-1zM0 6h1v1h-1zM0 7h1v1h-1zM0 8h1v1h-1zM0 9h1v1h-1zM0 10h1v1h-1zM0 11h1v1h-1zM0 12h1v1h-1zM0 13h1v1h-1zM0 14h1v1h-1zM0 15h1v1h-1z'/><path fill='%23d4d0c8' d='M1 1h1v1h-1zM2 1h1v1h-1zM3 1h1v1h-1zM4 1h1v1h-1zM5 1h1v1h-1zM6 1h1v1h-1zM7 1h1v1h-1zM8 1h1v1h-1zM9 1h1v1h-1zM10 1h1v1h-1zM11 1h1v1h-1zM12 1h1v1h-1zM13 1h1v1h-1zM1 2h1v1h-1zM2 2h1v1h-1zM3 2h1v1h-1zM4 2h1v1h-1zM5 2h1v1h-1zM6 2h1v1h-1zM7 2h1v1h-1zM8 2h1v1h-1zM9 2h1v1h-1zM10 2h1v1h-1zM11 2h1v1h-1zM12 2h1v1h-1zM13 2h1v1h-1zM1 3h1v1h-1zM2 3h1v1h-1zM3 3h1v1h-1zM4 3h1v1h-1zM5 3h1v1h-1zM6 3h1v1h-1zM7 3h1v1h-1zM8 3h1v1h-1zM9 3h1v1h-1zM10 3h1v1h-1zM11 3h1v1h-1zM12 3h1v1h-1zM13 3h1v1h-1zM1 4h1v1h-1zM2 4h1v1h-1zM3 4h1v1h-1zM4 4h1v1h-1zM5 4h1v1h-1zM6 4h1v1h-1zM7 4h1v1h-1zM8 4h1v1h-1zM9 4h1v1h-1zM10 4h1v1h-1zM11 4h1v1h-1zM12 4h1v1h-1zM13 4h1v1h-1zM1 5h1v1h-1zM2 5h1v1h-1zM3 5h1v1h-1zM4 5h1v1h-1zM5 5h1v1h-1zM6 5h1v1h-1zM7 5h1v1h-1zM8 5h1v1h-1zM9 5h1v1h-1zM10 5h1v1h-1zM11 5h1v1h-1zM12 5h1v1h-1zM13 5h1v1h-1zM1 6h1v1h-1zM2 6h1v1h-1zM3 6h1v1h-1zM11 6h1v1h-1zM12 6h1v1h-1zM13 6h1v1h-1zM1 7h1v1h-1zM2 7h1v1h-1zM3 7h1v1h-1zM4 7h1v1h-1zM10 7h1v1h-1zM11 7h1v1h-1zM12 7h1v1h-1zM13 7h1v1h-1zM1 8h1v1h-1zM2 8h1v1h-1zM3 8h1v1h-1zM4 8h1v1h-1zM5 8h1v1h-1zM9 8h1v1h-1zM10 8h1v1h-1zM11 8h1v1h-1zM12 8h1v1h-1zM13 8h1v1h-1zM1 9h1v1h-1zM2 9h1v1h-1zM3 9h1v1h-1zM4 9h1v1h-1zM5 9h1v1h-1zM6 9h1v1h-1zM8 9h1v1h-1zM9 9h1v1h-1zM10 9h1v1h-1zM11 9h1v1h-1zM12 9h1v1h-1zM13 9h1v1h-1zM1 10h1v1h-1zM2 10h1v1h-1zM3 10h1v1h-1zM4 10h1v1h-1zM5 10h1v1h-1zM6 10h1v1h-1zM7 10h1v1h-1zM8 10h1v1h-1zM9 10h1v1h-1zM10 10h1v1h-1zM11 10h1v1h-1zM12 10h1v1h-1zM13 10h1v1h-1zM1 11h1v1h-1zM2 11h1v1h-1zM3 11h1v1h-1zM4 11h1v1h-1zM5 11h1v1h-1zM6 11h1v1h-1zM7 11h1v1h-1zM8 11h1v1h-1zM9 11h1v1h-1zM10 11h1v1h-1zM11 11h1v1h-1zM12 11h1v1h-1zM13 11h1v1h-1zM1 12h1v1h-1zM2 12h1v1h-1zM3 12h1v1h-1zM4 12h1v1h-1zM5 12h1v1h-1zM6 12h1v1h-1zM7 12h1v1h-1zM8 12h1v1h-1zM9 12h1v1h-1zM10 12h1v1h-1zM11 12h1v1h-1zM12 12h1v1h-1zM13 12h1v1h-1zM1 13h1v1h-1zM2 13h1v1h-1zM3 13h1v1h-1zM4 13h1v1h-1zM5 13h1v1h-1zM6 13h1v1h-1zM7 13h1v1h-1zM8 13h1v1h-1zM9 13h1v1h-1zM10 13h1v1h-1zM11 13h1v1h-1zM12 13h1v1h-1zM13 13h1v1h-1z'/><path fill='%23808080' d='M14 1h1v1h-1zM14 2h1v1h-1zM14 3h1v1h-1zM14 4h1v1h-1zM14 5h1v1h-1zM14 6h1v1h-1zM14 7h1v1h-1zM14 8h1v1h-1zM14 9h1v1h-1zM14 10h1v1h-1zM14 11h1v1h-1zM14 12h1v1h-1zM14 13h1v1h-1zM1 14h1v1h-1zM2 14h1v1h-1zM3 14h1v1h-1zM4 14h1v1h-1zM5 14h1v1h-1zM6 14h1v1h-1zM7 14h1v1h-1zM8 14h1v1h-1zM9 14h1v1h-1zM10 14h1v1h-1zM11 14h1v1h-1zM12 14h1v1h-1zM13 14h1v1h-1zM14 14h1v1h-1z'/><path fill='%23404040' d='M15 1h1v1h-1zM15 2h1v1h-1zM15 3h1v1h-1zM15 4h1v1h-1zM15 5h1v1h-1zM15 6h1v1h-1zM15 7h1v1h-1zM15 8h1v1h-1zM15 9h1v1h-1zM15 10h1v1h-1zM15 11h1v1h-1zM15 12h1v1h-1zM15 13h1v1h-1zM15 14h1v1h-1zM1 15h1v1h-1zM2 15h1v1h-1zM3 15h1v1h-1zM4 15h1v1h-1zM5 15h1v1h-1zM6 15h1v1h-1zM7 15h1v1h-1zM8 15h1v1h-1zM9 15h1v1h-1zM10 15h1v1h-1zM11 15h1v1h-1zM12 15h1v1h-1zM13 15h1v1h-1zM14 15h1v1h-1zM15 15h1v1h-1z'/><path fill='%23000' d='M4 6h1v1h-1zM5 6h1v1h-1zM6 6h1v1h-1zM7 6h1v1h-1zM8 6h1v1h-1zM9 6h1v1h-1zM10 6h1v1h-1zM5 7h1v1h-1zM6 7h1v1h-1zM7 7h1v1h-1zM8 7h1v1h-1zM9 7h1v1h-1zM6 8h1v1h-1zM7 8h1v1h-1zM8 8h1v1h-1zM7 9h1v1h-1z'/></svg>") no-repeat right 2px center / 16px 16px; }