.md-container{max-width:1400px;margin:0 auto;padding:60px 20px;min-height:100vh;font-family:Inter,sans-serif;color:#e4e4e7}.md-title{font-size:3rem;font-weight:800;background:linear-gradient(90deg,#3b82f6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}.md-subtitle{color:#a1a1aa;font-size:1.1rem}.md-tabs{display:flex;gap:10px;margin-bottom:0}.md-tab{background:hsla(0,0%,100%,.05);color:#a1a1aa;padding:12px 24px;border-radius:8px 8px 0 0;cursor:pointer;font-weight:600;transition:all .2s;border:1px solid hsla(0,0%,100%,.1);border-bottom:none;font-size:.95rem}.md-tab:hover{background:hsla(0,0%,100%,.1);color:#fff}.md-tab.active{color:#fff;border-top:2px solid #3b82f6}.md-panel,.md-tab.active{background:rgba(39,39,42,.8)}.md-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:0 8px 8px 8px;padding:20px;min-height:550px;display:flex;flex-direction:column}.md-textarea{flex-grow:1;background:rgba(0,0,0,.3)!important;color:#4ade80!important;border:1px solid hsla(0,0%,100%,.1)!important;font-family:Fira Code,monospace;resize:none;height:500px}.md-textarea:focus{box-shadow:0 0 15px rgba(59,130,246,.3)!important;border-color:#3b82f6!important}.md-preview-panel{background:#fff;border-radius:12px;height:100%;min-height:550px;display:flex;flex-direction:column;overflow:hidden;border:1px solid hsla(0,0%,100%,.1)}.md-preview-header{background:#f4f4f5;padding:15px 20px;font-weight:600;color:#52525b;border-bottom:1px solid #e4e4e7;font-size:1.1rem}.md-preview-content{padding:30px;color:#18181b;overflow-y:auto;flex-grow:1}.md-table-builder{flex-grow:1;display:flex;flex-direction:column}.md-grid{width:100%;border-collapse:separate;border-spacing:4px}.md-cell-input{width:100%;background:rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.2);color:#fff;padding:8px 12px;border-radius:6px;font-family:Inter,sans-serif;transition:all .2s}.md-cell-input:focus{outline:none;border-color:#3b82f6;background:rgba(0,0,0,.8)}.md-cell-header{background:rgba(59,130,246,.2);font-weight:700;border-color:rgba(59,130,246,.5)}.md-btn-generate{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:700;font-size:1.1rem;margin-top:auto;cursor:pointer;transition:transform .2s,box-shadow .2s}.md-btn-generate:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(139,92,246,.4)}.markdown-body table{width:100%;border-collapse:collapse;margin-bottom:1rem}.markdown-body td,.markdown-body th{border:1px solid #d4d4d8;padding:8px 12px}.markdown-body th{background-color:#f4f4f5;font-weight:600}