.tldr-container{background-color:#f0f8ff;border:1px solid #d0e7ff;border-radius:6px;margin:2rem 0;padding:1.25rem 1.5rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;box-shadow:0 2px 5px rgba(0,0,0,.05)}.tldr-label{color:#0a66c2;text-transform:uppercase;letter-spacing:.05rem;margin-bottom:.75rem;font-size:1rem;font-weight:700}.tldr-body,.tldr-body *{color:#333;font-size:.95rem;line-height:1.6}
.note-component-container{background-color:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.4);border-radius:6px;margin:2rem 0;padding:1.25rem 1.5rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;box-shadow:0 2px 5px rgba(0,0,0,.08)}.note-component-label{color:#e3c416;text-transform:uppercase;letter-spacing:.05rem;margin-bottom:.75rem;font-size:1.2rem;font-weight:700}.note-component-body{color:#222;font-size:1.125rem;font-weight:300;line-height:1.6}
.prompt-container{margin-top:2em;margin-bottom:2em;position:relative}.prompt-box{background-color:#111827;border:1px solid #374151;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.4)}.prompt-header{background-color:#1f2937;border-bottom:1px solid #374151;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.prompt-header-left{align-items:center;gap:.5rem;display:flex}.prompt-icon{color:#9ca3af;width:16px;height:16px}.prompt-title{color:#d1d5db;font-size:1rem;font-weight:500}.prompt-header-right .MuiIconButton-root{color:#9ca3af;transition:color .2s}.prompt-header-right .MuiIconButton-root:hover{color:#f472b6}.prompt-body{position:relative}.prompt-code{white-space:pre-wrap;background-color:#111827;width:100%;height:auto;min-height:4rem;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;overflow:auto}.prompt-code.input{color:#00e5ff}.prompt-code.output{color:#39ff14}.prompt-separator{background-color:#374151;height:1px}.prompt-section-label{text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;background-color:#1f2937;border-top:1px solid #374151;border-bottom:1px solid #374151;padding:.25rem 1rem;font-size:.75rem;font-weight:600}
.quick-definition-container{background-color:#f5f0ff;border:1px solid #e0d0ff;border-radius:6px;margin:2rem 0;padding:1.25rem 1.5rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;box-shadow:0 2px 5px rgba(0,0,0,.05)}.quick-definition-label{color:#6a0dad;text-transform:uppercase;letter-spacing:.05rem;margin-bottom:.75rem;font-size:1.2rem;font-weight:700}.quick-definition-body{color:#333;font-size:1.125rem;font-weight:300;line-height:1.6}
.tabs-container{border:1px solid #ddd;border-radius:6px;margin:1rem 0;font-family:sans-serif;overflow:hidden}.tabs-header{background-color:#f5f5f5;border-bottom:1px solid #ccc;display:flex}.tab-button{cursor:pointer;background:0 0;border:none;flex:1;padding:.75rem 1rem;font-weight:600;transition:background-color .2s}.tab-button:hover{background-color:#e0e0e0}.tab-button.active{background-color:#fff;border-bottom:3px solid #007acc}.tabs-body{background-color:#fff;padding:1rem}.tab-panel{animation:.2s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.code-block-container{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:1.5rem 0;overflow:hidden}.code-block-header{background-color:#f3f4f6;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.875rem;display:flex}.code-block-language{color:#6b7280;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-weight:500}.code-block-copy-btn{color:#6b7280;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;padding:.375rem .75rem;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-size:.75rem;transition:all .2s}.code-block-copy-btn:hover{color:#374151;background-color:#f9fafb;border-color:#9ca3af}.code-block-copy-btn:active{background-color:#f3f4f6}.code-block-pre{color:#f9fafb;white-space:pre-wrap;word-wrap:break-word;background-color:#1f2937;margin:0;padding:1rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.875rem;line-height:1.5;overflow-x:auto}.code-block-code{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;margin:0;padding:0}.language-javascript .code-block-pre,.language-js .code-block-pre{background-color:#1e1e1e}.language-typescript .code-block-pre,.language-ts .code-block-pre{background-color:#1e3a8a}.language-python .code-block-pre{background-color:#1f2937}.language-bash .code-block-pre,.language-shell .code-block-pre{background-color:#0f172a}.language-json .code-block-pre{background-color:#1f2937}.language-css .code-block-pre{background-color:#1e40af}.language-html .code-block-pre{background-color:#dc2626}@media (prefers-color-scheme:dark){.code-block-container{background-color:#1f2937;border-color:#374151}.code-block-header{background-color:#374151;border-bottom-color:#4b5563}.code-block-language{color:#d1d5db}.code-block-copy-btn{color:#f9fafb;background-color:#4b5563;border-color:#6b7280}.code-block-copy-btn:hover{background-color:#6b7280;border-color:#9ca3af}}