.playground-module__ijOPva__container{flex-direction:column;gap:1rem;min-height:calc(100vh - 80px);padding:1rem 1.5rem 2rem;display:flex}.playground-module__ijOPva__header{border-radius:var(--radius);z-index:100;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;overflow:visible!important}.playground-module__ijOPva__titleGroup{align-items:center;gap:1rem;display:flex}.playground-module__ijOPva__title{color:#111827;letter-spacing:-.02em;font-size:1.25rem;font-weight:600}.playground-module__ijOPva__badge{color:#111827b3;text-transform:uppercase;letter-spacing:.05em;background:#1118270d;border:1px solid #1118271a;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.playground-module__ijOPva__actions{gap:.75rem;display:flex}.playground-module__ijOPva__btnSecondary{color:#111827cc;background:#fff9;border:1px solid #1118271a;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.playground-module__ijOPva__btnSecondary:hover{color:#111827;background:#fff;border-color:#11182733}.playground-module__ijOPva__btnPrimary{color:#fffffff2;background:#111827;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #11182726}.playground-module__ijOPva__btnPrimary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #11182733}.playground-module__ijOPva__workspace{flex:1;gap:1rem;min-height:600px;display:flex}@media (max-width:1024px){.playground-module__ijOPva__workspace{flex-direction:column}}.playground-module__ijOPva__panel{border-radius:var(--radius);border:1px solid #1118270d;flex-direction:column;display:flex;overflow:hidden}.playground-module__ijOPva__panelHeader{background:#fffc;border-bottom:1px solid #1118270d;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.playground-module__ijOPva__panelTitle{color:#111827e6;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.playground-module__ijOPva__editorPanel{flex:3}.playground-module__ijOPva__editorContent{color:#111827cc;background:#fff6;flex:1;padding:1rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem;line-height:1.6;position:relative;overflow-y:auto}.playground-module__ijOPva__lineNumbers{text-align:right;color:#1118274d;-webkit-user-select:none;user-select:none;background:#11182705;border-right:1px solid #1118270d;width:3rem;padding:1rem 0;position:absolute;top:0;bottom:0;left:0}.playground-module__ijOPva__codeArea{outline:none;padding-left:3rem}.playground-module__ijOPva__keyword{color:#8b5cf6;font-weight:500}.playground-module__ijOPva__string{color:#10b981}.playground-module__ijOPva__function{color:#3b82f6}.playground-module__ijOPva__comment{color:#11182766;font-style:italic}.playground-module__ijOPva__sidebar{flex-direction:column;flex:2;gap:1rem;display:flex}.playground-module__ijOPva__outputPanel{flex:1}.playground-module__ijOPva__outputContent{background:#ffffff80;flex:1;justify-content:center;align-items:center;padding:1.5rem;display:flex}.playground-module__ijOPva__outputMock{color:#11182780;border:1px dashed #11182733;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;display:flex}.playground-module__ijOPva__aiPanel{flex:1}.playground-module__ijOPva__chatContent{background:#fff9;flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex;overflow-y:auto}.playground-module__ijOPva__chatMessage{gap:.75rem;max-width:90%;display:flex}.playground-module__ijOPva__aiMessage{align-self:flex-start}.playground-module__ijOPva__userMessage{flex-direction:row-reverse;align-self:flex-end}.playground-module__ijOPva__avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.playground-module__ijOPva__aiAvatar{color:#fff;background:#111827}.playground-module__ijOPva__userAvatar{color:#111827cc;background:#1118271a}.playground-module__ijOPva__messageBubble{color:#111827e6;background:#ffffffe6;border:1px solid #1118270d;border-radius:.75rem;padding:.75rem 1rem;font-size:.875rem;box-shadow:0 2px 8px #00000005}.playground-module__ijOPva__userMessage .playground-module__ijOPva__messageBubble{background:#1118270d;border:none}.playground-module__ijOPva__chatInput{background:#fffc;border-top:1px solid #1118270d;gap:.5rem;padding:1rem;display:flex}.playground-module__ijOPva__inputField{color:#111827e6;background:#ffffff80;border:1px solid #1118271a;border-radius:9999px;outline:none;flex:1;padding:.5rem 1rem;font-family:inherit;font-size:.875rem}.playground-module__ijOPva__inputField::placeholder{color:#11182766}.playground-module__ijOPva__sendBtn{color:#fff;background:#111827;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:transform .2s;display:flex}.playground-module__ijOPva__sendBtn:hover{transform:scale(1.05)}.playground-module__ijOPva__dropdownContainer{position:relative}.playground-module__ijOPva__dropdownMenu{z-index:200;-webkit-backdrop-filter:blur(24px)saturate(150%);background:#ffffffd9;border-radius:.75rem;flex-direction:column;width:200px;max-height:300px;padding:.5rem;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 10px 40px #0000001a,inset 0 0 0 1px #fff9}.playground-module__ijOPva__dropdownMenu::-webkit-scrollbar{width:4px}.playground-module__ijOPva__dropdownMenu::-webkit-scrollbar-thumb{background:#11182726;border-radius:4px}.playground-module__ijOPva__dropdownMenu::-webkit-scrollbar-thumb:hover{background:#11182740}.playground-module__ijOPva__dropdownItem{color:#111827e6;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.875rem;transition:all .2s;display:flex}.playground-module__ijOPva__dropdownItem:hover{background:#1118270d}.playground-module__ijOPva__realEditor{min-height:100%}.playground-module__ijOPva__realEditor textarea{outline:none!important}.playground-module__ijOPva__outputContentWrapper{background:#ffffff80;flex-direction:column;flex:1;display:flex;overflow:hidden}.playground-module__ijOPva__terminalOutput{color:#111827;white-space:pre-wrap;flex:1;margin:0;padding:1.5rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem;overflow-y:auto}:is(.token.comment,.token.prolog,.token.doctype,.token.cdata){color:#11182766;font-style:italic}.token.punctuation{color:#11182799}.token.namespace{opacity:.7}:is(.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted){color:#ec4899}:is(.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted){color:#10b981}:is(.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string){color:#8b5cf6}:is(.token.atrule,.token.attr-value,.token.keyword){color:#8b5cf6;font-weight:500}:is(.token.function,.token.class-name){color:#3b82f6}