#etime-view { overflow: auto; padding: 20px; }
.etime-heading, .etime-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.etime-heading h2 { margin: 0 auto 0 0; font-size: 22px; }
.etime-heading a { color: #8cafff; }
.etime-form { padding: 20px 0; border-bottom: 1px solid #33383b; }
.etime-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 20px; }
.etime-grid label { display: flex; flex-direction: column; gap: 7px; min-width: 0; color: #aeb8b9; font-size: 13px; }
.etime-grid .etime-check { flex-direction: row; align-items: center; }
.etime-check input { width: 16px; height: 16px; accent-color: #69b78b; }
.etime-wide { grid-column: 1 / -1; }
#etime-view input:not([type=checkbox]), #etime-view select, #etime-view textarea { width: 100%; min-width: 0; box-sizing: border-box; background: #101415; color: #eef2f2; border: 1px solid #374044; border-radius: 6px; padding: 9px 10px; font: inherit; letter-spacing: 0; }
#etime-view textarea { resize: vertical; line-height: 1.55; }
.etime-actions { margin: 14px 0; }
.etime-actions > input { flex: 1; }
.etime-debug { padding: 18px 0; }
.etime-debug h3 { font-size: 16px; margin: 0 0 18px; }
.etime-id { font: 11px monospace; overflow-wrap: anywhere; color: #879296; }
#etime-meter { display: block; width: 100%; height: 44px; background: #0c1011; border-bottom: 1px solid #303b3e; }
#etime-view output { color: #9bcbb0; font-size: 13px; overflow-wrap: anywhere; }
#etime-view output[data-error=true] { color: #f1ad91; }
.etime-messages { max-height: 460px; overflow: auto; margin: 14px 0; }
.etime-message { padding: 14px 0; border-bottom: 1px solid #343c40; }
.etime-message header { color: #8a969a; font: 11px monospace; overflow-wrap: anywhere; }
.etime-result-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; margin-top: 12px; }
.etime-result-grid h4 { margin: 0 0 6px; font-size: 12px; color: #84c6ad; }
.etime-result-grid > :last-child h4 { color: #9baff1; }
.etime-result-grid p, .etime-result-grid pre { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14px; }
#etime-events { max-height: 250px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 11px; color: #b8c4c5; }
#etime-view summary { cursor: pointer; color: #94a6af; font-size: 13px; margin: 12px 0; }
@media (max-width: 720px) { #etime-view { padding: 12px; } .etime-grid, .etime-result-grid { grid-template-columns: minmax(0, 1fr); } .etime-actions .button { flex-shrink: 0; } }