*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar{background:#34495e;box-shadow:3px 0 8px #0003;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:60px;width:230px;z-index:999}.logout-top{background:none;border:none;color:#cfcfcf;cursor:pointer;font-size:20px;position:absolute;right:12px;top:12px;transition:.2s}.logout-top:hover{color:#fff}.sidebar-header{background:#2c3e50;border-bottom:1px solid #ffffff14;padding:22px}.profile-section{gap:14px}.profile-pic,.profile-section{align-items:center;display:flex}.profile-pic{background:#ffffff29;border-radius:50%;color:#fff;font-size:17px;font-weight:700;height:48px;justify-content:center;width:48px}.profile-name{font-size:16px;font-weight:600;margin:0}.sidebar-nav{display:flex;flex-direction:column;margin-top:10px;padding:10px 0}.nav-item{align-items:center;border-radius:8px;color:#c7c7c7;display:flex;font-size:15px;gap:5px;padding:14px 20px;position:relative;text-decoration:none;transition:all .25s ease}.nav-item:hover{background:#2c3e50;color:#fff}.nav-item.active{background:#1a73e8;color:#fff;font-weight:500}.nav-item.active:before{background:#fff;border-radius:0 4px 4px 0;content:"";height:70%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.nav-icon{align-items:center;display:flex;font-size:18px;justify-content:center;min-width:20px}.nav-label{flex:1 1}.top-header{background:#34495e;box-shadow:0 2px 8px #00000026;height:60px;justify-content:space-between;left:0;padding:0 25px;position:fixed;right:0;top:0;width:100%}.left-section,.top-header{align-items:center;display:flex}.left-section{gap:18px}.left-section h2{color:#fff;font-size:22px;font-weight:600;letter-spacing:-.5px;margin:0}.menu-icon{color:#fff;cursor:pointer;font-size:22px}.home-link{color:#ecf0f1;cursor:pointer;font-size:17px;font-weight:500}.right-section{align-items:center;display:flex;gap:15px}.user-name{color:#fff;font-size:16px;font-weight:500}.user-icon{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;font-size:15px;height:32px;justify-content:center;width:32px}.logout-btn{background:#ff4757;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 18px;transition:all .3s ease}.logout-btn:hover{background:#ee2f3a;box-shadow:0 2px 8px #ff47574d;transform:translateY(-1px)}.logout-btn:active{transform:translateY(0)}.layout{display:flex;flex-direction:column;min-height:100vh}.content-wrapper{display:flex;margin-top:75px;min-height:calc(100vh - 85px);padding-right:10px}.main-content{background:#f5f6fa;margin-left:245px;min-height:calc(100vh - 84px)}@media (max-width:768px){.main-content{margin-left:0;padding:20px}.sidebar{transform:translateX(-100%);transition:transform .3s ease}.sidebar.open{transform:translateX(0)}}.app{display:flex;height:100vh;overflow:hidden}.main-content{background-color:#f5f5f5;flex:1 1;overflow-y:auto}.components-page{max-width:100%;padding:20px}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.page-header h1{color:#1f2937;font-size:28px;margin:0}.header-actions{align-items:center;display:flex;gap:10px}.instance-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;min-width:200px;padding:8px 12px}.instance-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.instance-select:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.modal-overlay{background-color:#00000080}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:500px;width:90%}.modal-header h2{color:#1f2937;font-size:20px;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.close-btn:hover{background-color:#f3f4f6;color:#1f2937}.modal-body{padding:20px}.modal-body p{color:#374151;line-height:1.6;margin:0}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:20px}.btn-close,.btn-confirm{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-close{background-color:#f3f4f6;color:#374151}.btn-close:hover{background-color:#e5e7eb}.btn-confirm{background-color:#2563eb;color:#fff}.btn-confirm:hover{background-color:#1d4ed8}.components-page h1{color:#1e293b;margin-bottom:20px}.no-instance-message{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:16px;margin:20px 0;padding:40px;text-align:center}.component-selector{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.selector-group{display:flex;flex-direction:column;gap:8px;min-width:250px}.selector-group label{color:#374151;font-size:14px;font-weight:600}.selector-group select{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 15px;width:100%}.component-selector select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.component-display h2{border-bottom:2px solid #e5e7eb;color:#1e293b;margin-bottom:20px;padding-bottom:10px}.code-cards-container{grid-gap:20px;display:grid;gap:20px}.general-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:10px;padding:20px}.general-card .card-title{border-bottom:2px solid #e5e7eb;color:#1e293b;font-size:20px;font-weight:600;margin:0 0 20px;padding-bottom:8px;text-transform:capitalize}.general-sections{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.general-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:15px}.section-title{border-bottom:1px solid #d1d5db;color:#1e293b;font-size:16px;font-weight:600;margin:0 0 12px;padding-bottom:6px}.section-content{display:flex;flex-direction:column;gap:8px}.flags-config,.operator-config{display:flex;flex-direction:column;gap:10px}.config-item{align-items:flex-start;background:#fff;border:1px solid #d1d5db;border-radius:4px;display:flex;gap:10px;padding:8px 12px}.config-key{color:#374151;flex-shrink:0;font-weight:600;min-width:140px}.config-value{color:#4b5563;flex:1 1}.guid-display{background:#f0f9ff;border-radius:3px;color:#2563eb;display:block;font-family:Courier New,monospace;font-size:12px;margin-bottom:4px;padding:2px 6px;word-break:break-all}.message-preview{background:#f9fafb;border-left:3px solid #10b981;border-radius:0 3px 3px 0;color:#374151;font-size:13px;margin-top:4px;padding:6px 8px}.boolean-true{color:#10b981;font-weight:600}.boolean-false{color:#ef4444;font-weight:600}.audio-col{text-align:center;width:80px}.audio-cell{padding:8px;text-align:center}.play-button{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:14px;min-width:50px;padding:6px 10px;transition:all .2s ease}.play-button:hover{background:#f9fafb;border-color:#9ca3af}.play-button.has-audio{background:#10b981;border-color:#059669;color:#fff}.play-button.has-audio:hover{background:#059669;border-color:#047857}.play-button.dynamic-audio{background:#f59e0b;border-color:#d97706;color:#fff}.play-button.dynamic-audio:hover{background:#d97706;border-color:#b45309}.play-button.playing{background:#ef4444!important;border-color:#dc2626!important}.play-button.playing:hover{background:#dc2626!important;border-color:#b91c1c!important}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dynamic-modal{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background .2s ease;width:30px}.modal-close:hover{background:#e5e7eb;color:#374151}.modal-content{padding:20px}.message-section{margin-bottom:20px}.message-section h4{color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.original-message{background:#f3f4f6;color:#374151}.original-message,.populated-message-input{border:1px solid #d1d5db;border-radius:4px;font-size:14px;line-height:1.4;padding:12px}.populated-message-input{font-family:inherit;resize:vertical;width:100%}.populated-message-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.audio-controls{display:flex;gap:10px;margin-bottom:15px}.generate-audio-btn,.play-audio-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.generate-audio-btn{background:#3b82f6;color:#fff}.generate-audio-btn:hover:not(:disabled){background:#2563eb}.generate-audio-btn:disabled{background:#9ca3af;cursor:not-allowed}.play-audio-btn{background:#10b981;color:#fff}.play-audio-btn:hover{background:#059669}.play-audio-btn.playing{background:#ef4444}.play-audio-btn.playing:hover{background:#dc2626}.audio-info{color:#6b7280;font-size:12px;margin-top:10px;text-align:center}.code-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.code-title{border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:18px;font-weight:600;margin:0 0 15px;padding-bottom:8px}.code-table-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.code-table{background:#fff;border-collapse:collapse;font-size:13px;width:100%}.code-table thead{background:#f1f5f9}.code-table th{border-bottom:1px solid #d1d5db;color:#374151;font-weight:600;padding:10px 12px;text-align:left;white-space:nowrap}.code-table td{border-bottom:1px solid #f1f5f9;padding:8px 12px;vertical-align:top}.code-table tbody tr:hover{background:#f8fafc}.type-col{min-width:140px;width:160px}.guid-col{min-width:240px;width:280px}.message-col{min-width:350px}.type-cell{color:#1e293b;font-size:12px;font-weight:600;text-transform:capitalize}.guid-cell code{background:#f0f9ff;border-radius:3px;color:#2563eb;display:block;font-family:Courier New,monospace;font-size:12px;margin:1px 0;padding:3px 6px;word-break:break-all}.message-cell{word-wrap:break-word;color:#374151;font-size:13px;line-height:1.4;max-width:500px}.loading{color:#6b7280;font-size:16px;padding:40px;text-align:center}.error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;margin:20px 0;padding:15px}@media (max-width:768px){.components-page{padding:15px}.component-selector{align-items:stretch;flex-direction:column;gap:10px}.component-selector select{min-width:100%}.component-card{padding:15px}.message-subcard{padding:12px}}
/*# sourceMappingURL=main.ce826fe8.css.map*/