.homepage-v5 .product-screen{min-width:0;width:100%;align-self:center}.homepage-v5 .product-pair .product-screen{margin-top:auto}.pp-thumbnail{display:block;position:relative;width:100%;border:1px solid #dedee2;border-radius:12px;overflow:hidden;background:#fff;text-align:left;cursor:zoom-in;box-shadow:0 14px 35px #2525350d}.pp-viewport{container-type:inline-size;width:100%;overflow:hidden;background:white}.pp-canvas{width:900px;height:620px;zoom:calc(100cqw / 900px);background:#fff;color:#27272a;font:13px/1.5 Arial,PingFang SC,sans-serif;text-align:left;overflow:hidden}.pp-canvas *{box-sizing:border-box}.homepage-v5 .pp-canvas p,.pp-canvas p{margin:0;font-size:12px;line-height:1.65;font-weight:400;color:#71717a}.homepage-v5 .pp-canvas small,.pp-canvas small{display:inline-block;margin:0;color:#92929c;font-size:10px;line-height:1.5}.pp-canvas b{font-weight:600}.pp-canvas svg{flex-shrink:0}.pp-canvas h4{font-size:14px;font-weight:600;margin:8px 0 12px}.pp-header{height:54px;border-bottom:1px solid #e8e8ec;gap:30px;padding:0 18px;font-size:12px;color:#71717a}.pp-header,.pp-header>b{display:flex;align-items:center}.pp-header>b{gap:8px;color:#202024;font-size:18px}.pp-header-right{margin-left:auto;display:flex;align-items:center;gap:16px}.pp-layout{height:566px;display:flex}.pp-rail{width:48px;flex-shrink:0;display:flex;align-items:center;flex-direction:column;gap:28px;padding:24px 0;border-right:1px solid #e8e8ec;background:#fafafa;color:#797981}.pp-rail>svg{width:20px;height:20px;stroke-width:1.5}.pp-rail>svg:nth-child(2){color:#27272a}.pp-rail>svg:last-child{margin-top:auto}.pp-title{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 16px;border-bottom:1px solid #ededf0}.pp-title>b{font-size:14px}.pp-title>span{font-size:10px;color:#8c8c95}.pp-badge{display:inline-flex;align-items:center;border-radius:5px;padding:2px 7px;font-size:10px;white-space:nowrap;font-weight:400}.pp-green{color:#38876a;background:#eaf5ee}.pp-amber{color:#a37529;background:#fbf2df}.pp-avatar{width:30px;height:30px;border-radius:50%;background:#78988c;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-style:normal;flex-shrink:0}.pp-conversations{width:205px;flex-shrink:0;border-right:1px solid #e5e5e5;background:#f5f5f5}.pp-search{margin:12px;padding:8px 10px;background:#fff;border:1px solid #e8e8ec;border-radius:6px;color:#a1a1aa;font-size:11px}.pp-tabs{padding:4px 16px 14px;font-size:11px;color:#737373}.pp-contact{display:flex;gap:9px;padding:14px 10px;margin:4px 7px;border:1px solid transparent;border-radius:15px}.pp-contact.is-active{background:#fafafa;border-color:#e0e0e0}.pp-contact>div{min-width:0;flex:1}.pp-contact b{font-size:12px;display:flex;justify-content:space-between}.homepage-v5 .pp-contact p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0;font-size:10px}.avatar-1{background:#bd9a7f}.avatar-2{background:#8b87aa}.avatar-3{background:#8099b5}.pp-chat{width:445px;display:flex;flex-direction:column}.pp-messages{padding:12px 18px;flex:1}.pp-timestamp{font-size:10px;text-align:center;color:#a1a1aa;margin-bottom:12px}.pp-bubble{width:fit-content;max-width:87%;background:#f3f3f5;padding:10px 13px;margin-bottom:12px;border-radius:3px 12px 12px;color:#35353b;font-size:12px;line-height:1.7}.pp-bubble.outgoing{margin-left:auto;background:#eaf1ed;border-radius:12px 3px 12px 12px}.pp-event{color:#a1a1aa;font-size:10px;text-align:center;margin:10px 0}.pp-suggestion{display:flex;align-items:flex-start;gap:8px;margin:0 12px 8px;padding:10px;background:#f3f0fa;color:#7d699c;border-radius:8px;font-size:10px}.homepage-v5 .pp-suggestion p{font-size:10px;color:#81758d}.pp-composer{height:78px;padding:12px 16px;border-top:1px solid #ededf0;color:#a1a1aa;font-size:11px}.pp-composer>div{gap:10px;margin-top:10px}.pp-composer>div,.pp-send{display:flex;align-items:center}.pp-send{margin-left:auto;color:#fff;background:#29292c;padding:3px 12px;border-radius:5px;gap:6px}.pp-details{flex:1;border-left:1px solid #e8e8ec}.pp-profile{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:20px 16px}.pp-details dl{padding:0 16px;font-size:11px;margin:0 0 24px}.pp-details dt{color:#92929c;margin-top:14px}.pp-details dd{margin:5px 0}.pp-ticket{margin:16px;padding:12px;border:1px solid #ececef;border-radius:8px}.pp-ticket b{display:block;font-size:12px;margin:10px 0 4px}.pp-ticket p{margin-top:12px!important}.pp-sidebar{width:160px;padding:20px 10px;border-right:1px solid #e8e8ec;background:#fafafa;flex-shrink:0}.pp-sidebar>b{display:block;font-size:12px;margin:0 8px 24px}.pp-sidebar>div{display:flex;align-items:center;gap:8px;padding:10px;color:#72727c;font-size:12px;margin:5px 0;border-radius:6px}.pp-sidebar>.is-active{background:#ededf0;color:#27272a}.pp-section-pad{padding:18px}.pp-agent-main{width:320px}.pp-agent-test{flex:1;background:#fafafa;border-left:1px solid #e8e8ec;position:relative}.pp-source{display:flex;gap:12px;align-items:center;padding:16px 10px;border:1px solid #e8e8ec;border-radius:8px;margin:14px 0}.pp-source>svg:last-child{margin-left:auto}.pp-source b{font-size:12px}.pp-source p{font-size:10px!important;margin-top:4px!important}.pp-agent-test .pp-bubble:not(.outgoing){background:#fff;box-shadow:0 1px 3px #0000000a}.pp-trace{display:flex;align-items:center;gap:6px;color:#7e9186;font-size:10px;margin:14px 0}.pp-reference{border-top:1px solid #ededf0;margin-top:10px;padding-top:8px;font-size:10px;color:#82828d}.pp-input-pill{position:absolute;bottom:16px;left:16px;right:16px;border:1px solid #dddde2;border-radius:24px;padding:12px 16px;color:#a1a1aa}.pp-input-pill span{float:right;color:#27272a}.pp-voice-config{width:280px}.pp-voice-test{flex:1;border-left:1px solid #e8e8ec}.pp-config{padding:14px;margin-bottom:12px;border:1px solid #e8e8ec;border-radius:8px}.pp-config b{display:block;margin:7px 0;font-size:12px}.pp-setting{display:flex;justify-content:space-between;margin:16px 0;font-size:12px}.pp-toggle{width:25px;height:14px;border-radius:12px;background:#303034}.pp-toggle:after{content:"";display:block;border-radius:50%;background:#fff;width:10px;height:10px;margin:2px 0 0 13px}.pp-note{margin-top:24px;padding:12px;background:#f7f7f8;font-size:11px;line-height:2;color:#92929c}.pp-note b{color:#666670}.pp-mic-area{display:flex;flex-direction:column;align-items:center;padding:18px 0 14px;gap:8px;border-bottom:1px solid #ededf0}.pp-mic{width:54px;height:54px;display:grid;place-items:center;background:#242427;color:#fff;border-radius:50%}.pp-mic-area b{font-size:12px}.pp-wave{height:25px;display:flex;align-items:center;gap:3px}.pp-wave i{width:3px;height:8px;border-radius:3px;background:#a7a0c5}.pp-wave i:nth-child(3n){height:23px}.pp-wave i:nth-child(3n+1){height:15px}.pp-stop{display:flex;align-items:center;gap:6px;font-size:10px;padding:5px 12px;border-radius:6px;background:#f0f0f2}.pp-captions{padding:14px 20px}.pp-captions>div{margin-top:12px}.pp-captions>div>span{display:flex;justify-content:space-between;color:#92929c;font-size:10px}.homepage-v5 .pp-captions p{color:#35353b;margin-top:4px;font-size:12px}.pp-dashboard,.pp-flow{flex:1;min-width:0;padding:0 18px;background:#fafafa}.pp-dashboard>.pp-title,.pp-flow>.pp-title{padding:0;border:0}.pp-filters{display:flex;gap:8px;margin:10px 0 16px}.pp-filters>span{display:flex;align-items:center;gap:16px;padding:6px 9px;border-radius:5px;border:1px solid #e5e5e9;background:#fff;font-size:10px}.pp-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pp-metrics>div{padding:12px;border:1px solid #e8e8ec;border-radius:8px;background:#fff}.pp-metrics strong{display:block;font-size:23px;font-weight:600;margin:5px 0}.pp-metrics span{color:#769384;font-size:9px}.pp-chart-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:12px;margin-top:12px}.pp-chart{background:#fff;border:1px solid #e8e8ec;border-radius:8px;padding-bottom:12px}.pp-chart .pp-title{border:0;min-height:38px;padding:0 12px}.pp-chart .pp-title b{font-size:12px}.pp-chart .pp-title span{font-size:8px}.pp-chart>svg{width:100%;padding:0 8px}.pp-bar{margin:6px 12px 12px;font-size:10px}.pp-bar>span{display:flex;justify-content:space-between}.pp-bar>div{background:#f3f3f7;margin-top:5px}.pp-bar i,.pp-bar>div{height:6px;border-radius:5px}.pp-bar i{display:block;width:87%;background:#aaa4d7}.bar-1 i{width:58%;background:#91bbae}.bar-2 i{width:44%;background:#ddbb87}.bar-3 i{width:25%;background:#a8b8cf}.pp-feedback{background:#fff;border:1px solid #e8e8ec;border-radius:8px;margin-top:12px;overflow:hidden}.pp-feedback .pp-title{min-height:36px}.pp-feedback .pp-title b{font-size:12px}.pp-canvas table{width:100%;border-collapse:collapse;font-size:10px;text-align:left}.pp-canvas th{color:#8c8c95;background:#f8f8fa;font-weight:400;padding:9px 12px}.pp-canvas td{border-top:1px solid #ededf0;padding:10px 12px}.pp-canvas td small{display:block;font-size:9px}.pp-black-button{display:inline-block;padding:6px 10px;border-radius:5px;background:#29292c;color:white;font-size:11px}.pp-view-tabs{display:flex;gap:24px;border-bottom:1px solid #e5e5e9;font-size:11px;color:#8c8c95}.pp-view-tabs>*{padding:9px 0}.pp-view-tabs>b{border-bottom:2px solid #29292c;color:#29292c}.pp-flow{background:#fff}.pp-flow-summary{display:flex;gap:30px;padding:4px 0 10px;font-size:11px;color:#92929c}.pp-flow-summary b{font-size:18px;margin-left:6px;color:#29292c}.pp-flow td{padding:8px 12px}.homepage-v5 .pp-canvas td small{display:block;font-size:9px}.pp-flow-bottom{margin-top:12px;border:1px solid #e8e8ec;border-radius:8px}.pp-flow-bottom .pp-title{min-height:38px}.pp-flow-bottom .pp-title b{font-size:12px}.pp-steps{padding:16px;display:flex;align-items:center;gap:9px;font-size:10px;color:#8c8c95}.pp-steps i{height:1px;flex:1;background:#dddde2}.pp-steps b{color:#9c792d}.pp-flow-note{display:flex;gap:14px;padding:10px 16px;font-size:10px;background:#fafafa;color:#93939c}.pp-flow-note b{color:#62626e}.pp-enlarge{display:flex;align-items:center;gap:6px;position:absolute;right:12px;bottom:12px;background:#fffef9ed;border:1px solid #e1dfd9;padding:6px 10px;border-radius:16px;font-size:11px;color:#66616a;opacity:0;transition:opacity .2s}.pp-thumbnail:focus-visible .pp-enlarge,.pp-thumbnail:hover .pp-enlarge{opacity:1}.pp-thumbnail:focus-visible{outline:2px solid #9587b4;outline-offset:4px}.pp-caption{display:flex;justify-content:space-between;gap:8px;color:#9c9692;font-size:10px;margin-top:10px}.pp-dialog{width:min(1200px,94vw,calc((92vh - 56px) * 1.4516));max-width:94vw;max-height:92vh;margin:auto;padding:0;border:1px solid #dedee2;border-radius:14px;background:#fff;box-shadow:0 24px 90px #0003}.pp-dialog::backdrop{background:#25232c99;backdrop-filter:blur(5px)}.pp-dialog-title{display:flex;align-items:center;gap:14px;padding:12px 18px;font:13px/1.5 Arial,sans-serif;border-bottom:1px solid #ededf0}.pp-dialog-title>span{font-size:11px;color:#92929c}.pp-dialog-title>button{margin-left:auto;border:0;background:transparent;padding:4px;cursor:pointer}@media (max-width:650px){.pp-enlarge{opacity:1;font-size:9px;padding:4px 8px;right:6px;bottom:6px}.pp-dialog{width:96vw;max-width:96vw}.pp-dialog .pp-viewport{overflow-x:auto}.pp-dialog .pp-canvas{zoom:.85}.pp-caption{font-size:9px}}@media (prefers-reduced-motion:reduce){.pp-enlarge{transition:none}}.fb-topbar{height:48px;gap:18px;padding:0 16px;border-bottom:1px solid #e5e5e5}.fb-brand,.fb-topbar{display:flex;align-items:center}.fb-brand{gap:8px;font-size:17px;color:#161616}.fb-brand>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#354255;color:#fff;font-size:14px;font-weight:700}.fb-app{display:flex;align-items:center;gap:7px;font-size:12px}.fb-app>i{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;color:#fff;background:#e6282e}.fb-tools{display:flex;align-items:center;gap:15px;margin-left:auto}.fb-tools>svg{width:15px;height:15px;stroke-width:1.8}.fb-tools>span{display:grid;place-items:center;width:27px;height:27px;background:#f5f5f5;border-radius:50%;font-weight:600}.fb-layout{display:flex;height:572px}.fb-sidebar{width:155px;flex-shrink:0;padding:18px 8px;border-right:1px solid #e5e5e5}.fb-group{margin-bottom:12px}.fb-group-title{gap:6px;color:#858585;font-size:10px;padding:3px 5px 5px}.fb-group-title,.fb-nav-item{display:flex;align-items:center}.fb-nav-item{gap:9px;margin-top:2px;padding:9px 12px 9px 24px;font-size:12px;border-radius:7px}.fb-selected{background:#f0f0f0;color:#171717;font-weight:600}.fb-main{flex:1;min-width:0;padding:20px 16px}.fb-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:14px}.pp-canvas .fb-toolbar h4{margin:0 auto 0 0;font-size:17px;color:#171717}.fb-search{display:flex;gap:8px;width:168px;padding:7px 9px;color:#aaa}.fb-control,.fb-search{align-items:center;border:1px solid #e5e5e5;border-radius:6px;font-size:11px}.fb-control{display:inline-flex;justify-content:center;gap:6px;padding:7px 10px;white-space:nowrap;line-height:1.25;color:#262626}.fb-primary{background:#171717;color:#fff;border-color:#171717}.fb-viewbar{display:flex;gap:7px;align-items:center;margin-bottom:12px}.fb-muted{color:#999}.fb-columns{margin-left:auto}.pp-canvas .fb-table{font-size:10px;table-layout:auto}.pp-canvas .fb-table th{background:#f6f6f6;color:#404040;font-weight:500;padding:11px 8px}.pp-canvas .fb-table td{color:#858585;padding:12px 8px;border-top:0;border-bottom:1px solid #e5e5e5;white-space:nowrap}.pp-canvas .fb-table td:nth-child(2){color:#252525}.pp-canvas .fb-table td:first-child,.pp-canvas .fb-table th:first-child{width:26px;padding-left:10px;padding-right:0}.fb-checkbox{display:block;width:12px;height:12px;border:1px solid #d3d3d3;border-radius:3px;background:#fff}.fb-count{color:#929292;font-size:11px;margin-top:14px;padding-left:6px}.st-rail,.st-screen{display:flex}.st-rail{width:40px;flex-shrink:0;align-items:center;flex-direction:column;gap:22px;padding:19px 0;border-right:1px solid #e5e7eb;background:#f8f9fa;color:#85898a}.st-rail>svg{width:19px;height:19px;stroke-width:1.8}.st-rail>svg:first-child{color:#171717;margin-bottom:8px}.st-rail>svg:last-child{margin-top:auto}.st-rail .st-active-icon{color:#171717}.st-nav{width:155px;flex-shrink:0;background:#f8f9fa;border-right:1px solid #e5e7eb}.st-project{height:47px;gap:7px;padding:0 12px;border-bottom:1px solid #e5e7eb;margin-bottom:8px}.st-nav-item,.st-project{display:flex;align-items:center;font-size:11px}.st-nav-item{gap:9px;padding:10px 9px;margin:2px 7px;color:#85898a;border-radius:6px}.st-selected{color:#171717;font-weight:600;background:#f0f1f2}.st-main{flex:1;min-width:0;padding:12px;background:#fcfcfc}.st-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;font-size:14px}.st-heading>span{font-size:10px;color:#85898a}.st-chart-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.st-card{border:1px solid #e3e5e8;border-radius:8px;background:#fff;overflow:hidden;box-shadow:0 1px 2px #00000008}.st-card-title{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 10px;border-bottom:1px solid #e5e7eb;font-size:11px}.st-card-title>span{color:#62a46a;background:#edf6ee;border-radius:4px;padding:1px 5px;font-size:9px}.st-legend{text-align:center;font-size:9px;color:#69a9e9;padding-top:5px}.st-card>svg{width:100%;display:block}.st-middle{display:grid;grid-template-columns:1fr 1fr 2.05fr;gap:9px;margin:9px 0}.st-number{text-align:center}.st-number .st-card-title{text-align:left}.st-number strong{display:block;font-size:25px;font-weight:600;margin:12px 0 3px}.st-number em{font-size:17px;font-style:normal;color:#a2a7ad}.homepage-v5 .st-number p{font-size:9px;color:#898e95}.st-number>span{display:block;color:#9da2aa;font-size:8px;margin:4px 0 12px}.st-tags{display:flex;flex-wrap:wrap;gap:7px;padding:13px 10px}.st-tags>span{font-size:10px;background:#edf5fe;border:1px solid #dfecfc;color:#5e8ebc;border-radius:4px;padding:5px 7px}.pp-canvas .st-matrix th{background:#f8f9fa;font-size:9px;padding:9px 8px}.pp-canvas .st-matrix td{padding:10px 8px;font-size:9px;border:3px solid white;text-align:center}.pp-canvas .st-matrix td:first-child{text-align:left;color:#696f78}.st-heat-high{background:#afd6fb;color:#376997}.st-heat-mid{background:#d0e6fb;color:#5b809f}.st-heat-low{background:#edf5fd;color:#7d94aa}.od-screen{display:flex;background:#fafafa}.od-rail{width:38px;flex-shrink:0;padding:16px 4px 10px;display:flex;flex-direction:column;align-items:center;gap:9px;border-right:1px solid #e5e5e5;background:#f5f5f5;color:#999}.od-rail>svg{color:#292929;width:23px;height:23px;margin:0 0 10px}.od-rail>div{display:grid;place-items:center;width:29px;height:29px;border-radius:10px}.od-rail>div:last-child{margin-top:auto}.od-icon-active{background:#e7e7e7;color:#272727}.od-app{flex:1;min-width:0}.od-top{height:34px;background:white;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:0 16px;color:#3aa563}.od-top>span{border-radius:50%;background:#ffe2a1;color:#806329;width:24px;height:24px;display:grid;place-items:center;font-size:11px}.od-workspace{display:flex;height:586px}.od-list{width:166px;flex-shrink:0;background:#f5f5f5;border-right:1px solid #e5e5e5}.od-agent-status{display:flex;justify-content:space-between;align-items:center;padding:12px 9px;font-size:9px;border-bottom:1px solid #e5e5e5}.od-agent-status>span{display:flex;align-items:center;gap:3px;color:#659c72}.od-agent-status>b{background:#ededed;padding:3px 7px;border-radius:12px;color:#888;font-weight:400}.od-tabs{display:flex;align-items:center;justify-content:space-around;background:#ececec;border-radius:9px;margin:5px;padding:3px;font-size:10px;color:#888}.od-tabs b{background:white;border-radius:6px;padding:4px 9px;color:#303030;box-shadow:0 1px 3px #0001}.od-list-label{font-size:9px;padding:5px 9px}.od-list-label span{color:#999}.od-search{gap:6px;padding:4px 6px 9px;color:#aaa}.od-search,.od-search>span{display:flex;align-items:center}.od-search>span{flex:1;gap:5px;padding:6px;border:1px solid #e1e1e1;border-radius:6px;background:white;font-size:9px}.od-contact{display:flex;gap:8px;padding:12px 9px;border:1px solid transparent;border-right-width:3px}.od-contact-active{background:white;border-color:#dcebdc #43a84f #dcebdc #dcebdc}.od-contact>i{width:25px;height:25px;flex-shrink:0;border-radius:50%;border:2px solid #e7e7e7;display:grid;place-items:center;font-size:12px;font-style:normal;color:#8d8d8d}.od-contact>div{min-width:0;flex:1}.od-contact b{display:flex;align-items:center;justify-content:space-between;font-size:10px}.homepage-v5 .od-contact small{font-size:8px}.homepage-v5 .od-contact p{font-size:9px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.od-chat{flex:1;min-width:0;display:flex;flex-direction:column;background:#fafafa}.od-chat-head{height:43px;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid #e5e5e5}.od-chat-head>b{font-size:12px}.od-online,.od-web{font-size:8px;color:#999;border:1px solid #e7e7e7;border-radius:5px;padding:2px 4px}.od-chat-tools{display:flex;align-items:center;gap:8px;margin-left:auto;color:#999}.od-chat-tools>span{display:flex;align-items:center;gap:3px;background:#ededed;border-radius:5px;padding:5px;font-size:8px}.od-messages{flex:1;padding:13px 14px 8px}.od-message{max-width:88%;margin-bottom:12px;width:fit-content}.homepage-v5 .od-message small{display:block;color:#aaa;font-size:8px;margin-bottom:4px}.homepage-v5 .od-message p{color:#454545;background:#efefef;padding:10px 11px;font-size:11px;line-height:1.65;border-radius:8px}.od-outgoing{margin-left:auto}.od-outgoing small{text-align:right}.homepage-v5 .od-outgoing p{background:#dcecff}.od-system{text-align:center;color:#aaa;font-size:8px;margin:8px 0 14px}.od-composer{position:relative;height:107px;flex-shrink:0;margin:0 13px 13px;background:white;border:1px solid #e5e5e5;border-radius:12px;padding:12px;color:#bbb;font-size:10px}.od-composer>svg{float:right;color:#999}.od-compose-bottom{position:absolute;bottom:10px;left:12px;right:10px;display:flex;align-items:center;gap:10px;color:#999}.od-compose-bottom b{margin-left:auto;background:#aaa;color:#fff;padding:3px 10px;border-radius:12px;font-size:9px;font-weight:400}.od-info{width:218px;flex-shrink:0;padding:12px;border-left:1px solid #e5e5e5;background:#f5f5f5}.od-info-tabs{display:flex;align-items:center;justify-content:space-around;border:1px solid #e4e4e4;background:white;border-radius:7px;padding:2px;font-size:9px;color:#888}.od-info-tabs b{background:#171717;color:white;border-radius:5px;padding:4px 14px;font-weight:400}.od-info dl{margin:12px 0;font-size:10px}.od-info dl>div{margin-bottom:12px}.od-info dt{color:#aaa;font-size:9px;margin-bottom:4px}.od-info dd{margin:0;color:#494949}.od-user-title{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid #e4e4e4;font-size:10px}.od-user-title>span{font-size:9px}.od-counts{display:flex;border:1px solid #e4e4e4;border-radius:7px;background:#fff;margin-top:10px;padding:6px 0}.od-counts>span{flex:1;text-align:center;color:#999;font-size:8px;border-right:1px solid #eee}.od-counts>span:last-child{border:0}.od-counts b{display:block;color:#494949;font-size:12px;font-weight:400;margin-bottom:3px}.pp-thumbnail>.pp-viewport{pointer-events:none}.oa-screen{display:flex;background:white}.oa-sidebar{width:174px;flex-shrink:0;position:relative;background:#f4f4f6;border-right:1px solid #e3e3e6;padding:13px 10px}.oa-brand{display:flex;align-items:center;gap:6px;color:#29323b;margin-bottom:18px;font-size:18px}.oa-brand>svg{stroke:#3b4249;background:#ffd0b8;border-radius:4px}.oa-new{display:flex;align-items:center;gap:8px;background:white;border:1px solid #e3e3e6;border-radius:8px;padding:10px;font-size:12px;box-shadow:0 1px 3px #00000008}.oa-history-label{color:#aaa;font-size:9px;margin:18px 0 10px}.oa-history{display:flex;align-items:center;gap:7px;padding:10px 8px;font-size:10px;margin-bottom:7px;color:#919197;border-radius:8px}.oa-selected{background:#ffede5;color:#353535;border:1px solid #f1e0d8;box-shadow:0 1px 3px #00000006;font-weight:600}.oa-sidebar-footer{position:absolute;bottom:16px;left:12px;right:12px;border-top:1px solid #e7e7e9;padding-top:12px;font-size:12px;color:#53616a}.homepage-v5 .oa-sidebar-footer p{font-size:9px;color:#d88c62;margin:5px 0}.oa-sidebar-footer>span{color:#a4a4aa;font-size:8px}.oa-main{flex:1;min-width:0;position:relative;padding:20px 38px}.oa-thread{max-width:540px;margin:0 auto}.oa-user{text-align:right;margin:0 0 16px}.homepage-v5 .oa-user p{display:inline-block;text-align:left;padding:10px 12px;background:#ffede5;border:1px solid #ffe2d5;color:#414145;border-radius:9px 9px 0 9px;font-size:12px;max-width:90%}.homepage-v5 .oa-user small{display:block;font-size:9px;color:#b0b0b4;margin-top:4px}.oa-assistant{margin-bottom:20px}.homepage-v5 .oa-assistant p{background:#f4f4f6;border:1px solid #e6e6e9;border-radius:9px 9px 9px 0;color:#414145;font-size:12px;line-height:1.8;padding:12px}.oa-citation{color:#9999a1;font-size:9px;padding:6px 0 0}.oa-message-tools{display:flex;align-items:center;gap:7px;color:#b0b0b4;font-size:9px;margin-top:7px}.oa-message-tools svg{width:10px;height:10px}.oa-input{position:absolute;bottom:15px;left:38px;right:38px;max-width:540px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 9px 8px 14px;border:1px solid #e6e6e9;border-radius:26px;box-shadow:0 1px 9px #00000009;color:#b0b0b4;font-size:11px;background:white}.oa-input>i{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#ffccaf;color:white}.vs-screen{position:relative;background:white}.vs-background{display:flex;height:620px;width:1050px}.vs-rail{width:42px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:25px;padding:16px 0;background:#fafafa;border-right:1px solid #e5e5e5;color:#7d7d7d}.vs-rail>svg{width:20px;height:20px}.vs-rail>svg:first-child{color:#222;margin-bottom:8px}.vs-rail>div{flex:1}.vs-rail>span{font-size:10px}.vs-nav{width:140px;flex-shrink:0;padding:12px 8px;border-right:1px solid #e5e5e5;background:#fafafa}.vs-nav>b{gap:5px;font-size:12px;margin:0 0 17px}.vs-nav>b,.vs-nav>div{display:flex;align-items:center}.vs-nav>div{gap:8px;padding:9px 8px;font-size:11px;color:#777;border-radius:6px;margin-bottom:4px}.vs-nav>.vs-selected{background:#f0f0f0;color:#252525;font-weight:600}.vs-subnav{width:120px;flex-shrink:0;padding:13px 8px;border-right:1px solid #e5e5e5;background:#fafafa}.vs-subnav>*{display:block;font-size:11px;padding:8px;color:#777}.vs-subnav>b{color:#292929;background:#f0f0f0;border-radius:6px}.vs-settings{flex:1}.pp-canvas .vs-settings h4{margin:0;padding:16px;height:45px;border-bottom:1px solid #e5e5e5;font-size:15px}.vs-config-body{width:455px;padding:16px}.vs-config-body>b{display:block;font-size:12px;margin:0 0 8px}.vs-config-body>b:not(:first-child){margin-top:23px}.homepage-v5 .vs-config-body>p{color:#888;font-size:11px;margin-bottom:10px}.vs-prompt{border:1px solid #dedede;border-radius:7px;padding:10px;font-size:11px;line-height:1.65;height:138px;overflow:hidden}.vs-config-body label{display:block;margin:10px 0 5px;font-size:11px}.vs-field{justify-content:space-between;padding:8px;border:1px solid #dedede;border-radius:6px}.vs-field,.vs-thinking{display:flex;align-items:center;font-size:11px}.vs-thinking{gap:8px;color:#777}.vs-thinking>i{width:30px;height:17px;background:#242424;border-radius:12px}.vs-thinking>i:after{content:"";display:block;width:13px;height:13px;border-radius:50%;background:#fff;margin:2px 0 0 15px}.vs-param-row{display:flex;gap:12px}.vs-param-row>div{flex:1}.vs-shade{position:absolute;inset:0;background:#0006}.vs-drawer{position:absolute;top:0;bottom:0;right:0;width:330px;background:white;box-shadow:-8px 0 22px #0000000c}.vs-drawer-head{height:48px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e5e5}.vs-drawer-head b{display:block;font-size:13px}.vs-drawer-head span{display:block;font-size:10px;color:#999}.vs-drawer-head>svg{color:#888}.vs-test-tabs{display:flex;align-items:center;justify-content:space-between;padding:10px 11px;border-bottom:1px solid #e5e5e5;font-size:10px;color:#888}.vs-test-tabs>span{background:#f5f5f5;padding:7px 5px}.vs-test-tabs>b{background:#181818;border-radius:5px;color:white;padding:7px 9px;white-space:nowrap;font-weight:500}.vs-listening{display:flex;flex-direction:column;align-items:center;padding:22px 0 18px;gap:13px;border-bottom:1px solid #e5e5e5}.vs-microphone{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:#262626;color:white}.vs-listening>b{font-size:12px}.vs-test-controls,.vs-test-controls>span{display:flex;align-items:center;gap:7px}.vs-test-controls>span{padding:8px;border:1px solid #e5e5e5;border-radius:7px;font-size:11px}.vs-test-controls>span:last-child{background:#f5f5f5;border-color:#f5f5f5;padding:8px 14px}.vs-captions{padding:12px}.vs-captions>b{display:block;color:#929292;font-size:10px;font-weight:500}.vs-captions>div{margin-top:12px}.vs-captions>div>span{font-size:10px;color:#999}.homepage-v5 .vs-captions p{color:#353535;font-size:11px;line-height:1.6;margin-top:3px}.homepage-v5 .vs-captions .vs-rewrite{color:#929292}