main{flex-direction:column;flex:1;display:flex;overflow-y:auto}.editor-wrap{flex:1;min-height:0;position:relative}.CodeMirror{height:100%;font-family:JetBrains Mono,monospace;font-size:13px;background:transparent}.viewer-container{flex:1;overflow-y:auto;background:var(--bg);padding:12px;display:flex;flex-direction:column;gap:8px;font-family:JetBrains Mono,monospace;font-size:12px}.viewer-row{display:flex;gap:12px;padding:8px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);position:relative}.viewer-row-num{color:var(--muted);font-weight:600;width:40px;text-align:right;border-right:1px solid var(--border);padding-right:8px}.viewer-row-badge{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;align-self:flex-start;text-transform:uppercase}.badge-valid{background:#3fb95026;color:#3fb950;border:1px solid rgba(63,185,80,.3)}.badge-invalid{background:#f8514926;color:#f85149;border:1px solid rgba(248,81,73,.3)}.viewer-row-content{flex:1;min-width:0;white-space:pre-wrap;word-break:break-all}.text-error{color:#f85149}.toolbar{padding:12px 24px;background:var(--bg2);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:16px}#resultsArea{position:absolute;bottom:0;left:0;right:0;max-height:150px;background:#0d1117e6;backdrop-filter:blur(10px);border-top:1px solid var(--border);overflow-y:auto;display:none;padding:12px;font-size:12px;z-index:50}#resultsArea.show{display:block}.error-item{color:#f85149;margin-bottom:4px;display:flex;gap:8px}.success-item{color:#3fb950;font-weight:600;display:flex;gap:8px;align-items:center}@media(max-width:768px){main{flex-direction:column;height:auto;overflow:auto}.CodeMirror{height:100%}.toolbar{padding:8px 12px;gap:8px;flex-wrap:wrap}}