:root{--primary: #112132;--secondary: #5C83A4;--accent: #E95855;--bg: #F3F4F6;--text: #112132;--white: #FFFFFF}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.container{max-width:1200px;margin:0 auto;padding:40px 20px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.header h1{color:var(--primary);font-weight:800;letter-spacing:-.5px;margin:0}.card{background:var(--white);padding:24px;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border:1px solid #E5E7EB;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}.btn{padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;border:none;transition:all .2s;font-size:14px;background-color:var(--secondary);color:#fff}.btn:hover{opacity:.9;transform:translateY(-1px)}input:not([type=checkbox]):not([type=radio]){padding:12px;border:1px solid #D1D5DB;border-radius:8px;width:100%;box-sizing:border-box;font-size:14px;outline:none}input:not([type=checkbox]):not([type=radio]):focus{border-color:var(--secondary);box-shadow:0 0 0 2px #5c83a433}input.element-name-input{background:transparent!important;border:1.5px solid transparent!important;box-shadow:none!important;color:#fff!important;padding:6px 10px!important;font-size:16px!important;font-weight:600!important;border-radius:6px!important;outline:none!important;caret-color:#fff;cursor:text;transition:border-color .15s ease;-webkit-appearance:none}input.element-name-input::placeholder{color:#ffffff59;font-weight:400}input.element-name-input:hover{border-color:#ffffff4d!important}input.element-name-input:focus{border-color:#fff6!important;box-shadow:none!important}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.react-flow__node{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}.react-flow__handle{width:12px!important;height:12px!important;background:var(--secondary)!important;border:2px solid white!important;box-shadow:0 2px 4px #0003}.react-flow__handle:hover{background:var(--accent)!important;width:16px!important;height:16px!important;transition:all .2s ease}.react-flow__minimap-mask{rx:6;ry:6}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.typing-indicator{display:flex;align-items:center;gap:6px;padding:12px 16px;background:#fff;border-radius:20px 20px 20px 4px;box-shadow:0 2px 5px #0000000d;width:fit-content}.typing-dot{display:inline-block;width:8px;height:8px;background-color:#9ca3af;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.chat-bubble-width{max-width:75%}.chat-audio-wrapper,.flowbuilder-audio-wrapper{width:100%;display:flex;align-items:center;gap:12px;padding:8px 16px;background:#fff;border-radius:9999px;border:1px solid #e5e7eb;box-shadow:0 2px 4px #0000000f;box-sizing:border-box;overflow:hidden;margin:0}.chat-audio-player,.flowbuilder-audio-player{flex:1;width:100%;min-width:0;height:32px;background-color:transparent;color:#111827;display:block;box-sizing:border-box;outline:none}.chat-audio-player::-webkit-media-controls-panel,.chat-audio-player::-webkit-media-controls-enclosure,.flowbuilder-audio-player::-webkit-media-controls-panel,.flowbuilder-audio-player::-webkit-media-controls-enclosure{background-color:transparent;border-radius:9999px}.chat-audio-player::-webkit-media-controls-play-button,.flowbuilder-audio-player::-webkit-media-controls-play-button{background-color:#d1d5db;border-radius:50%;color:#111827}.chat-audio-player::-webkit-media-controls-current-time-display,.chat-audio-player::-webkit-media-controls-time-remaining-display,.flowbuilder-audio-player::-webkit-media-controls-current-time-display,.flowbuilder-audio-player::-webkit-media-controls-time-remaining-display{color:#111827;font-size:12px}.chat-audio-player::-webkit-media-controls-timeline,.chat-audio-player::-webkit-media-controls-volume-slider,.flowbuilder-audio-player::-webkit-media-controls-timeline,.flowbuilder-audio-player::-webkit-media-controls-volume-slider{background-color:#e5e7eb;border-radius:9999px}.chat-audio-player::-webkit-media-controls-timeline-container,.flowbuilder-audio-player::-webkit-media-controls-timeline-container{background-color:#6b7280}.chat-audio-player::-webkit-media-controls-current-time-display:before,.flowbuilder-audio-player::-webkit-media-controls-current-time-display:before{background-color:#374151}.chat-audio-player::-webkit-media-controls-mute-button,.chat-audio-player::-webkit-media-controls-toggle-closed-captions-button,.chat-audio-player::-webkit-media-controls-fullscreen-button,.flowbuilder-audio-player::-webkit-media-controls-mute-button,.flowbuilder-audio-player::-webkit-media-controls-toggle-closed-captions-button,.flowbuilder-audio-player::-webkit-media-controls-fullscreen-button{background-color:transparent;color:#111827}.audio-volume-popup{position:absolute;bottom:32px;right:0;width:40px;height:100px;padding:6px 10px;border-radius:10px;background:#fff;box-shadow:0 4px 10px #0f172a2e;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.audio-volume-slider{writing-mode:vertical-lr;direction:rtl;transform:scaleY(-1);width:6px;height:80px;padding:0;background:transparent;outline:none;cursor:pointer}.audio-volume-slider::-webkit-slider-runnable-track{width:6px;height:80px;background:#e5e7eb;border-radius:9999px}.audio-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#5c83a4;border:2px solid #ffffff;box-shadow:0 0 0 1px #94a3b899;margin-top:-4px;cursor:pointer}.audio-volume-slider::-webkit-slider-progress{background:#5c83a4;border-radius:9999px}.audio-volume-slider::-moz-range-track{width:6px;height:80px;background:#e5e7eb;border-radius:9999px}.audio-volume-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#5c83a4;border:2px solid #ffffff;box-shadow:0 0 0 1px #94a3b899;cursor:pointer}.audio-volume-slider::-moz-range-progress{background:#5c83a4;width:6px;border-radius:9999px}