/* Home product explorer: a frontal, readable workspace. */
.cm-public-design .t8-workspace{--cm-line:#ffffff1c}
.cm-public-design .t8-workspace :is(.t5-workspace-heading,.t8-workspace-title){transform:none!important;filter:none!important}
.cm-public-design .t8-workspace .t8-workspace-title{margin-bottom:36px!important}
.cm-public-design .t8-workspace .t5-workspace-wrap{padding-block:80px}
.cm-public-design .t8-workspace .t5-workspace{display:grid;grid-template-columns:200px minmax(0,1fr);border:1px solid #ffffff20;border-radius:18px;background:#16171d;box-shadow:0 24px 60px #0002;overflow:hidden;perspective:none;transform:none}
.cm-public-design .t8-workspace .t5-workspace-nav{display:flex;flex-direction:column;gap:6px;padding:18px 12px;border-right:1px solid #ffffff16;background:#121319;overflow:visible}
.cm-public-design .t8-workspace .t5-workspace-nav button{display:flex;align-items:center;gap:10px;text-align:left;padding:12px 10px;min-height:48px;border:1px solid transparent;border-radius:9px;background:none;color:#a5a6b2;font:400 13px/1.4 Outfit,sans-serif;white-space:normal;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.cm-public-design .t8-workspace .t5-workspace-nav button>i:first-child{width:18px;flex:none;font-size:16px;color:var(--feature-text)}
.cm-public-design .t8-workspace .t5-workspace-nav button>span{flex:1}
.cm-public-design .t8-workspace .t5-workspace-nav button>i:last-child{width:auto;font-size:10px;opacity:0;color:var(--feature-text);margin:0}
.cm-public-design .t8-workspace .t5-workspace-nav button[aria-selected=true]{background:color-mix(in srgb,var(--feature) 13%,#17181e);border-color:color-mix(in srgb,var(--feature) 35%,transparent);color:var(--feature-text);box-shadow:inset 3px 0 var(--feature)}
.cm-public-design .t8-workspace .t5-workspace-nav button[aria-selected=true]>i:last-child{opacity:1}
.cm-public-design .t8-workspace .t5-workspace-nav button:hover{background:#ffffff08;color:#ededf3}
.cm-public-design .t8-workspace .t5-workspace-nav button:focus-visible{outline:2px solid var(--feature-text);outline-offset:2px}
.t8-home :is(.t5-tone-notifications,[data-t8-feature=notifications]){--feature:#fb923c;--feature-text:#fb923c}
.cm-public-design .t8-workspace .t5-workspace-panels{display:grid;min-width:0}
.cm-public-design .t8-workspace .t5-workspace-panel{grid-area:1/1;display:grid;grid-template-columns:minmax(200px,.65fr) minmax(0,1.65fr);align-items:center;gap:28px;padding:28px;height:548px;min-height:548px;perspective:none;transform:none;filter:none}
.cm-public-design .t8-workspace .t5-workspace-panel[hidden]{display:none!important}
.cm-public-design .t8-workspace .t5-workspace-copy{min-width:0;transform:none!important;filter:none!important}
.cm-public-design .t8-workspace .t5-workspace-copy>i{display:grid;place-items:center;width:44px;height:44px;border:1px solid color-mix(in srgb,var(--feature) 30%,transparent);background:color-mix(in srgb,var(--feature) 12%,transparent);color:var(--feature-text);border-radius:12px;font-size:20px;margin-bottom:18px}
.cm-public-design .t8-workspace .t5-workspace-copy h3{font:500 clamp(24px,2.1vw,32px)/1.15 Outfit,sans-serif;letter-spacing:-.03em;margin-bottom:16px;color:#f5f5f7;overflow-wrap:anywhere}
.cm-public-design .t8-workspace .t5-workspace-copy p{font:400 15px/1.75 Outfit,sans-serif;color:#b7b8c4;margin:0 0 24px}
.cm-public-design .t8-workspace .t5-workspace-copy .cm-text-link{font:500 13px/1.5 Outfit,sans-serif;color:var(--feature-text);display:inline-flex;align-items:center;gap:10px}
.cm-public-design .t8-workspace .t5-preview{width:100%;height:100%;min-width:0;min-height:0;max-height:100%;margin:0;overflow:hidden;transform:none!important;rotate:none!important;scale:none!important;perspective:none!important;filter:none!important;box-shadow:none;background:#1a1b22;border:1px solid color-mix(in srgb,var(--feature) 34%,#33343e);border-radius:12px;display:flex;flex-direction:column;will-change:auto}
.cm-public-design .t8-workspace .t5-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;min-height:44px;padding:12px 16px;font-size:11px;line-height:1.4;border-bottom:1px solid #ffffff12;background:#20212a;color:#c0c2cf;transform:none}
.cm-public-design .t8-workspace .t5-preview-brand{display:flex;align-items:center;gap:8px;font-size:11px;color:#d7d9e3}
.cm-public-design .t8-workspace .t5-preview-content{min-width:0;flex:1;min-height:0;padding:18px;display:flex;align-items:center;justify-content:center;overflow:auto;transform:none!important;perspective:none;zoom:1!important}
.cm-public-design .t8-workspace .t5-preview-content>.cm-demo-ui{width:100%;min-width:0;transform:none!important;filter:none!important;zoom:1!important}
.cm-public-design .t8-workspace #t5-panel-telegram .cm-chat-header{padding:12px 14px}
.cm-public-design .t8-workspace #t5-panel-telegram .cm-chat-header strong{font-size:14px}
.cm-public-design .t8-workspace #t5-panel-telegram .cm-chat-header span{font-size:10px}
.cm-public-design .t8-workspace #t5-panel-telegram .cm-chat-transcript{min-height:320px;padding:14px;gap:10px}
.cm-public-design .t8-workspace #t5-panel-telegram .cm-chat-answer{font-size:12px;line-height:1.55;max-width:100%}
.cm-public-design .t8-workspace #t5-panel-telegram .cm-chat-answer>div:first-child{padding:12px}
.cm-public-design .t8-workspace #t5-panel-telegram .cm-chat-command{font-size:11px;padding:8px 11px}
.cm-public-design .t8-workspace #t5-panel-telegram .cm-chat-options span{font-size:10px;padding:9px 5px;line-height:1.4}
.cm-public-design .t8-workspace #t5-panel-telegram .cm-chat-success{font-size:11px;padding:10px 12px;line-height:1.5;max-width:100%}
.cm-public-design .t8-workspace #t5-panel-telegram .cm-chat-success small{font-size:10px;line-height:1.5}
.cm-public-design .t8-workspace #t5-panel-viewinapp{grid-template-columns:minmax(200px,.65fr) minmax(0,1.65fr);gap:28px;padding:28px}
.cm-public-design .t8-workspace .nt-hero-demo{max-width:630px}
.cm-public-design .t8-workspace .nt-source-card{padding:12px 15px}
.cm-public-design .t8-workspace .nt-branch{height:38px}
.cm-public-design .t8-workspace .nt-hero-message header{padding:10px;font-size:11px}
.cm-public-design .t8-workspace .nt-hero-message>div{margin:10px;padding:10px}
.cm-public-design .t8-workspace .nt-hero-message p{font-size:12px;line-height:1.5;min-height:36px;margin:9px 0}
.cm-public-design .t8-workspace .nt-hero-message img{max-height:115px;object-fit:cover}
.cm-public-design .t8-workspace .nt-hero-message strong{font-size:10px;line-height:1.4}
.cm-public-design .t8-workspace .nt-hero-message .nt-example-button{font-size:10px;min-height:30px;padding:6px 10px;margin-top:10px}
@media(max-width:1100px){
 .cm-public-design .t8-workspace .t5-workspace{grid-template-columns:180px minmax(0,1fr)}
 .cm-public-design .t8-workspace :is(.t5-workspace-panel,#t5-panel-viewinapp){grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);height:690px;min-height:690px;padding:24px;gap:20px}
 .cm-public-design .t8-workspace .t5-workspace-copy>i{display:none}
 .cm-public-design .t8-workspace .t5-workspace-copy h3{font-size:26px;margin-bottom:10px}
 .cm-public-design .t8-workspace .t5-workspace-copy p{font-size:14px;margin-bottom:12px;max-width:68ch}
 .cm-public-design .t8-workspace .t5-preview{height:100%}
}
@media(max-width:767px){
 .cm-public-design .t8-workspace .t5-workspace{grid-template-columns:1fr;border-radius:14px}
 .cm-public-design .t8-workspace .t8-workspace-title{margin-bottom:28px!important}
 .cm-public-design .t8-workspace .t5-workspace-nav{flex-direction:row;overflow-x:auto;gap:8px;padding:12px;border-right:0;border-bottom:1px solid #ffffff16;scrollbar-width:thin;scrollbar-color:#54545f transparent}
 .cm-public-design .t8-workspace .t5-workspace-nav button{flex:none;min-height:42px;padding:9px 12px;white-space:nowrap;font-size:12px}
 .cm-public-design .t8-workspace .t5-workspace-nav button>i:last-child{display:none}
 .cm-public-design .t8-workspace .t5-workspace-nav button>i:first-child{font-size:14px;width:16px}
 .cm-public-design .t8-workspace .t5-workspace-nav button[aria-selected=true]{box-shadow:inset 0 -2px var(--feature)}
 .cm-public-design .t8-workspace :is(.t5-workspace-panel,#t5-panel-viewinapp){height:790px;min-height:790px;padding:20px 14px;gap:20px}
 .cm-public-design .t8-workspace .t5-workspace-copy h3{font-size:26px}
 .cm-public-design .t8-workspace .t5-workspace-copy p{font-size:14px;line-height:1.7}
 .cm-public-design .t8-workspace .t5-preview-bar{padding:12px;font-size:10px;gap:8px}
 .cm-public-design .t8-workspace .t5-preview-brand{font-size:10px}
 .cm-public-design .t8-workspace .t5-preview-content{padding:12px}
 .cm-public-design .t8-workspace #t5-panel-telegram .cm-chat-transcript{min-height:340px;padding:12px 8px}
 .cm-public-design .t8-workspace #t5-panel-telegram .cm-chat-answer{font-size:11px}
 .cm-public-design .t8-workspace #t5-panel-telegram .cm-chat-options{grid-template-columns:1fr!important;gap:6px}
 .cm-public-design .t8-workspace #t5-panel-telegram .cm-chat-options span{font-size:10px;padding:9px}
 .cm-public-design .t8-workspace .nt-hero-deliveries{grid-template-columns:1fr}
 .cm-public-design .t8-workspace .nt-hero-discord{display:none}
 .cm-public-design .t8-workspace .nt-hero-message img{max-height:140px}
 .cm-public-design .t8-workspace .nt-hero-message strong{font-size:12px}
 .cm-public-design .t8-workspace .nt-hero-message p{font-size:12px;min-height:0}
 .cm-public-design .t8-workspace .nt-source-card strong{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.cm-public-design .t8-workspace *{animation:none!important;transition:none!important}}

.cm-public-design .t8-workspace .t5-workspace-nav button[aria-selected=true]>span{color:var(--feature-text)}
.cm-public-design .t8-workspace .cm-demo-bio,.cm-public-design .t8-workspace .cm-demo-bio *{min-width:0;max-width:100%;overflow-wrap:anywhere;box-sizing:border-box}
.cm-public-design .t8-workspace .cm-demo-bio [class*="hover:scale"]{transform:none!important}
.cm-public-design .t8-workspace .cm-demo-bio [class*="text-amber"]{color:#fde047}
.cm-public-design .t8-workspace .cm-demo-bio [class*="bg-amber"]{background:#fde04715}
.cm-public-design .t8-workspace .cm-demo-bio [class*="border-amber"]{border-color:#fde04770}
@media(min-width:768px){.cm-public-design .t8-workspace .nt-hero-message img{max-height:96px}.cm-public-design .t8-workspace .nt-hero-message>div{margin:8px;padding:8px}.cm-public-design .t8-workspace .nt-source-card{padding-block:10px}}

.cm-public-design .t8-workspace .t5-preview-content [class*="hover:scale"]{transform:none!important;scale:none!important;rotate:none!important}

.cm-public-design .t8-workspace .cm-hub-blocks{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.cm-public-design .t8-workspace .cm-hub-blocks>*{min-width:0;overflow-wrap:anywhere}
@media(max-width:380px){.cm-public-design .t8-workspace .cm-hub-blocks{grid-template-columns:1fr}.cm-public-design .t8-workspace .cm-hub-blocks>*{grid-column:auto}}

/* Keep the full demo inside its frame, including while the explorer is pinned. */
@media(min-width:1101px){
 .cm-public-design .t8-workspace .t5-workspace-panel,
 .cm-public-design .t8-workspace.t8-workspace-scroll .t5-workspace-panel{height:auto;min-height:600px}
 .cm-public-design .t8-workspace .t5-preview{height:auto;max-height:none;align-self:stretch}
 .cm-public-design .t8-workspace .t5-preview-content{min-height:auto}
}