*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#1e1e1e;color:#d4d4d4}.app{display:flex;flex-direction:column;height:100vh}header{padding:1rem 1.5rem;background:#252526;border-bottom:1px solid #3c3c3c}header h1{margin:0;font-size:1.25rem;font-weight:500;color:#fff}header p{margin:.5rem 0 0;font-size:.875rem;color:#888}.schema-toggle{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.875rem;color:#888;cursor:pointer}.schema-toggle input{accent-color:#4caf50}.schema-badge{padding:.2rem .5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#4caf5033;color:#4caf50;border-radius:3px}.main{display:flex;flex:1;overflow:hidden}.editor-panel{flex:1;display:flex;flex-direction:column;border-right:1px solid #3c3c3c}.results-panel{width:400px;display:flex;flex-direction:column;background:#252526}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#888;background:#2d2d2d;border-bottom:1px solid #3c3c3c}.format-btn{padding:.35rem .75rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:#0e639c;color:#fff;border:none;border-radius:3px;cursor:pointer;transition:background .15s}.format-btn:hover:not(:disabled){background:#17b}.format-btn:disabled{opacity:.6;cursor:not-allowed}textarea{flex:1;padding:1rem;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:14px;line-height:1.6;background:#1e1e1e;color:#d4d4d4;border:none;resize:none;outline:none}textarea::placeholder{color:#555}.results{flex:1;overflow-y:auto;padding:.5rem}.result-item{padding:.75rem;margin-bottom:.5rem;border-radius:4px;font-size:.875rem}.result-item.error{background:#f4433626;border-left:3px solid #f44336}.result-item.warning{background:#ff980026;border-left:3px solid #ff9800}.result-item.info{background:#2196f326;border-left:3px solid #2196f3}.result-rule{font-weight:600;margin-bottom:.25rem}.result-message{color:#ccc;margin-bottom:.5rem}.result-help{font-size:.8rem;color:#888}.no-issues{padding:2rem;text-align:center;color:#4caf50}.examples{padding:1rem;border-top:1px solid #3c3c3c}.examples h3{margin:0 0 .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#888}.example-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.example-btn{padding:.4rem .75rem;font-size:.75rem;background:#3c3c3c;color:#d4d4d4;border:none;border-radius:4px;cursor:pointer;transition:background .15s}.example-btn:hover{background:#4c4c4c}.stats{padding:.75rem 1rem;font-size:.75rem;color:#888;background:#2d2d2d;border-top:1px solid #3c3c3c}.stats span{margin-right:1rem}.stats .error-count{color:#f44336}.stats .warning-count{color:#ff9800}.stats .info-count{color:#2196f3}