@keyframes sd-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sd-blurIn{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur()}}@keyframes sd-slideUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}[data-sd-animate]{animation:var(--sd-animation,sd-fadeIn) var(--sd-duration,.15s) var(--sd-easing,ease) var(--sd-delay,0s) both}@keyframes sd-markerIn{0%{color:#0000}}[data-sd-animate-marker]::marker{animation:sd-markerIn var(--sd-marker-duration,.15s) var(--sd-marker-easing,ease) var(--sd-marker-delay,0s) both}.app{flex-direction:column;min-height:100vh;display:flex}.header{background:#fff;border-bottom:1px solid #e5e7eb;padding:2rem 1.5rem}.header-content{max-width:1400px;margin:0 auto}.header h1{color:#0f766e;margin-bottom:.5rem;font-size:1.875rem;font-weight:700}.subtitle{color:#6b7280;font-size:1rem}.controls{background:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;align-items:center;gap:2rem;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem;display:flex}.control-group{flex-direction:column;gap:.5rem;min-width:200px;display:flex}.control-group label{color:#374151;font-size:.875rem;font-weight:500}.control-group input[type=range]{-webkit-appearance:none;background:#e5e7eb;border-radius:3px;outline:none;width:100%;height:6px}.control-group input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#0f766e;border-radius:50%;width:18px;height:18px;transition:all .2s}.control-group input[type=range]::-webkit-slider-thumb:hover{background:#0d9488;transform:scale(1.1)}.control-group input[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed;background:#9ca3af}.control-group input[type=range]::-moz-range-thumb{cursor:pointer;background:#0f766e;border:none;border-radius:50%;width:18px;height:18px;transition:all .2s}.control-group input[type=range]::-moz-range-thumb:hover{background:#0d9488;transform:scale(1.1)}.control-group input[type=range]:disabled::-moz-range-thumb{cursor:not-allowed;background:#9ca3af}.control-buttons{gap:.75rem;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:6px;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s}.btn-primary{color:#fff;background:#0f766e}.btn-primary:hover{background:#0d9488}.btn-primary:focus{outline-offset:2px;outline:2px solid #0f766e}.btn-secondary{color:#fff;background:#fb923c}.btn-secondary:hover{background:#f97316}.btn-secondary:focus{outline-offset:2px;outline:2px solid #fb923c}.progress{color:#6b7280;margin-left:auto;font-size:.875rem}.panes{flex:1;grid-template-columns:1fr 1fr;gap:0;width:100%;max-width:1400px;margin:0 auto;padding:0;display:grid}.pane{border-right:1px solid #e5e7eb;flex-direction:column;min-height:600px;display:flex}.pane:last-child{border-right:none}.pane-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem}.pane-header h2{color:#111827;margin-bottom:.25rem;font-size:1rem;font-weight:600}.pane-label{color:#6b7280;font-size:.8125rem}.pane-content{background:#fff;flex:1;padding:1.5rem;font-size:.9375rem;line-height:1.7;overflow-y:auto}.naive-content h2,.streamdown-content h2{color:#111827;margin-top:2rem;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.naive-content h2:first-child,.streamdown-content h2:first-child{margin-top:0}.naive-content h3,.streamdown-content h3{color:#111827;margin-top:1.5rem;margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.naive-content p,.streamdown-content p{margin-bottom:1rem}.naive-content strong,.streamdown-content strong{color:#0f766e;font-weight:600}.naive-content code,.streamdown-content code{background:#f3f4f6;border-radius:3px;padding:.125rem .375rem;font-family:Monaco,Menlo,Consolas,monospace;font-size:.875em}.naive-content pre,.streamdown-content pre{color:#f9fafb;background:#1f2937;border-radius:6px;margin:1rem 0;padding:1rem;overflow-x:auto}.naive-content pre code,.streamdown-content pre code{color:inherit;background:0 0;padding:0;font-size:.875rem}.naive-content ul,.naive-content ol,.streamdown-content ul,.streamdown-content ol{margin:1rem 0;padding-left:1.5rem}.naive-content li,.streamdown-content li{margin-bottom:.5rem}.naive-content table,.streamdown-content table{border-collapse:collapse;width:100%;margin:1rem 0}.naive-content th,.naive-content td,.streamdown-content th,.streamdown-content td{text-align:left;border:1px solid #e5e7eb;padding:.5rem .75rem}.naive-content th,.streamdown-content th{background:#f9fafb;font-weight:600}.naive-content a,.streamdown-content a{color:#0f766e;text-decoration:underline}.naive-content a:hover,.streamdown-content a:hover{color:#0d9488}.footer{text-align:center;background:#fff;border-top:1px solid #e5e7eb;padding:2rem 1.5rem}.footer a{color:#0f766e;font-size:.875rem;text-decoration:none}.footer a:hover{text-decoration:underline}@media (width<=768px){.panes{grid-template-columns:1fr}.pane{border-bottom:1px solid #e5e7eb;border-right:none}.pane:last-child{border-bottom:none}.controls{flex-direction:column;align-items:stretch}.progress{margin-left:0}}*{box-sizing:border-box;margin:0;padding:0}body{color:#1a202c;background:#fdfcfa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}