@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-duration:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.fixed{position:fixed}.static{position:static}.z-\[99999\]{z-index:99999}.container{width:100%}.ml-auto{margin-left:auto}.flex{display:flex}.h-\[600px\]{height:600px}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.w-\[350px\]{width:350px}.w-\[900px\]{width:900px}.w-full{width:100%}.max-w-\[80\%\]{max-width:80%}.max-w-\[95vw\]{max-width:95vw}.max-w-\[200px\]{max-width:200px}.flex-1{flex:1}.flex-grow{flex-grow:1}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-none{--tw-border-style:none;border-style:none}.bg-transparent{background-color:#0000}.break-words{overflow-wrap:break-word}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.playgroundContainer{color:#e2e8f0;background-color:#0f172a;height:100vh;display:flex;overflow:hidden}.loading{color:#94a3b8;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;display:flex}.sidebar{background-color:#1e293b;border-right:1px solid #ffffff1a;flex-direction:column;width:300px;display:flex}.sidebarHeader{border-bottom:1px solid #ffffff1a;padding:1.5rem}.sidebarHeader h2{color:#fff;margin:0 0 1rem;font-size:1.2rem}.userInfo{align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.avatar{border-radius:50%;width:32px;height:32px}.userName{color:#94a3b8;font-size:.9rem}.logoutButton{color:#ef4444;background:0 0;border:1px solid #ef4444;border-radius:4px;width:100%;padding:.5rem;font-size:.8rem}.logoutButton:hover{background-color:#ef44441a}.sidebarActions{padding:1rem}.actionButton{color:#fff;background-color:#3b82f6;border:none;border-radius:6px;width:100%;padding:.8rem}.actionButton:hover{background-color:#2563eb}.actionButton:disabled{cursor:not-allowed;opacity:.5}.threadList{flex:1;padding:.5rem;overflow-y:auto}.threadItem{cursor:pointer;border-radius:6px;margin-bottom:.5rem;padding:1rem;transition:background-color .2s}.threadItem:hover{background-color:#ffffff0d}.threadItem.active{background-color:#3b82f633;border-left:3px solid #3b82f6}.threadId{color:#64748b;margin-bottom:.25rem;font-size:.75rem}.threadSnippet{text-overflow:ellipsis;color:#cbd5e1;white-space:nowrap;font-size:.85rem;overflow:hidden}.loadingMore{color:#64748b;text-align:center;padding:1rem}.mainArea{flex-direction:column;flex:1;display:flex;overflow:hidden}.emptyState{color:#64748b;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;height:100%;display:flex}.emptyIcon{opacity:.5;margin-top:1rem;font-size:4rem}.splitView{height:100%;display:flex;overflow:hidden}.emailView{border-right:1px solid #ffffff1a;flex-direction:column;flex:1;height:100%;padding:0;display:flex;overflow:hidden}.emailHeader{flex:none;padding:2rem 2rem 1rem}.messagesList{flex:1;padding:0 2rem 2rem;overflow-y:auto}.messageCard{background-color:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:1rem;padding:1.5rem}.messageBody{color:#cbd5e1;line-height:1.5}.preformattedMessage{word-break:normal;overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-family:inherit}.voiceInterface{background-color:#1e293b;border-top:1px solid #ffffff1a;flex-direction:column;flex:none;padding:0;display:flex}.voiceInputArea{color:#e2e8f0;resize:none;background:0 0;border:none;outline:none;flex:1;min-height:120px;padding:1rem;font-family:Inter,sans-serif;font-size:1rem}.voiceInputArea::-moz-placeholder{color:#64748b}.voiceInputArea::placeholder{color:#64748b}.voiceToolbar{background-color:#0003;border-top:1px solid #ffffff0d;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.toolbarGroup{align-items:center;gap:.5rem;display:flex}.spacer{flex:1}.iconButton{color:#cbd5e1;cursor:pointer;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .2s;display:flex}.iconButton:hover{color:#fff;background-color:#ffffff1a}.selectInput{color:#cbd5e1;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;outline:none;padding:.5rem;font-size:.9rem}.chatView{width:360px;padding:2rem;overflow:hidden}.chatView h3{color:#fff;margin:0 0 1rem}.chatPlaceholder{color:#94a3b8;background-color:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;height:calc(100% - 2rem);padding:1.5rem}.modalOverlay{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modalContent{background-color:#1e293b;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;width:500px;max-width:90vw;display:flex;box-shadow:0 20px 25px -5px #0000004d}.modalHeader{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modalHeader h3{color:#fff;margin:0}.closeButton{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.5rem}.modalBody{padding:1.5rem}.promptTextarea{color:#e2e8f0;resize:vertical;background-color:#0f172a;border:1px solid #ffffff1a;border-radius:6px;width:100%;height:150px;padding:1rem;font-family:monospace}.modalFooter{border-top:1px solid #ffffff1a;justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}.cancelButton{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;padding:.5rem 1rem}.saveButton{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:6px;padding:.5rem 1rem}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}.v2m-voice-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;margin:0 4px;color:#5f6368;cursor:pointer;background-color:#f1f3f4;border:none;border-radius:50%;transition:all .2s ease}.v2m-voice-button:hover:not(.v2m-disabled){background-color:#e8eaed}.v2m-voice-button:active:not(.v2m-disabled){background-color:#dadce0}.v2m-voice-button.v2m-disabled{cursor:not-allowed;opacity:.5}.v2m-voice-button.v2m-recording{color:#fff;background-color:#ea4335}.v2m-voice-button.v2m-recording:hover{background-color:#d33426}.v2m-mic-icon{width:20px;height:20px}.v2m-recording-indicator{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.v2m-pulse-dot{display:block;width:10px;height:10px;background-color:#fff;border-radius:50%;animation:v2m-pulse 1.5s ease-in-out infinite}@keyframes v2m-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}}.v2m-voice-button.v2m-recording:hover .v2m-pulse-dot{width:8px;height:8px;border-radius:2px}
