.comment-submission{display:flex;flex-direction:column;border-radius:var(--radius-lg);border:1px solid var(--border-medium);margin-top:var(--space-6);overflow:hidden;margin-left:-4px;margin-right:-4px;container-type:inline-size}.comment-submission__auth{padding:var(--space-5)}.comment-submission__auth-prompt{font-size:var(--font-size-md);color:var(--text-body-medium);margin:var(--space-1) var(--space-4) var(--space-6) var(--space-4);line-height:1.4;align-items:baseline}.comment-submission__login-button{display:inline-flex;padding:var(--space-2);color:var(--info-heavy)}.comment-submission .input{width:100%}.comment-submission .input input::placeholder{color:var(--text-body-light);font-weight:400}.comment-submission .input .description{font-size:var(--font-size-md);color:var(--text-body-light);margin:var(--space-3) var(--space-3) 0 var(--space-3)}.comment-submission hr{border:none;border-top:solid 1px var(--border-medium);margin:0}.comment-submission__editor{min-height:136px;background-color:var(--bg-color)}.comment-submission .author-info{display:flex;gap:var(--space-3);padding:0}@container (max-width: 480px){.comment-submission .author-info{flex-direction:column;gap:var(--space-6)}}.comment-submission .author-info *{flex:1}.comment-submission .auth-user{padding:var(--space-1) var(--space-3);font-size:var(--font-size-md);color:var(--text-body-medium);margin:0}.comment-submission .auth-user .author-name,.comment-submission .auth-user .logout-button{color:var(--text-body-heavy);font-weight:var(--font-weight-medium)}.comment-submission .content{font-family:var(--font-family-sans);font-size:var(--font-size-base);padding:var(--space-5);color:var(--text-body-heavy);line-height:145%;border:none;width:100%;resize:vertical;box-sizing:border-box;background-color:transparent}.comment-submission button{width:fit-content}.comment-submission button:disabled{cursor:not-allowed;opacity:.5}.comment-submission .action-row{display:flex;justify-content:space-between;align-items:center;padding:8px;border-top:1px solid var(--border-medium)}.comment-submission .action-row .markdown-hint{font-size:var(--font-size-sm);color:var(--text-body-medium);margin:0 var(--space-4);display:flex;align-items:center;gap:var(--space-4)}.comment-submission .action-row .button-row{display:flex;justify-content:flex-end;height:32px;gap:var(--space-1)}.comment-submission .error{color:var(--error-medium);font-size:var(--font-size-md);margin:var(--space-4);border-radius:var(--radius-md);background-color:var(--error-light);padding:var(--space-6)}.comment-submission .overtype-container{min-height:136px!important;background:var(--bg-color)!important;color:var(--text-body-heavy)!important;font-family:var(--font-family-sans)!important}.comment-submission .overtype-toolbar{gap:var(--space-2)!important;padding:var(--space-3) var(--space-4)!important;border-bottom:1px solid var(--border-medium)!important;background:var(--bg-additive-lighter)!important;scrollbar-color:var(--border-medium) transparent!important}.comment-submission .overtype-toolbar::-webkit-scrollbar-thumb{background:var(--border-medium)!important}.comment-submission .overtype-toolbar-button{width:30px!important;height:30px!important;border-radius:var(--radius-sm)!important;color:var(--text-body-medium)!important;transition:background-color var(--duration-fast) ease,color var(--duration-fast) ease,opacity var(--duration-fast) ease!important}.comment-submission .overtype-toolbar-button:hover,.comment-submission .overtype-toolbar-button:focus-visible,.comment-submission .overtype-toolbar-button.dropdown-active{background:var(--bg-additive-light)!important;color:var(--text-body-heavy)!important;outline:none!important}.comment-submission .overtype-toolbar-button:focus-visible{box-shadow:0 0 0 2px var(--accent-color)!important}.comment-submission .overtype-toolbar-button.active{background:var(--bg-additive-medium)!important;color:var(--text-body-heavy)!important}.comment-submission .overtype-toolbar-button svg{width:18px!important;height:18px!important}.comment-submission .overtype-toolbar-separator{width:1px!important;height:18px!important;margin:0 var(--space-1)!important;background:var(--border-medium)!important}.comment-submission .overtype-wrapper{min-height:136px!important;background:var(--bg-color)!important}.comment-submission .overtype-wrapper .overtype-input,.comment-submission .overtype-wrapper .overtype-preview,.comment-submission .overtype-wrapper .overtype-placeholder{color:var(--text-body-heavy)!important;font-family:var(--font-family-sans)!important}.comment-submission .overtype-wrapper .overtype-placeholder{color:var(--text-body-light)!important}.comment-submission .overtype-container:not([data-mode=plain]) .overtype-input{color:transparent!important}.comment-submission .overtype-wrapper .overtype-preview code,.comment-submission .overtype-wrapper .overtype-preview .code-fence{border-radius:var(--radius-xs)!important}.comment-submission .overtype-wrapper .overtype-preview pre code{padding:0!important;background:transparent!important}.comment-submission .overtype-container[data-mode=preview] .overtype-wrapper .overtype-preview{font-family:var(--font-family-sans)!important;font-size:var(--font-size-base)!important;line-height:var(--line-height-relaxed)!important}.comment-submission .overtype-container[data-mode=preview] .overtype-wrapper .overtype-preview pre.code-block{padding:var(--space-8)!important;border-radius:var(--radius-md)!important;background:var(--bg-additive-light)!important}.comment-submission .overtype-container[data-mode=preview] .overtype-wrapper .overtype-preview pre.code-block code{padding:0!important;background:transparent!important}.comment-submission .overtype-stats{height:34px!important;padding:0 var(--space-5)!important;border-top:1px solid var(--border-medium)!important;background:var(--bg-additive-lighter)!important;color:var(--text-body-light)!important;font-family:var(--font-family-sans)!important;font-size:var(--font-size-sm)!important;gap:var(--space-5)!important}.comment-submission .overtype-stats .overtype-stat{gap:var(--space-2)!important}.comment-submission .overtype-stats .live-dot{background:var(--accent-color)!important}html body .overtype-dropdown-menu{padding:var(--space-2)!important;border:1px solid var(--border-medium)!important;border-radius:var(--radius-md)!important;background:var(--bg-surface)!important;color:var(--text-body-heavy)!important;box-shadow:var(--shadow-overlay)!important;font-family:var(--font-family-sans)!important;color-scheme:light dark!important}html body .overtype-dropdown-item{min-height:32px!important;padding:var(--space-3) var(--space-6)!important;border-radius:var(--radius-sm)!important;background:transparent!important;color:var(--text-body-heavy)!important;font-size:var(--font-size-md)!important;font-family:var(--font-family-sans)!important}html body .overtype-dropdown-item:hover,html body .overtype-dropdown-item:focus-visible{background:var(--bg-additive-light)!important;outline:none!important}html body .overtype-dropdown-item.active{color:var(--text-heading)!important;font-weight:var(--font-weight-medium)!important}html body .overtype-dropdown-icon{color:var(--accent-color)!important}html body .overtype-link-tooltip{border:1px solid var(--border-medium)!important;border-radius:var(--radius-round)!important;background:var(--text-body-heavy)!important;color:var(--bg-color)!important;box-shadow:var(--shadow-raised)!important;font-family:var(--font-family-sans)!important}@media(prefers-reduced-motion:reduce){.comment-submission .overtype-stats .live-dot{animation:none!important}}