.container{width:100%;max-width:1800px;margin:0 auto;padding:0 1.5rem;background-color:#f9fafb;min-height:100vh;transition:background-color .3s ease,color .3s ease}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;position:relative}.app-description{text-align:center;margin-bottom:1.5rem;font-size:1.1rem;color:#4a5568;max-width:800px;margin-left:auto;margin-right:auto}.app-title{text-align:center;margin:0;color:#1a365d;font-size:1.8rem;font-weight:600;letter-spacing:-.5px;position:relative;padding-bottom:.8rem}.app-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,#3182ce,#63b3ed);border-radius:3px}.controls{margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.testcase-buttons{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center}.testcase-button{padding:.4rem .9rem;border-radius:6px;border:1px solid #e2e8f0;font-size:.85rem;background-color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.testcase-button:hover{background-color:#edf2f7;border-color:#cbd5e0;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.testcase-button.selected{background-color:#3182ce;color:#fff;border-color:#2b6cb0;box-shadow:0 2px 4px #3182ce4d;font-weight:500}select{padding:.3rem .8rem;border-radius:4px;border:1px solid #ddd;font-size:.9rem;background-color:#fff}.grid-layout{display:grid;gap:1.2rem;margin-bottom:1.5rem;transition:all .3s ease}.row-1{grid-template-columns:1fr 1fr 1fr}.row-2{grid-template-columns:1fr 1fr}.row-3{grid-template-columns:1fr}.markdown-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014;padding:1.2rem;transition:all .3s ease}.markdown-container:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}h2{margin-bottom:.7rem;font-size:1.25rem;color:#2d3748;font-weight:600;display:flex;align-items:center;gap:.5rem}h2:before{content:"";display:inline-block;width:4px;height:1em;background:linear-gradient(180deg,#3182ce,#63b3ed);border-radius:2px}.markdown-content{white-space:pre-wrap;font-family:Fira Code,Courier New,Courier,monospace;background-color:#f8fafc;padding:1rem;border-radius:6px;border:1px solid #e2e8f0;overflow:auto;height:400px;font-size:.9rem;line-height:1.5;width:100%;box-sizing:border-box;resize:vertical;transition:all .3s ease;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f8fafc}.markdown-content:focus{border-color:#90cdf4;outline:none;box-shadow:0 0 0 3px #4299e126}.markdown-content::-webkit-scrollbar{width:8px;height:8px}.markdown-content::-webkit-scrollbar-track{background:#f8fafc}.markdown-content::-webkit-scrollbar-thumb{background-color:#cbd5e0;border-radius:4px;border:2px solid #f8fafc}textarea.markdown-content{min-height:250px}.diff-content span{display:inline}.html-preview{width:100%;height:400px;border:1px solid #e2e8f0;border-radius:6px;background-color:#fff;box-shadow:inset 0 0 10px #00000008;transition:all .3s ease}.diff-content span[style*="color: green"]{background-color:#0080001a}.diff-content span[style*="color: red"]{background-color:#ff00001a}@media (max-width: 1200px){.row-1{grid-template-columns:1fr 1fr}.row-2{grid-template-columns:1fr}}@media (max-width: 768px){.row-1{grid-template-columns:1fr}}.ast-diff-content{font-family:monospace;white-space:pre-wrap;overflow-x:auto;line-height:1.5}.ast-json-content{font-family:monospace;white-space:pre-wrap;overflow:auto;max-height:400px;font-size:.85rem;line-height:1.4;background-color:#f8f9fa;padding:.8rem;border-radius:4px;border:1px solid #eee}.diff-added-inline{background-color:#0080001a;color:#006400;border-radius:2px;padding:0 2px}.diff-removed-inline{background-color:#ff00001a;color:#8b0000;border-radius:2px;padding:0 2px}.list-item-added{background-color:#0080001a;color:#006400;border-radius:2px;padding:0 2px}.list-item-removed{background-color:#ff00001a;color:#8b0000;border-radius:2px;padding:0 2px}.markdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.markdown-actions{display:flex;gap:.5rem}.action-button{padding:.4rem;border-radius:4px;border:1px solid #ddd;background-color:#f8f9fa;font-size:.8rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-button:hover{background-color:#e9ecef;border-color:#ced4da;color:#0056b3}.action-button{position:relative}.action-button:hover:after{content:attr(title);position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:10;pointer-events:none;opacity:0;animation:fadeIn .3s forwards}@keyframes fadeIn{to{opacity:1}}.loading-indicator{font-size:.7rem;color:#666;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.external-links{margin-top:30px;margin-bottom:20px;text-align:center;padding:15px;border-top:1px solid #e2e8f0;background-color:#f8fafc;border-radius:8px;transition:all .3s ease}.external-links a{color:#3182ce;text-decoration:none;font-size:.95rem;padding:8px 16px;margin:0 10px;border-radius:6px;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;border:1px solid #e2e8f0;background-color:#fff;box-shadow:0 1px 3px #0000000d}.external-links a:hover{background-color:#ebf8ff;color:#2b6cb0;border-color:#90cdf4;transform:translateY(-1px);box-shadow:0 2px 5px #4299e133}.link-icon{font-size:1.2rem}.app-footer{margin-top:2rem;padding:1rem 0;text-align:center;font-size:.9rem;color:#718096;border-top:1px solid #e2e8f0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.6}#root{max-width:1280px;margin:0 auto;padding:2rem}