/* ForumCore / TeknoForum shared composer — R26.2 pro WYSIWYG. Reusable by topic + guide authoring. */
.tf-composer{position:relative;isolation:isolate}.tf-composer[hidden]{display:none!important}
.tf-composer-head,.tf-composer-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 12px;background:#f7faff}.tf-composer-head{border-bottom:1px solid #e7edf4}.tf-composer-head span{color:#4b6785;font-size:9.5px;font-weight:780}.tf-composer-head small,.tf-composer-foot span{color:#8b9bad;font-size:8.5px}.tf-composer-foot{border-top:1px solid #e7edf4}.tf-composer-foot b{color:#617b96;font-size:8.7px;font-weight:700}
.tf-composer-toolbar{display:flex;align-items:center;align-content:center;flex-wrap:wrap;gap:3px;row-gap:3px;min-height:44px;padding:5px 7px;border-bottom:1px solid #dfe9f4;background:linear-gradient(180deg,#fbfdff,#f7faff);overflow:visible;position:relative;z-index:3}.tf-composer-group{display:flex;align-items:center;gap:1px;flex:0 0 auto}.tf-composer-sep{width:1px;height:21px;flex:0 0 1px;margin:0 4px;background:#dce6f0}.tf-composer-btn{position:relative;width:31px;height:31px;display:grid;place-items:center;flex:0 0 31px;padding:0;border:1px solid transparent;border-radius:7px;background:transparent;color:#37658d;cursor:pointer}.tf-composer-btn:hover,.tf-composer-btn:focus-visible,.tf-composer-btn.is-active,.tf-composer-menu-btn[aria-expanded="true"]{border-color:#c8def6;background:#eaf4ff;color:#0f67bd}.tf-composer-btn:disabled{opacity:.3;cursor:not-allowed}.tf-composer-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tf-composer-btn strong,.tf-composer-btn em,.tf-composer-btn u,.tf-composer-btn s{font:800 15px/1 Georgia,serif}.tf-composer-btn em{font-style:italic}.tf-composer-btn s{text-decoration-thickness:1.5px}.tf-composer-menu-btn{padding-right:7px}.tf-composer-menu-btn>i{position:absolute;right:2px;bottom:4px;width:0;height:0;border-left:2.5px solid transparent;border-right:2.5px solid transparent;border-top:3.5px solid currentColor;opacity:.62}.tf-font-mark{font:800 15px/1 Georgia,serif}.tf-size-mark{font:800 11px/1 system-ui,sans-serif;letter-spacing:-.04em}.tf-color-mark{position:relative;width:17px;height:19px;display:grid;place-items:center;color:#274f78}.tf-color-mark b{font:700 16px/16px Georgia,serif}.tf-color-mark span{position:absolute;left:2px;right:2px;bottom:0;height:3px;border-radius:2px;background:var(--tf-active-color,#176fd1);box-shadow:0 0 0 1px rgba(23,111,209,.08)}.tf-composer-preview-btn{width:auto;min-width:74px;padding:0 8px;grid-template-columns:16px auto;gap:5px;font-size:8.6px;font-weight:760}
.tf-composer-stage{position:relative;background:#fff}.tf-composer-editable{min-height:285px;padding:15px 16px;background:#fff;color:#263f5e;font:400 12.6px/1.68 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;outline:0;overflow-wrap:anywhere;white-space:normal}.tf-composer-editable:empty:before{content:attr(data-placeholder);color:#8ba1bc;pointer-events:none}.tf-composer-editable p{margin:0 0 10px}.tf-composer-editable p:last-child{margin-bottom:0}.tf-composer-editable h2,.tf-composer-editable h3,.tf-composer-editable h4{color:#173b66;line-height:1.25;margin:12px 0 8px}.tf-composer-editable h2{font-size:20px}.tf-composer-editable h3{font-size:17px}.tf-composer-editable h4{font-size:15px}.tf-composer-editable blockquote{margin:10px 0;padding:9px 12px;border-left:3px solid #63a2eb;border-radius:0 8px 8px 0;background:#f2f7fd;color:#4d6682}.tf-composer-editable pre{margin:10px 0;padding:11px 12px;border:1px solid #d8e4ef;border-radius:9px;background:#f6f9fc;color:#243e5a;font:500 11.6px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.tf-composer-editable ul,.tf-composer-editable ol{margin:8px 0 10px;padding-left:26px}.tf-composer-editable a{color:#0d6fd0;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.tf-composer-editable table{width:100%;border-collapse:collapse;margin:12px 0}.tf-composer-editable th,.tf-composer-editable td{min-width:70px;padding:7px 8px;border:1px solid #cfddeb;vertical-align:top}.tf-composer-editable th{background:#f1f6fc;font-weight:760;color:#294d73}.tf-composer-source{display:none!important;position:absolute!important;width:0!important;height:0!important;min-height:0!important;max-height:0!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;overflow:hidden!important;clip-path:inset(50%)!important;pointer-events:none!important;resize:none!important}.tf-composer-preview{min-height:285px;padding:15px 16px;background:#fff;color:#28415f;font-size:12.5px;line-height:1.68;overflow-wrap:anywhere}.tf-composer-preview[hidden],.tf-composer-editable[hidden]{display:none!important}
.tf-composer-popovers{position:absolute;z-index:30;inset:0 0 auto 0;pointer-events:none}.tf-composer-menu{position:absolute;z-index:31;top:88px;left:8px;min-width:178px;padding:8px;border:1px solid #d4e2f0;border-radius:10px;background:#fff;box-shadow:0 15px 34px rgba(27,61,98,.18);pointer-events:auto}.tf-composer-menu[hidden]{display:none}.tf-composer-menu>b{display:block;padding:2px 5px 7px;color:#607996;font-size:8.8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.tf-composer-menu-list>button,.tf-color-reset{display:flex;align-items:center;width:100%;min-height:31px;padding:6px 8px;border:0;border-radius:7px;background:transparent;color:#34516f;font-size:10.5px;text-align:left;cursor:pointer}.tf-composer-menu-list>button:hover,.tf-color-reset:hover{background:#edf5ff;color:#0c67c4}.tf-composer-color-menu{width:192px}.tf-composer-color-menu>div{display:grid;grid-template-columns:repeat(5,27px);gap:5px;padding:2px 5px 7px}.tf-composer-color-menu>div button{width:27px;height:27px;border:1px solid #cfdae6;border-radius:6px;background:var(--tf-swatch);cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}.tf-composer-color-menu>div button:hover{outline:2px solid #8fc5ff;outline-offset:1px}.tf-color-reset{border-top:1px solid #edf2f7;border-radius:0;margin-top:2px;padding-top:8px}.tf-composer-emoji{width:224px}.tf-composer-emoji>div{display:grid;grid-template-columns:repeat(6,31px);gap:4px}.tf-composer-emoji>div button{width:31px;height:31px;border:0;border-radius:6px;background:transparent;font-size:17px;cursor:pointer}.tf-composer-emoji>div button:hover{background:#edf5ff}.tf-composer-table-menu{width:190px}.tf-composer-table-menu small{display:block;margin:-4px 5px 7px;color:#8b9bad;font-size:8.5px}.tf-table-grid{display:grid;grid-template-columns:repeat(5,25px);gap:4px;padding:0 5px 7px}.tf-table-grid button{width:25px;height:25px;border:1px solid #d6e1ec;border-radius:4px;background:#f8fbfe;cursor:pointer}.tf-table-grid button.is-hot{border-color:#76b4f1;background:#dceeff}.tf-composer-table-menu>span{display:block;padding:3px 5px;color:#607996;font-size:9px;font-weight:700}
.tf-link-dialog{position:absolute;z-index:50;inset:0;background:rgba(15,31,49,.08);display:grid;place-items:start center;padding-top:70px}.tf-link-dialog[hidden]{display:none}.tf-link-dialog-card{width:min(310px,calc(100% - 24px));padding:11px;border:1px solid #d3dfeb;border-radius:10px;background:#fff;box-shadow:0 16px 38px rgba(26,51,78,.24)}.tf-link-dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.tf-link-dialog-head b{color:#2e4a67;font-size:10.5px}.tf-link-dialog-head button{width:26px;height:26px;border:0;border-radius:6px;background:transparent;color:#8294a6;font-size:18px;cursor:pointer}.tf-link-dialog label{display:block;margin-top:7px;color:#788ca1;font-size:8.8px}.tf-link-dialog input{display:block;width:100%;height:36px;margin-top:4px;padding:0 9px;border:1px solid #c8d9eb;border-radius:6px;background:#fff;color:#263f5e;font:500 11px/1 system-ui,sans-serif;outline:0}.tf-link-dialog input:focus{border-color:#62a8ed;box-shadow:0 0 0 2px rgba(71,153,235,.11)}.tf-link-dialog input.is-invalid{border-color:#df6b6b}.tf-link-dialog-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}.tf-link-dialog-actions button{height:31px;padding:0 11px;border:1px solid #d3e0ed;border-radius:6px;background:#fff;color:#5f7790;font-size:9.5px;font-weight:700;cursor:pointer}.tf-link-dialog-actions .is-primary{border-color:#49a2ec;background:#4ca9ef;color:#fff}.tf-link-bubble{position:absolute;z-index:44;display:flex;gap:2px;padding:4px;border:1px solid #d7e2ec;border-radius:8px;background:#fff;box-shadow:0 10px 24px rgba(27,54,82,.18)}.tf-link-bubble[hidden]{display:none}.tf-link-bubble button{width:32px;height:30px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#2f6fa6;cursor:pointer}.tf-link-bubble button:hover{background:#edf5ff}.tf-link-bubble svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tf-rich-content{overflow-wrap:anywhere}.tf-rich-content p{margin:0 0 12px}.tf-rich-content p:last-child{margin-bottom:0}.tf-rich-content h2,.tf-rich-content h3,.tf-rich-content h4{margin:15px 0 8px;color:#173b66;line-height:1.25;letter-spacing:-.015em}.tf-rich-content h2{font-size:1.32em}.tf-rich-content h3{font-size:1.2em}.tf-rich-content h4{font-size:1.08em}.tf-rich-content strong{font-weight:820;color:#213e5a}.tf-rich-content em{font-style:italic}.tf-rich-content u{text-decoration-thickness:1.5px;text-underline-offset:2px}.tf-rich-content s{opacity:.72}.tf-rich-content a{color:#176fd1;text-decoration:underline;text-underline-offset:2px}.tf-rich-content ul,.tf-rich-content ol{margin:9px 0 12px;padding-left:24px}.tf-rich-content li{margin:3px 0}.tf-rich-content blockquote{margin:11px 0;padding:10px 12px;border-left:3px solid #69a1e8;border-radius:0 9px 9px 0;background:#f1f6fc;color:#526d8b}.tf-rich-content code{padding:1px 4px;border-radius:5px;background:#eef3f8;color:#274665;font:600 .92em/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.tf-rich-content .tf-rich-code{margin:11px 0;padding:12px 13px;overflow:auto;border:1px solid #d9e4ef;border-radius:10px;background:#f6f9fc}.tf-rich-content .tf-rich-code code{padding:0;background:transparent;color:#203c59;white-space:pre;font-size:.9em}.tf-rich-content hr{height:1px;margin:16px 0;border:0;background:#dfe7ef}.tf-rich-content .tf-rich-table-wrap{width:100%;overflow:auto;margin:12px 0}.tf-rich-content table{width:100%;border-collapse:collapse;min-width:320px}.tf-rich-content th,.tf-rich-content td{padding:7px 9px;border:1px solid #d3e0eb;text-align:left}.tf-rich-content th{background:#f2f7fb;color:#294d73;font-weight:760}.tf-rich-empty{color:#90a0b1!important;font-style:italic}
@media(max-width:820px){.tf-composer-head small{display:none}.tf-composer-foot>span{display:none}.tf-composer-toolbar{min-height:42px;padding:4px 5px;flex-wrap:wrap;overflow:visible}.tf-composer-group{flex-wrap:nowrap}.tf-composer-sep{display:none}.tf-composer-btn{width:30px;height:30px;flex-basis:30px}.tf-composer-preview-btn{width:auto;min-width:66px}.tf-composer-editable,.tf-composer-preview{min-height:250px;padding:12px;font-size:11.8px}.tf-composer-menu{max-width:calc(100% - 12px)}.tf-link-dialog{padding-top:58px}}

/* R26.2.1: source payload is internal only; never expose serialized rich markup in the visual editor. */
.tf-new-topic-editor textarea[data-tf-composer-source],.tf-composer textarea[data-tf-composer-source]{display:none!important;width:0!important;height:0!important;min-height:0!important;max-height:0!important;visibility:hidden!important;position:absolute!important;inset:auto!important;overflow:hidden!important;resize:none!important}


/* R26.3: real inline image upload/editor presentation. */
.tf-composer-media-input{display:none!important}.tf-composer-media-status{margin:0;padding:7px 11px;border-top:1px solid #e4edf6;background:#f7fbff;color:#577391;font-size:9.2px;font-weight:650}.tf-composer-media-status[hidden]{display:none!important}.tf-composer-media-status.is-ok{background:#f1fbf6;color:#277152}.tf-composer-media-status.is-error{background:#fff5f5;color:#a33f48}
.tf-composer.is-media-drag .tf-composer-editable{box-shadow:inset 0 0 0 2px #6aaef0;background:#f7fbff}.tf-composer-image{position:relative;display:block;width:100%;max-width:100%;margin:12px 0;padding:7px;border:1px solid #d7e5f2;border-radius:11px;background:#f8fbfe;line-height:0;box-sizing:border-box}.tf-composer-image.is-resizing{border-color:#6aaef0;box-shadow:0 0 0 2px rgba(53,143,229,.12)}.tf-composer-image img,.tf-composer-editable img[data-tf-thread-media-token],.tf-composer-preview img[data-tf-thread-media-token],.tf-rich-content img.tf-rich-image{display:block;max-width:100%!important;height:auto!important;border-radius:8px;box-sizing:border-box}.tf-composer-image img{width:100%!important}.tf-composer-image-remove{position:absolute;top:12px;right:12px;width:28px;height:28px;border:1px solid rgba(255,255,255,.8);border-radius:999px;background:rgba(17,35,55,.78);color:#fff;cursor:pointer;box-shadow:0 3px 12px rgba(0,0,0,.18)}.tf-composer-image-remove:before{content:'×';font:500 20px/24px system-ui,sans-serif}.tf-composer-image-remove:hover{background:#b43f49}.tf-composer-image-resize{position:absolute;right:-5px;bottom:-5px;width:20px;height:20px;border:2px solid #fff;border-radius:6px;background:#2787df;cursor:nwse-resize;box-shadow:0 2px 8px rgba(20,71,116,.28);touch-action:none}.tf-composer-image-resize:before{content:'';position:absolute;right:4px;bottom:4px;width:7px;height:7px;border-right:2px solid #fff;border-bottom:2px solid #fff}.tf-composer-image-size{position:absolute;right:22px;bottom:5px;padding:4px 6px;border-radius:5px;background:rgba(17,35,55,.78);color:#fff;font:700 8px/1 system-ui,sans-serif;opacity:0;transition:opacity .14s}.tf-composer-image:hover .tf-composer-image-size,.tf-composer-image.is-resizing .tf-composer-image-size{opacity:1}.tf-rich-content img.tf-rich-image{width:auto;max-width:100%!important;object-fit:contain}.tf-rich-content img.tf-rich-image:not([src]){min-height:84px;background:linear-gradient(90deg,#f4f8fc,#eaf3fb,#f4f8fc);border:1px dashed #cbdbea}
@media(max-width:820px){.tf-composer-image{margin:9px 0;padding:5px}.tf-composer-image-remove{top:9px;right:9px}.tf-composer-image-resize{width:24px;height:24px;right:-6px;bottom:-6px}.tf-composer-image-size{right:24px;bottom:6px}}

/* R28.2 shared member mention autocomplete — topic + guide composer parity. */
.tf-composer-mention-suggest{position:absolute;z-index:70;width:min(300px,calc(100% - 16px));max-height:248px;overflow:auto;padding:5px;border:1px solid #d2e1ef;border-radius:11px;background:#fff;box-shadow:0 17px 40px rgba(24,58,94,.22);pointer-events:auto}
.tf-composer-mention-suggest[hidden]{display:none!important}.tf-composer-mention-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:0;border-radius:8px;background:#fff;color:#244767;text-align:left;cursor:pointer;font:inherit}.tf-composer-mention-option b{overflow:hidden;text-overflow:ellipsis;color:#0870ed;font-size:11px;font-weight:780}.tf-composer-mention-option small{flex:0 0 auto;color:#8297ad;font-size:8.5px}.tf-composer-mention-option:hover,.tf-composer-mention-option[aria-selected="true"]{background:#edf6ff}.tf-composer-mention-option[aria-selected="true"] b{color:#0564d5}
@media(max-width:820px){.tf-composer-mention-suggest{width:min(280px,calc(100% - 12px));max-height:210px}.tf-composer-mention-option{padding:9px}.tf-composer-mention-option small{display:none}}

/* R40.15.13 shared emoji + private-message compact composer */
.tf-emoji-toolbar-glyph,.tf-composer-emoji button,[data-tf-emoji]{font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",system-ui,sans-serif}
.tf-composer-emoji{width:min(390px,calc(100vw - 28px));padding:10px}.tf-emoji-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.tf-emoji-head>b{padding:0 2px;color:#405e7c;font-size:10px}.tf-emoji-head label{height:34px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid #d6e4f1;border-radius:10px;background:#fbfdff;color:#7690aa}.tf-emoji-head input{width:100%;border:0;outline:0;background:transparent;color:#284864;font:inherit;font-size:10.5px}.tf-emoji-tabs{display:flex;gap:4px;margin:9px 0 8px;padding-bottom:7px;overflow:auto;border-bottom:1px solid #edf2f7}.tf-emoji-tabs button{min-width:30px;height:30px;border:0;border-radius:8px;background:transparent;font-size:17px;cursor:pointer}.tf-emoji-tabs button:hover,.tf-emoji-tabs button.is-active{background:#eaf4ff;box-shadow:inset 0 -2px 0 #2b83db}.tf-emoji-grid{display:grid;grid-template-columns:repeat(8,minmax(32px,1fr));gap:3px;max-height:260px;overflow:auto;padding:2px}.tf-emoji-grid button{width:100%;height:34px;border:0;border-radius:7px;background:transparent;font-size:21px;line-height:1;cursor:pointer}.tf-emoji-grid button:hover{background:#edf6ff;transform:scale(1.08)}.tf-emoji-grid button[hidden]{display:none!important}.tf-emoji-empty{display:block;padding:18px 8px;text-align:center;color:#8a9db2;font-size:10px}.tf-emoji-empty[hidden]{display:none!important}
.tf-composer-message{border-radius:12px}.tf-composer-message .tf-composer-head,.tf-composer-message .tf-composer-foot{display:none}.tf-composer-message .tf-composer-toolbar-message{min-height:38px;padding:4px 6px;justify-content:space-between;flex-wrap:nowrap}.tf-composer-message .tf-composer-toolbar-message .tf-composer-group{min-width:0;overflow:auto}.tf-composer-message .tf-composer-message-hint{margin-left:auto;padding-right:4px;color:#91a2b6;font-size:8.5px;white-space:nowrap}.tf-composer-message .tf-composer-stage{border-radius:0 0 11px 11px}.tf-composer-message .tf-composer-editable,.tf-composer-message .tf-composer-preview{min-height:72px;max-height:170px;overflow:auto;padding:10px 12px;font-size:11.5px;line-height:1.55}.tf-composer-message .tf-composer-menu{top:42px}.tf-composer-message .tf-composer-emoji{left:auto;right:5px}
@media(max-width:620px){.tf-composer-emoji{left:4px!important;right:4px!important;width:auto}.tf-emoji-grid{grid-template-columns:repeat(7,minmax(30px,1fr));max-height:230px}.tf-emoji-grid button{height:33px;font-size:20px}.tf-composer-message .tf-composer-message-hint{display:none}}

/* R40.15.13.2 — premium message composer + viewport-safe emoji */
.tf-composer-message{border:1px solid #d8e6f4!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;overflow:visible!important}
.tf-composer-message .tf-composer-toolbar-message{min-height:38px!important;padding:3px 5px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;flex-wrap:nowrap!important;border-bottom:1px solid #e3edf6!important;background:#fbfdff!important;border-radius:11px 11px 0 0!important}
.tf-composer-message .tf-composer-toolbar-message .tf-composer-group{display:flex!important;align-items:center!important;gap:2px!important;min-width:0!important;overflow:visible!important}
.tf-composer-message .tf-composer-btn{width:31px!important;height:31px!important;min-width:31px!important;flex:0 0 31px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#426585!important;box-shadow:none!important}
.tf-composer-message .tf-composer-btn:hover,.tf-composer-message .tf-composer-btn:focus-visible,.tf-composer-message .tf-composer-btn.is-active,.tf-composer-message .tf-composer-menu-btn[aria-expanded="true"]{border-color:#cde0f3!important;background:#edf6ff!important;color:#0877f9!important}
.tf-composer-message .tf-composer-btn strong,.tf-composer-message .tf-composer-btn em{font:800 14px/1.05 Georgia,serif!important;display:block!important;transform:none!important}.tf-composer-message .tf-composer-btn em{font-style:italic!important}.tf-composer-message .tf-composer-btn svg{width:15px!important;height:15px!important;display:block!important}.tf-composer-message .tf-composer-menu-btn{padding-right:4px!important}.tf-composer-message .tf-composer-menu-btn>i{right:2px!important;bottom:3px!important}
.tf-composer-message .tf-emoji-toolbar-glyph{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:16px!important;line-height:1!important;text-align:center!important;transform:none!important}
.tf-composer-message .tf-composer-message-hint{margin-left:auto!important;padding:0 5px!important;color:#788da7!important;font-size:10px!important;line-height:1.25!important;white-space:nowrap!important}
.tf-composer-message .tf-composer-stage{border-radius:0 0 11px 11px!important;background:#fff!important;overflow:hidden!important}.tf-composer-message .tf-composer-editable,.tf-composer-message .tf-composer-preview{min-height:50px!important;max-height:138px!important;overflow-y:auto!important;padding:9px 11px!important;background:#fff!important;color:#2e4b69!important;font-size:11.6px!important;line-height:1.5!important}.tf-composer-message .tf-composer-editable:empty:before{color:#91a4ba!important}
.tf-composer-message .tf-composer-menu{top:42px}.tf-composer-message .tf-composer-emoji{left:auto;right:5px}
.tf-composer-emoji{width:min(390px,calc(100vw - 20px))!important;max-height:min(430px,calc(100dvh - 20px));padding:10px!important;border-color:#cdddec!important;border-radius:13px!important;background:#fff!important;box-shadow:0 20px 50px rgba(25,58,92,.22)!important;box-sizing:border-box!important}
.tf-emoji-head{grid-template-columns:auto minmax(0,1fr)!important;gap:10px!important}.tf-emoji-head>b{padding:0 2px!important;color:#355574!important;font-size:10.5px!important;text-transform:none!important;letter-spacing:0!important}.tf-emoji-head label{height:34px!important;border-radius:10px!important;background:#f8fbfe!important}.tf-emoji-head input{font-size:10.5px!important}.tf-emoji-tabs{margin:8px 0 7px!important;padding-bottom:6px!important}.tf-emoji-tabs button{min-width:31px!important;height:31px!important;display:grid!important;place-items:center!important;padding:0!important;font-size:18px!important;line-height:1!important}.tf-emoji-grid{grid-template-columns:repeat(8,minmax(32px,1fr))!important;gap:3px!important;max-height:min(286px,calc(100dvh - 145px))!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:3px!important}.tf-emoji-grid button{height:35px!important;display:grid!important;place-items:center!important;padding:0!important;font-size:21px!important;line-height:1!important}
.tf-composer-menu[data-tf-floating="viewport"]{position:fixed!important;z-index:1605!important;right:auto!important;bottom:auto!important;margin:0!important}
@media(max-width:620px){.tf-composer-message .tf-composer-message-hint{display:none!important}.tf-composer-emoji{width:min(360px,calc(100vw - 16px))!important}.tf-emoji-grid{grid-template-columns:repeat(7,minmax(30px,1fr))!important;max-height:min(250px,calc(100dvh - 150px))!important}}