.lab-header { border-bottom: 1px solid #333; margin-bottom: 1.5rem; padding-bottom: 1rem; }
#privacy-line { color: #00ffaa; font-size: 0.75rem; margin-top: 0.5rem; }
#privacy-line a { color: #00ccff; text-decoration: none; }
.tabs { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 1.5rem; }
.tab { background: transparent; border: 1px solid #333; color: #888; font-family: inherit;
  padding: 0.5rem 1rem; cursor: pointer; font-size: 0.85rem; }
.tab.active { border-color: #00ccff; color: #00ccff; box-shadow: 0 0 10px rgba(0,204,255,0.2); }
.tool-panel { border: 1px solid #333; background: rgba(0,0,0,0.3); padding: 1.25rem; }
.tool-panel h2 { color: #00ccff; font-weight: normal; font-size: 1rem; margin-bottom: 0.75rem; }
.tool-panel label { display: block; color: #888; font-size: 0.75rem; margin: 0.75rem 0 0.25rem; }
.lab-input, .lab-output, .lab-select {
  width: 100%; background: #000; border: 1px solid #333; color: #0f0;
  font-family: inherit; font-size: 0.85rem; padding: 0.5rem; }
.lab-output { color: #00ffaa; word-break: break-all; white-space: pre-wrap; min-height: 2.5rem; }
.lab-row { display: flex; gap: 0.75rem; flex-wrap: wrap; align-items: end; }
.lab-row > * { flex: 1; min-width: 8rem; }
.copy-btn { background: transparent; border: 1px solid #0f0; color: #0f0; cursor: pointer;
  font-family: inherit; font-size: 0.7rem; padding: 0.2rem 0.6rem; }
.gen-btn { background: transparent; border: 1px solid #00ccff; color: #00ccff; font-family: inherit;
  padding: 0.5rem 1rem; cursor: pointer; font-size: 0.85rem; box-shadow: 0 0 10px rgba(0,204,255,0.2); }
.flag { color: #ff4444; font-size: 0.8rem; display: block; margin-top: 0.25rem; }
.flag.ok { color: #00ff88; }
.meter { height: 6px; background: #222; margin-top: 0.4rem; }
.meter > span { display: block; height: 100%; background: #00ccff; width: 0; }