:root{--n0: #ffffff;--n10: #fafbfc;--n20: #f4f5f7;--n30: #ebecf0;--n40: #dfe1e6;--n50: #c1c7d0;--n60: #b3bac5;--n70: #a5adba;--n80: #97a0af;--n100: #7a869a;--n200: #6b778c;--n300: #5e6c84;--n400: #505f79;--n500: #42526e;--n600: #344563;--n700: #253858;--n800: #172b4d;--b50: #deebff;--b75: #b3d4ff;--b100: #4c9aff;--b200: #2684ff;--b300: #0065ff;--b400: #0052cc;--b500: #0747a6;--g50: #e3fcef;--g75: #abf5d1;--g200: #57d9a3;--g300: #36b37e;--g400: #00875a;--g500: #006644;--r50: #ffebe6;--r75: #ffbdad;--r200: #ff7452;--r300: #ff5630;--r400: #de350b;--r500: #bf2600;--y50: #fffae6;--y75: #fff0b3;--y200: #ffc400;--y300: #ffab00;--y400: #ff991f;--p50: #eae6ff;--p75: #c0b6f2;--p200: #998dd9;--p300: #6554c0;--p400: #5243aa;--t50: #e6fcff;--t75: #b3f5ff;--t200: #79e2f2;--t300: #00c7e6;--t400: #00b8d9;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "SFMono-Medium", "SF Mono", "Segoe UI Mono", "Roboto Mono", "Ubuntu Mono", Menlo, Consolas, Courier, monospace;--space-0: 0;--space-025: 2px;--space-050: 4px;--space-075: 6px;--space-100: 8px;--space-150: 12px;--space-200: 16px;--space-250: 20px;--space-300: 24px;--space-400: 32px;--space-500: 40px;--space-600: 48px;--radius-050: 3px;--radius-100: 4px;--radius-200: 8px;--radius-round: 50%;--shadow-overflow: 0 0 0 1px var(--n40);--shadow-raised: 0 1px 1px var(--n40), 0 0 1px 1px var(--n30);--shadow-overlay: 0 4px 8px -2px rgba(9, 30, 66, .25), 0 0 1px rgba(9, 30, 66, .31);--shadow-card: 0 1px 1px rgba(9, 30, 66, .25), 0 0 1px 0 rgba(9, 30, 66, .31);--transition-duration: .2s;--transition-timing: cubic-bezier(.15, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;font-family:var(--font-family);font-size:14px;font-weight:400;line-height:1.42857142857;color:var(--n800);background-color:var(--n20)}a{color:var(--b400);text-decoration:none}a:hover{color:var(--b300);text-decoration:underline}a:active{color:var(--b500)}#root{max-width:1200px;margin:0 auto;padding:var(--space-400) var(--space-200) var(--space-600)}.app-shell{background:var(--n0);border-radius:var(--radius-100);box-shadow:var(--shadow-card);padding:var(--space-300)}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-100);font-weight:500;color:var(--n800);line-height:1.2}h1{font-size:29px;font-weight:600;letter-spacing:-.01em}h2{font-size:24px}h3{font-size:20px}h4{font-size:16px}p{margin:0 0 var(--space-150);color:var(--n500)}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-050);font-family:inherit;font-size:14px;font-weight:500;line-height:1;padding:var(--space-075) var(--space-150);min-height:32px;border-radius:var(--radius-050);border:none;cursor:pointer;transition:background-color var(--transition-duration) var(--transition-timing),box-shadow var(--transition-duration) var(--transition-timing),color var(--transition-duration) var(--transition-timing);white-space:nowrap;vertical-align:middle}button:focus{outline:none}button:focus-visible{outline:2px solid var(--b100);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.4}button.primary{background-color:var(--b400);color:var(--n0)}button.primary:hover:not(:disabled){background-color:var(--b300)}button.primary:active:not(:disabled){background-color:var(--b500)}button.secondary,button.default{background-color:var(--n20);color:var(--n500)}button.secondary:hover:not(:disabled),button.default:hover:not(:disabled){background-color:var(--n30)}button.secondary:active:not(:disabled),button.default:active:not(:disabled){background-color:var(--n40);color:var(--b400)}button.ghost{background-color:transparent;color:var(--n500)}button.ghost:hover:not(:disabled){background-color:var(--n20)}button.ghost:active:not(:disabled){background-color:var(--n30);color:var(--b400)}button.danger{background-color:var(--r400);color:var(--n0)}button.danger:hover:not(:disabled){background-color:var(--r300)}button.danger:active:not(:disabled){background-color:var(--r500)}button.link{background-color:transparent;color:var(--b400);padding:0;min-height:auto}button.link:hover:not(:disabled){color:var(--b300);text-decoration:underline}.controls{display:flex;gap:var(--space-100);flex-wrap:wrap;margin:var(--space-200) 0;align-items:center}.section{margin-bottom:var(--space-300)}.section-title{display:flex;align-items:center;gap:var(--space-100);font-size:16px;font-weight:600;color:var(--n800);margin-bottom:var(--space-150)}.badge{display:inline-flex;align-items:center;gap:var(--space-050);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;padding:var(--space-025) var(--space-075);border-radius:var(--radius-050);background-color:var(--b50);color:var(--b500)}.badge.success{background-color:var(--g50);color:var(--g500)}.badge.warning{background-color:var(--y50);color:var(--n800)}.badge.danger{background-color:var(--r50);color:var(--r500)}.badge.neutral{background-color:var(--n30);color:var(--n500)}.table-editor{overflow:auto;border:1px solid var(--n40);border-radius:var(--radius-100);background-color:var(--n0)}.table-editor table{width:100%;border-collapse:collapse;min-width:480px}.table-editor th,.table-editor td{border:1px solid var(--n40);padding:var(--space-100);text-align:left;vertical-align:middle}.table-editor th{background-color:var(--n20);font-weight:600;font-size:12px;color:var(--n300);text-transform:uppercase;letter-spacing:.04em}.table-editor td{background-color:var(--n0)}.table-editor tbody tr:hover td{background-color:var(--n10)}.table-editor input{width:100%;border:2px solid transparent;border-radius:var(--radius-050);padding:var(--space-075) var(--space-100);font-family:inherit;font-size:14px;background:transparent;color:var(--n800);transition:border-color var(--transition-duration) var(--transition-timing),background-color var(--transition-duration) var(--transition-timing)}.table-editor input:hover{background-color:var(--n20)}.table-editor input:focus{outline:none;border-color:var(--b100);background-color:var(--n0)}.table-editor input::placeholder{color:var(--n70)}.table-editor tfoot td{background-color:var(--n10);border-top:2px solid var(--n40)}.result-viewer{border:1px solid var(--n40);border-radius:var(--radius-100);background-color:var(--n0);overflow:hidden}.tabs{display:flex;border-bottom:2px solid var(--n30);background-color:var(--n10);padding:0 var(--space-100)}.tab{position:relative;padding:var(--space-150) var(--space-200);border:none;border-radius:0;background-color:transparent;font-weight:500;color:var(--n200);cursor:pointer;transition:color var(--transition-duration) var(--transition-timing);min-height:40px}.tab:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:transparent;transition:background-color var(--transition-duration) var(--transition-timing)}.tab:hover,.tab.active{color:var(--b400);background-color:transparent}.tab.active:after{background-color:var(--b400)}.tab:focus-visible{outline:2px solid var(--b100);outline-offset:-2px}.markdown-pane{padding:var(--space-200)}.markdown-pane textarea{width:100%;min-height:220px;border:2px solid var(--n40);border-radius:var(--radius-050);padding:var(--space-150);font-family:var(--font-family-mono);font-size:13px;line-height:1.6;background-color:var(--n800);color:var(--n30);resize:vertical;transition:border-color var(--transition-duration) var(--transition-timing)}.markdown-pane textarea:hover{border-color:var(--n50)}.markdown-pane textarea:focus{outline:none;border-color:var(--b100)}.markdown-pane textarea::placeholder{color:var(--n100)}.preview-pane{padding:var(--space-200);background-color:var(--n10);min-height:220px;border-top:1px solid var(--n30)}.preview-pane table{width:100%;border-collapse:collapse;background-color:var(--n0);border-radius:var(--radius-050);overflow:hidden;box-shadow:var(--shadow-raised)}.preview-pane th,.preview-pane td{border:1px solid var(--n40);padding:var(--space-100) var(--space-150);text-align:left}.preview-pane th{background-color:var(--n20);font-weight:600;color:var(--n600)}.preview-pane td{background-color:var(--n0);color:var(--n800)}.preview-pane tbody tr:hover td{background-color:var(--n10)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-600) var(--space-300);text-align:center}.empty-state-icon{width:64px;height:64px;margin-bottom:var(--space-200);color:var(--n70)}.empty-state-title{font-size:20px;font-weight:500;color:var(--n800);margin-bottom:var(--space-100)}.empty-state-description{font-size:14px;color:var(--n200);max-width:400px}.inline-message{display:flex;align-items:flex-start;gap:var(--space-150);padding:var(--space-200);border-radius:var(--radius-050);background-color:var(--b50);border-left:3px solid var(--b400)}.inline-message.success{background-color:var(--g50);border-left-color:var(--g400)}.inline-message.warning{background-color:var(--y50);border-left-color:var(--y400)}.inline-message.error{background-color:var(--r50);border-left-color:var(--r400)}.card{background-color:var(--n0);border-radius:var(--radius-100);box-shadow:var(--shadow-card);padding:var(--space-200)}.card:hover{box-shadow:var(--shadow-overlay)}.divider{height:2px;background-color:var(--n30);border:none;margin:var(--space-200) 0}.tooltip{position:relative;display:inline-block}.tooltip-content{position:absolute;bottom:calc(100% + var(--space-100));left:50%;transform:translate(-50%);padding:var(--space-050) var(--space-100);background-color:var(--n800);color:var(--n0);font-size:12px;border-radius:var(--radius-050);white-space:nowrap;z-index:1000;opacity:0;visibility:hidden;transition:opacity var(--transition-duration) var(--transition-timing),visibility var(--transition-duration) var(--transition-timing)}.tooltip:hover .tooltip-content{opacity:1;visibility:visible}.focus-ring:focus{outline:none}.focus-ring:focus-visible{outline:2px solid var(--b100);outline-offset:2px}.text-subtle{color:var(--n200)}.text-success{color:var(--g400)}.text-warning{color:var(--y400)}.text-danger{color:var(--r400)}.text-brand{color:var(--b400)}.bg-surface{background-color:var(--n0)}.bg-surface-sunken{background-color:var(--n20)}.bg-surface-raised{background-color:var(--n0);box-shadow:var(--shadow-raised)}@media (max-width: 768px){#root{padding:var(--space-200) var(--space-150) var(--space-400)}.app-shell{padding:var(--space-200);border-radius:var(--radius-050)}h1{font-size:24px}.table-editor table{min-width:400px}.controls{flex-direction:column;align-items:stretch}.controls button{width:100%;justify-content:center}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{padding:var(--space-100) var(--space-150);font-size:13px}}@media (max-width: 480px){.section-title{flex-direction:column;align-items:flex-start;gap:var(--space-050)}.markdown-pane textarea{min-height:160px;font-size:12px}.preview-pane{min-height:160px}}@media print{body{background-color:#fff}.app-shell{box-shadow:none;border:1px solid var(--n40)}.controls,.tabs{display:none}}