.adaptive-card-preview{padding:1rem}.adaptive-card-iframe{width:100%;height:30000px;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;display:block}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100vh;overflow:hidden}.app{display:flex;height:100vh;gap:1rem;padding:1rem}.column{flex:1;display:flex;flex-direction:column;gap:.5rem;min-height:0}.column h2{font-size:1.25rem;font-weight:600;padding:.5rem}.input-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #e5e7eb;padding-bottom:.5rem}.stream-controls{display:flex;gap:.5rem}.stream-button{padding:.5rem 1rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.stream-button:hover{background-color:#2563eb}.stream-button:disabled{background-color:#9ca3af;cursor:not-allowed}.stream-button.pause{background-color:#f59e0b}.stream-button.pause:hover{background-color:#d97706}.stream-button.stop{background-color:#ef4444}.stream-button.stop:hover{background-color:#dc2626}.output-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #e5e7eb;padding-bottom:.5rem}.header-controls{display:flex;align-items:center;gap:.5rem}.output-content{flex:1;display:flex;flex-direction:column;overflow:auto;min-height:0}.tabs{display:flex;gap:.25rem}.tab{padding:.5rem 1rem;background-color:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.875rem;font-weight:500;color:#6b7280;transition:all .2s ease}.tab:hover{color:#374151;background-color:#f3f4f6}.tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.refresh-button{padding:.5rem;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;font-size:1.25rem;line-height:1;color:#374151;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.refresh-button:hover{background-color:#e5e7eb;color:#1f2937}.refresh-button:active{transform:rotate(180deg)}textarea{flex:1;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;border:1px solid #d1d5db;border-radius:.5rem;resize:none;outline:none}textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}textarea:read-only{background-color:#f9fafb;cursor:not-allowed;opacity:.8}pre{flex:1;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.5rem;overflow:auto;white-space:pre-wrap;word-wrap:break-word}.json-output{background-color:#1e1e1e;color:#d4d4d4;line-height:1.6}.json-key{color:#9cdcfe;font-weight:500}.json-string{color:#ce9178}.json-number{color:#b5cea8}.json-boolean{color:#569cd6;font-weight:600}.json-null{color:#569cd6;font-style:italic}