.homepage-product-showcase{--reading-completed:#75838a;--reading-current:#087c68;--reading-next:#9a6a00;--reading-unread:#25333a;margin-top:28px}.product-showcase-layout{grid-template-columns:264px minmax(0,1fr);align-items:stretch;gap:32px;display:grid}.product-showcase-sidebar,.product-showcase-panels,.product-showcase-panel{min-width:0}.product-showcase-sidebar{flex-direction:column;display:flex}.product-showcase-panels{max-width:900px;container-type:inline-size}.product-showcase-panel[hidden],.product-showcase-copy[hidden]{display:none}.product-showcase-tabs{flex-direction:column;flex-shrink:0;gap:4px;display:flex}.product-showcase-tabs button{width:100%;min-height:36px;color:var(--tf-text-secondary);text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.product-showcase-tab-number{color:#94a3b8;font-variant-numeric:tabular-nums;font-size:12px}.product-showcase-tabs img{width:19px;height:19px}.showcase-app-icon{flex-shrink:0;display:block}.product-showcase-tabs>button>.showcase-app-icon{color:#2563eb}.product-showcase-tab-arrow{opacity:0;margin-left:auto}.product-showcase-tabs button:hover{background:#f6f9fd}.product-showcase-tabs [aria-selected=true]{color:#1d4f91;background:#eaf4ff;border-color:#d9e6fb}.product-showcase-tabs [aria-selected=true] .product-showcase-tab-number{color:#2563eb}.product-showcase-tabs [aria-selected=true] .product-showcase-tab-arrow{opacity:1}.product-showcase-tabs button:focus-visible,.product-showcase-panel:focus-visible{outline-offset:4px;outline:2px solid #2563eb}.product-showcase-copy{flex-shrink:0;margin-top:auto;padding-top:12px}.product-showcase-copy h3{letter-spacing:-.5px;text-wrap:balance;margin:0 0 8px;font-size:18px;line-height:1.35}.product-showcase-description{color:var(--tf-text-secondary);margin:0;font-size:12px;line-height:1.55}.product-showcase-features{gap:4px;margin:10px 0;padding:0;list-style:none;display:grid}.product-showcase-features li{align-items:flex-start;gap:9px;font-size:11.5px;line-height:1.55;display:flex}.product-showcase-features svg{color:#2563eb;margin-top:1px}.product-showcase-detail{border-top:1px solid var(--tf-border);color:var(--tf-text-secondary);margin:0;padding-top:8px;font-size:11px;line-height:1.5}.product-showcase-stage{aspect-ratio:1062/598;border-radius:10px;width:100%;min-width:0;position:relative;overflow:clip}.product-showcase-canvas{width:1062px;height:598px;transform:scale(var(--showcase-scale,1));transform-origin:0 0;position:absolute;inset:0 auto auto 0;container:showcase-canvas/inline-size}.product-interface-window,.floating-interface-window{color:#0f172a;background:#f6f9fd;border:1px solid #e3ebf5;border-radius:12px;width:100%;min-width:0;font:400 12px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;overflow:hidden;box-shadow:0 8px 24px #0f172a14;container-type:inline-size}.product-interface-window,.floating-interface-window,.product-showcase-stage .reading-demo{width:100%;height:100%;min-height:0}.showcase-app-shell{height:calc(100% - var(--showcase-titlebar-height));grid-template-columns:176px minmax(0,1fr);gap:12px;padding-left:12px;display:grid}.showcase-app-sidebar{flex-direction:column;min-width:0;padding-top:8px;display:flex}.showcase-app-brand{align-items:center;gap:9px;height:52px;padding:0 12px;font-size:16px;display:flex}.showcase-app-brand img{width:32px;height:32px}.showcase-app-brand strong{font-weight:600}.showcase-app-navigation{gap:4px;margin-top:16px;display:grid}.showcase-app-navigation>div{color:#53627a;border-radius:6px;align-items:center;gap:10px;min-height:44px;padding:8px 12px;display:flex}.showcase-app-navigation svg{flex-shrink:0}.showcase-app-navigation .is-selected{color:#1d4f91;background:#eaf4ff;font-weight:500}.showcase-app-local{color:#53627a;border-top:1px solid #edf1f5;align-items:center;gap:7px;min-height:58px;margin-top:auto;padding:12px 8px;font-size:11px;display:flex}.showcase-app-local i{background:#047857;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:5px}.product-interface-body{background:#fff;border:0;border-top:1px solid #e3ebf5;border-left:1px solid #e3ebf5;border-radius:12px 0 0;min-width:0;min-height:0;padding:18px clamp(18px,2.4cqw,28px);overflow:auto;container:showcase-workspace/inline-size}.product-interface-body h4{margin:0 0 20px;font-size:16px;font-weight:600;line-height:1.4}.product-interface-body img{flex-shrink:0;width:16px;height:16px}.showcase-example{display:contents}.product-interface-body:has(.showcase-session-columns){flex-direction:column;display:flex}.showcase-session-toolbar{flex-shrink:0;justify-content:flex-end;min-height:24px;margin-bottom:8px;display:flex}.showcase-session-toolbar>span{place-items:center;width:24px;height:24px;display:grid}.showcase-session-columns{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;min-height:0;display:grid}.showcase-session-create{flex-direction:column;min-width:0;display:flex}.showcase-create-heading{min-height:48px;margin-bottom:10px}.showcase-create-heading h4{align-items:center;gap:8px;margin-bottom:4px;display:flex}.showcase-create-heading h4 svg{color:#2563eb}.showcase-create-heading p{color:#64748b;margin:0;font-size:11px;line-height:1.5}.interface-session-step{grid-template-columns:108px minmax(0,1fr);align-items:start;gap:6px;min-width:0;min-height:44px;margin-bottom:6px;display:grid}.interface-step-label{align-items:center;gap:7px;padding-top:7px;display:flex}.interface-step-label>span:first-child{color:#64748b;border:1px solid #e3ebf5;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.interface-step-label.is-complete>span:first-child{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.interface-step-label>span:first-child svg{width:13px;height:13px}.interface-step-label strong{font-size:12px;font-weight:500}.interface-info-icon{color:#64748b;flex-shrink:0;display:inline-flex}.interface-info-icon svg{width:13px;height:13px}.interface-follow-modes{border:1px solid #cbd5d8;border-radius:4px;grid-template-columns:repeat(3,minmax(0,1fr));width:228px;max-width:100%;height:32px;min-height:32px;display:grid}.interface-follow-modes>span{color:#53627a;white-space:nowrap;text-align:center;border-right:1px solid #dce3e5;justify-content:center;align-items:center;min-width:0;padding:0 2px;font-size:11px;display:flex}.interface-follow-modes>span:last-child{border-right:0}.interface-follow-modes .is-selected{color:#2563eb;background:#eff6ff}.interface-field{overflow-wrap:anywhere;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;min-width:0;min-height:32px;padding:6px 9px;font-size:12px;display:flex}.showcase-session-create .interface-field,.interface-file-row>.interface-small-action{height:36px;min-height:36px;max-height:36px;padding-block:0}.showcase-session-create .interface-control-value,.interface-input-value,.interface-select>.interface-input-value{min-width:0;color:inherit;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.interface-field>svg{flex-shrink:0}.showcase-saved-filter-toolbar .interface-field{height:32px;min-height:32px;max-height:32px;padding-block:0}.interface-select{justify-content:space-between}.interface-select>span{color:#64748b;flex-shrink:0;margin-left:auto}.interface-control-value,.interface-select>.interface-control-value{min-width:0;color:inherit;overflow-wrap:anywhere;flex:1;margin:0}.interface-placeholder{color:#64748b}.interface-small-action{background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:6px 10px;font-size:12px;display:inline-flex}.interface-file-row{grid-template-columns:minmax(0,1fr) auto;gap:6px;min-width:0;display:grid}.interface-file-row>span,.interface-file-row>.interface-field{min-height:36px}.interface-file-row>.interface-small-action{justify-self:end}.interface-choice-row{flex-wrap:wrap;gap:8px;min-width:0;padding-top:7px;display:flex}.interface-choice-row>span{align-items:center;gap:5px;font-size:12px;display:inline-flex}.interface-choice-row i{border:1px solid #cbd5e1;border-radius:50%;flex-shrink:0;width:12px;height:12px}.interface-choice-row .is-selected i{border:4px solid #2563eb}.interface-session-step.interface-terminology-step{display:block}.interface-terms-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;display:flex}.interface-terms-heading .interface-step-label{padding-top:0}.interface-terms-heading small{color:#64748b;font-size:11px}.interface-terms-picker{border:1px solid #e3ebf5;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;height:40px;min-height:40px;padding:4px 5px 4px 9px;display:flex}.interface-terms-picker>.interface-placeholder{min-width:0;font-size:11px}.interface-terms-picker>.interface-small-action{color:#2563eb;border-color:#b9cceb;flex-shrink:0;height:28px;min-height:28px;padding:0 6px;font-size:11px}.interface-session-actions{border-top:1px solid #e3ebf5;flex-wrap:wrap;gap:10px;min-height:61px;margin-top:auto;padding-block:8px;display:flex}.interface-session-actions>span{border:1px solid #cbd5e1;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:44px;padding:6px 10px;font-size:13px;display:inline-flex}.interface-primary{color:#fff;background:#2563eb!important;border-color:#2563eb!important}.interface-session-actions>.showcase-session-save{align-items:stretch;gap:0;padding:0;position:relative}.showcase-session-save-main{flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;padding:6px 36px 6px 10px;display:flex}.showcase-session-save-main>span{min-width:0}.showcase-session-save-toggle{background:0 0;border:0;border-radius:0 6px 6px 0;place-items:center;width:31px;padding:0;display:grid;position:absolute;inset:0 0 0 auto}.showcase-saved-sessions{border-left:1px solid #e3ebf5;flex-direction:column;min-width:0;padding-left:24px;display:flex}.showcase-saved-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:8px;min-height:38px;margin-bottom:10px;display:flex}.showcase-saved-heading h4{margin-bottom:4px}.showcase-saved-heading small{color:#64748b;font-size:11px}.showcase-saved-heading-actions{flex-wrap:wrap;gap:6px;display:flex}.showcase-saved-refresh{padding-inline:7px}.showcase-saved-filter-toolbar{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:8px;margin-bottom:10px;display:grid}.showcase-saved-item{border:1px solid #e3ebf5;border-radius:6px;grid-template-columns:minmax(0,1fr) minmax(34px,.4fr) auto;align-items:center;gap:6px;min-width:0;min-height:44px;padding:8px;display:grid}.showcase-saved-item>img{margin-top:2px}.showcase-saved-item>div{gap:5px;min-width:0;display:grid}.showcase-saved-item strong{overflow-wrap:anywhere;font-size:12px;font-weight:500}.showcase-saved-item span,.showcase-saved-item small{color:#64748b;overflow-wrap:anywhere;font-size:11px}.showcase-saved-title,.showcase-saved-group{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.showcase-saved-item-actions{flex-shrink:0;gap:6px;display:flex}.showcase-saved-item-actions svg{width:14px;height:14px}.showcase-saved-pagination{color:#64748b;border-top:1px solid #e3ebf5;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-height:61px;margin-top:auto;padding-block:8px;font-size:11px;display:flex}.showcase-saved-pagination>span:last-child{flex-shrink:0}.showcase-page-controls{align-items:center;gap:8px;display:inline-flex}.showcase-page-controls i{color:#94a3b8;border:1px solid #e3ebf5;border-radius:6px;place-items:center;width:28px;height:28px;font-size:16px;font-style:normal;display:grid}.showcase-open-session{flex-direction:column;height:100%;min-height:0;display:flex}.product-interface-body:has(.showcase-open-session){padding:0}.showcase-document-toolbar{background:#f6f9fd;border-bottom:1px solid #e3ebf5;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:6px 16px;display:flex}.showcase-document-toolbar>div{gap:4px;min-width:0;display:grid}.showcase-document-toolbar>div>span{color:#64748b;font-size:12px}.showcase-document-toolbar strong{overflow-wrap:anywhere;font-size:20px;font-weight:600}.showcase-document-toolbar .interface-small-action{flex-shrink:0}.showcase-open-script{flex:1;min-height:0;padding:16px 16px 12px;overflow:auto}.showcase-open-script .interface-script h4{padding-left:calc(3ch + 16px)}.showcase-open-script .interface-script p{padding:0 0 0 16px}.showcase-open-actions{border-top:1px solid #e3ebf5;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;min-height:52px;padding:6px 16px;display:flex}.showcase-open-actions>.interface-field{flex:1;min-width:100px}.showcase-open-actions>.interface-small-action{min-height:40px}.interface-script{min-width:0;color:var(--reading-unread);font-size:20px;line-height:1.5}.interface-script h4{margin:0;padding:0 12px 0 calc(3ch + 12px);font-size:20px;line-height:1.5}.interface-script ol{margin:0;padding:0 0 24px;list-style:none}.interface-script li{grid-template-columns:3ch minmax(0,1fr);align-items:stretch;display:grid}.interface-line-number{color:#53627a;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:.62em;display:flex}.interface-script p{font-size:inherit;line-height:inherit;overflow-wrap:anywhere;margin:0;padding:0 12px}.interface-script [data-state=completed]{color:var(--reading-completed)}.interface-script [data-state=current],.interface-script [data-state=current] .interface-line-number{color:var(--reading-current)}.interface-script [data-state=next]{color:var(--reading-next)}.product-showcase-stage .reading-showcase{display:contents}.product-showcase-stage .reading-demo{flex-direction:column;display:flex}.product-showcase-stage .reading-demo-livebar{flex-shrink:0}.product-showcase-stage .reading-demo-session-title{text-overflow:clip;white-space:normal;overflow:visible}.product-showcase-stage .reading-demo-floating>span{display:inline}.product-showcase-stage .reading-demo-reader{flex:1;height:auto;min-height:0;max-height:none}.product-showcase-stage .reading-demo-reader h3{padding-block:0}.product-showcase-stage .reading-demo-unit{font-family:inherit}.product-showcase-stage .reading-demo-passage{padding-block:0}.product-showcase-stage .reading-demo-session-bar{flex-shrink:0;gap:8px}.product-showcase-stage .reading-demo-static-control{min-width:0;padding-inline:10px;font-size:12px}.product-showcase-stage .reading-demo-session-state{font-size:12px}.product-showcase-stage .reading-demo-recognition{width:190px}.floating-interface-window{background:#ffffffb8;flex-direction:column;display:flex}.floating-interface-controls{flex-shrink:0;align-items:center;gap:4px;padding:4px 6px;display:flex}.floating-interface-controls>span{color:#2e3c44;white-space:nowrap;background:#ffffffd1;border:1px solid #c9d4da;border-radius:4px;justify-content:center;align-items:center;min-width:0;height:24px;padding:2px 8px;font-size:12px;line-height:1.5;display:inline-flex}.floating-interface-controls>.floating-interface-pin{width:24px;padding:0}.floating-interface-controls>.floating-interface-pause{color:#9a6700;background:#fff;border-color:#9a6700;width:84px}.floating-interface-controls>.floating-interface-stop{color:#fff;background:#b42318;border-color:#b42318}.floating-interface-reader{flex:1;min-height:0;padding:20px 32px;overflow:auto}.floating-interface-reader>.interface-script{width:min(900px,76ch,100%);margin-inline:auto}.showcase-settings-layout{grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:20px;height:100%;min-height:0;display:grid}.showcase-settings-controls{min-width:0;min-height:0;padding-right:6px}.showcase-settings-group{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:12px;display:grid}.showcase-settings-group>strong{font-size:12px;font-weight:500}.showcase-settings-group>.interface-field{min-width:100px}.interface-modes{border:1px solid #cbd5e1;border-radius:6px;gap:0;padding:3px}.interface-modes>span{border-radius:4px;flex:1;justify-content:center;padding:6px 4px}.interface-modes .is-selected{color:#1d4f91;background:#eaf4ff}.showcase-settings-appearance{border-top:1px solid #e3ebf5;gap:14px;padding-top:14px;display:grid}.showcase-settings-colors{grid-template-columns:1fr 1fr;gap:12px;display:grid}.showcase-settings-colors>div{align-items:center;gap:7px;min-width:0;font-size:12px;display:flex}.showcase-color-value{border:1px solid #cbd5e1;border-radius:6px;flex-shrink:0;place-items:center;width:24px;height:24px;padding:3px;display:grid}.showcase-color-value i{border-radius:3px;width:16px;height:16px}.showcase-settings-scales{gap:14px;display:grid}.showcase-settings-scales>div{gap:8px;font-size:12px;display:grid}.showcase-settings-scales>div>div:first-child{justify-content:space-between;align-items:center;display:flex}.showcase-settings-scales strong{font-weight:500}.showcase-settings-scales>div>div:first-child>span{color:#53627a}.showcase-scale-range{align-items:center;gap:8px;display:flex}.showcase-scale-range>span{background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.showcase-scale-range>.showcase-range{flex:1;margin:0}.showcase-settings-reset{justify-self:end}.showcase-floating-preferences{border-top:1px solid #e3ebf5;margin-top:16px;padding-top:12px}.showcase-floating-preferences>header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;display:grid}.showcase-floating-preferences h4{margin-bottom:4px;font-size:13px}.showcase-floating-preferences p{color:#64748b;margin:0;font-size:11px;line-height:1.5}.showcase-checkbox{align-items:center;gap:7px;font-size:12px;display:flex}.showcase-checkbox i{color:#fff;background:#2563eb;border-radius:3px;place-items:center;width:14px;height:14px;font-size:10px;font-style:normal;display:inline-grid}.showcase-opacity{justify-content:space-between;gap:8px;margin-top:10px;font-size:12px;display:flex}.showcase-opacity strong{color:#53627a;font-weight:400}.showcase-range{background:#e3ebf5;border-radius:8px;height:4px;margin:13px 0 7px;position:relative}.showcase-range:before{border-radius:inherit;content:"";background:#2563eb;width:72%;height:100%;display:block}.showcase-range i{background:#2563eb;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:-4px;left:72%;box-shadow:0 0 0 1px #cbd5e1}.showcase-range--font:before{width:29%}.showcase-range--font i{left:29%}.showcase-range--line:before{width:25%}.showcase-range--line i{left:25%}.showcase-settings-preview{border:1px solid #e3ebf5;border-radius:10px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.showcase-settings-preview>header{background:#f6f9fd;border-bottom:1px solid #e3ebf5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;padding:8px 12px;font-size:13px;display:flex}.showcase-settings-script{flex:1;min-height:0;overflow:auto}.showcase-settings-instructions{color:#53627a;margin:0;padding:8px 12px;font-size:12px;line-height:1.5}.showcase-settings-preview>footer{border-top:1px solid #e3ebf5;flex-wrap:wrap;gap:8px;padding:10px 12px;display:flex}.showcase-settings-preview .is-disabled{color:#94a3b8}.product-interface-body:focus-visible,.showcase-open-script:focus-visible,.floating-interface-reader:focus-visible,.showcase-settings-controls:focus-visible,.showcase-settings-script:focus-visible{outline-offset:-2px;outline:2px solid #64748b}@container showcase-workspace (width<=540px){.interface-session-step{grid-template-columns:minmax(0,1fr);gap:6px;margin-bottom:6px}.interface-step-label{padding-top:0}.showcase-session-columns{gap:20px}.showcase-saved-sessions{padding-left:20px}}@container showcase-workspace (width<=600px){.interface-session-step:has(.interface-follow-modes){grid-template-columns:minmax(0,1fr);gap:4px}.interface-session-step:has(.interface-follow-modes) .interface-step-label{padding-top:0}}@container (width<=740px){.showcase-app-shell{grid-template-columns:48px minmax(0,1fr);gap:8px;padding-left:6px}.showcase-app-brand{justify-content:center;padding:0}.showcase-app-brand strong,.showcase-app-navigation>div>span,.showcase-app-local span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.showcase-app-navigation>div,.showcase-app-local{justify-content:center;padding-inline:0}.product-interface-body{padding:20px 14px}}@container showcase-workspace (width<=540px){.showcase-settings-layout{grid-template-rows:auto minmax(280px,1fr);grid-template-columns:1fr;gap:16px}}@container showcase-workspace (width<=390px){.showcase-session-columns{grid-template-columns:1fr}.showcase-saved-sessions{border-top:1px solid #e3ebf5;border-left:0;min-height:250px;padding:20px 0 0}.showcase-document-toolbar{flex-wrap:wrap}.showcase-document-toolbar strong{font-size:16px}.showcase-open-actions>.interface-field{flex-basis:100%;order:-1}.showcase-open-actions>.interface-primary{margin-left:auto}.showcase-saved-filter-toolbar{grid-template-columns:1fr}.showcase-settings-group{grid-template-columns:1fr;gap:6px}.showcase-settings-group>.interface-field{justify-self:start}.interface-modes{padding-top:3px}.showcase-floating-preferences>header{grid-template-columns:1fr}.showcase-checkbox{margin-top:4px}}@container (width<=450px){.floating-interface-reader{padding:20px 12px}}@media (width<=1279px){.product-showcase-layout{grid-template-columns:1fr;gap:24px}.product-showcase-sidebar{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:24px;display:grid}.product-showcase-copy{margin-top:0;padding-top:0}.product-showcase-copy h3{font-size:21px}}@media (width<=767px){.product-showcase-stage{aspect-ratio:auto;height:1040px}.product-showcase-canvas{width:100%;height:100%;transform:none}}@media (width<=639px){.homepage-product-showcase{margin-top:20px}.product-showcase-sidebar{grid-template-columns:1fr;gap:24px}.product-showcase-tabs{gap:4px}.product-showcase-tabs button{min-height:48px;padding:10px 14px}.product-showcase-copy h3{font-size:22px}.product-showcase-features{gap:10px;margin-block:18px}.product-showcase-stage .reading-demo-livebar{flex-wrap:wrap}.product-showcase-stage .reading-demo-session-title{flex-basis:100%}.product-showcase-stage .reading-demo-recognition{width:156px;font-size:11px;display:flex}.product-showcase-stage .reading-demo-floating{font-size:11px}.product-showcase-stage .reading-demo-session-state i{display:block}.product-showcase-stage .reading-demo-static-control{padding-inline:4px;font-size:11px}}