.chatbot-markdown-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--spacing-xl);align-items:start}.chatbot-markdown-tool__editor,.chatbot-markdown-tool__preview-panel{min-width:0;padding:var(--spacing-xl);background:var(--color-surface);box-shadow:var(--shadow-md)}.chatbot-markdown-tool__editor{grid-column:1/-1}.chatbot-markdown-tool__panel-heading{display:flex;justify-content:space-between;gap:var(--spacing-md);align-items:baseline;margin-bottom:var(--spacing-md)}.chatbot-markdown-tool__panel-heading h2{margin-bottom:0;font-size:var(--font-size-2xl)}.chatbot-markdown-tool__intro,.chatbot-markdown-tool__panel-heading span{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.chatbot-markdown-tool__intro{margin-bottom:var(--spacing-md)}.chatbot-markdown-tool__label{display:block;margin-bottom:var(--spacing-xs);font-weight:700}.chatbot-markdown-tool textarea{display:block;width:100%;min-height:320px;resize:vertical;border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-background);color:var(--color-text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--font-size-base);line-height:var(--line-height-normal);tab-size:2}.landscape-view-preview{display:flex;min-height:480px;flex-direction:column;justify-content:space-around;gap:10px;border:1px solid rgba(0,0,0,.87);border-radius:8px;padding:20px 16px;background:#fff;box-shadow:0 4px 16px rgba(17,17,26,.1),0 8px 24px rgba(17,17,26,.1),0 16px 56px rgba(17,17,26,.1)}.chatbot-view-preview__content,.landscape-view-preview__content{width:100%;color:#111;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;text-align:center}.chatbot-view-preview__content--left,.landscape-view-preview__content--left{text-align:left}.chatbot-view-preview__content p:not(:last-child),.landscape-view-preview__content p:not(:last-child){margin-bottom:24px}.chatbot-view-preview__content h1,.chatbot-view-preview__content h2,.chatbot-view-preview__content h3,.chatbot-view-preview__content h4,.chatbot-view-preview__content h5,.chatbot-view-preview__content h6,.landscape-view-preview__content h1,.landscape-view-preview__content h2,.landscape-view-preview__content h3,.landscape-view-preview__content h4,.landscape-view-preview__content h5,.landscape-view-preview__content h6{color:inherit;font-family:inherit;line-height:normal}.chatbot-view-preview__content h1,.landscape-view-preview__content h1{margin:.67em 0;font-size:2em;text-align:center}.chatbot-view-preview__content h2,.landscape-view-preview__content h2{margin:.83em 0;font-size:1.5em}.chatbot-view-preview__content h3,.landscape-view-preview__content h3{margin:1em 0;font-size:1.17em}.chatbot-view-preview__content h4,.landscape-view-preview__content h4{margin:1.33em 0;font-size:1em}.chatbot-view-preview__content h5,.landscape-view-preview__content h5{margin:1.67em 0;font-size:.83em}.chatbot-view-preview__content h6,.landscape-view-preview__content h6{margin:2.33em 0;font-size:.67em}.chatbot-view-preview__content b,.chatbot-view-preview__content strong,.landscape-view-preview__content b,.landscape-view-preview__content strong{font-family:inherit}.chatbot-view-preview__content em,.chatbot-view-preview__content i,.landscape-view-preview__content em,.landscape-view-preview__content i{font-style:italic}.chatbot-view-preview__content a,.landscape-view-preview__content a{color:#0000ee;text-decoration:underline}.chatbot-view-preview__content ol,.chatbot-view-preview__content ul,.landscape-view-preview__content ol,.landscape-view-preview__content ul{margin:1em 0;padding-left:40px}.chatbot-view-preview__content blockquote,.landscape-view-preview__content blockquote{margin:1em 40px}.chatbot-view-preview__content pre,.landscape-view-preview__content pre{margin:1em 0;font-family:monospace;white-space:pre}.chatbot-view-preview__content table,.landscape-view-preview__content table{border-collapse:separate;border-spacing:2px}.chatbot-view-preview__content .custom-image,.landscape-view-preview__content .custom-image{max-width:100%}.chatbot-view-preview{display:flex;min-height:480px;align-items:center;padding:var(--spacing-lg);overflow:hidden;border-radius:20px;background-color:#f7f8fa;background-image:url(/images/tools/chatbot-background.jpeg);box-shadow:-1px 4px 16px -8px rgba(0,0,0,.83)}.chatbot-view-preview__message{position:relative;width:fit-content;max-width:calc(100% - 16px);border-radius:0 10px 10px 10px;padding:8px 16px;background:#fff;box-shadow:4px 4px 1px rgba(0,0,0,.3)}.chatbot-view-preview__message:after{content:"";position:absolute;top:0;left:-15px;width:0;height:0;border-color:#fff #fff transparent transparent;border-style:solid;border-width:8px;filter:drop-shadow(-2px 1px 1px rgba(0,0,0,.3))}.chatbot-view-preview__content{color:rgba(0,0,0,.87);line-height:1.3;white-space:pre-line}.chatbot-view-preview__content :not(:last-child){margin-bottom:5px}@media (min-width:900px){.chatbot-view-preview__content,.landscape-view-preview__content{font-size:16px}}@media (min-width:1200px){.chatbot-view-preview__content,.landscape-view-preview__content{font-size:18px}}@media (min-width:1536px){.chatbot-view-preview__content,.landscape-view-preview__content{font-size:20px}}@media (max-width:820px){.chatbot-markdown-tool{grid-template-columns:1fr}.chatbot-view-preview,.landscape-view-preview{min-height:420px}}@media (max-width:560px){.chatbot-markdown-tool__editor,.chatbot-markdown-tool__preview-panel{padding:var(--spacing-lg)}.chatbot-markdown-tool__panel-heading{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}}