@charset "UTF-8";
.yj-toolbar { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.yj-mode { display: flex; gap: 6px; }
.yj-btns { display: flex; flex-wrap: wrap; gap: 8px; }
.yj-status { min-height: 22px; margin-bottom: 12px; font-size: 0.9rem; font-weight: 600; }
.yj-status.ok { color: var(--tool-success); }
.yj-status.err { color: var(--tool-danger); }
.yj-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.yj-col { display: flex; flex-direction: column; gap: 6px; }
.yj-collabel { font-weight: 600; font-size: 0.9rem; }
#yjInput, #yjOutput { min-height: 420px; font-family: 'Courier New', monospace; font-size: 0.92rem; white-space: pre; }
.yj-about p { margin: 0 0 12px; }
.yj-about code { background: var(--alt-content-bg-color); padding: 1px 5px; border-radius: 4px; font-size: 0.85rem; }
@media (max-width: 800px) { .yj-grid { grid-template-columns: 1fr; } #yjInput, #yjOutput { min-height: 240px; } }