@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");.cos-ditto-ftabs{--cft-primary:#0c63ff;--cft-primary-2:#0da6ff;--cft-ink:#fff;--cft-muted:#ccc;--cft-muted-2:#9aa0b8;--cft-grad-accent:linear-gradient(91.8deg,#8200d2 1.52%,#ff9559 109.98%);--cft-border:hsla(0,0%,100%,.1);--cft-border-2:hsla(0,0%,100%,.07);--cft-glass:linear-gradient(93deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,0) 127%);--cft-ui:"Inter",system-ui,arial,sans-serif;--cft-mono:"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;--cft-dur:5.5s;background:#0b0b11;overflow:hidden;position:relative}.cos-ditto-ftabs .cft-head{margin:0 auto 48px;max-width:700px;text-align:center}.cos-ditto-ftabs .cft-kick{color:var(--cft-muted-2);font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.cos-ditto-ftabs .cft-h2{color:var(--cft-ink);font-family:Poppins,sans-serif;font-weight:800;letter-spacing:-.03em;margin:14px 0}.cos-ditto-ftabs .cft-h2:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.p):not(.display-1):not(.display-2):not(.display-3):not(.display-4){font-size:clamp(2rem,3.8vw,3rem)}.cos-ditto-ftabs .cft-grad{background:var(--cft-grad-accent);-webkit-background-clip:text;background-clip:text;color:transparent}.cos-ditto-ftabs .cft-sub{color:var(--cft-muted);font-size:1.1rem}.cos-ditto-ftabs .cft-sub p{color:inherit;margin:0}.cos-ditto-ftabs .cft-ctas{grid-column:2;margin-top:18px}.cos-ditto-ftabs .cft-ctas .btn-wrapper,.cos-ditto-ftabs .cft-ctas .cta-group{display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-start}@media(max-width:900px){.cos-ditto-ftabs .cft-ctas{grid-column:auto}}.cos-ditto-ftabs .cft-footnote{color:var(--cft-muted-2);font-size:.85rem;margin:26px 0 0;text-align:center}.cos-ditto-ftabs .cft-body{align-items:stretch;display:grid;gap:26px;grid-template-columns:340px 1fr}.cos-ditto-ftabs .cft-tabs{display:flex;flex-direction:column;gap:10px}.cos-ditto-ftabs .cft-tab{background:var(--cft-glass);border:1px solid var(--cft-border);border-radius:14px;cursor:pointer;overflow:hidden;padding:16px 18px 16px 22px;position:relative;text-align:left;transition:.2s}.cos-ditto-ftabs .cft-tab:before{background:var(--cft-grad-accent);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:.2s;width:3px}.cos-ditto-ftabs .cft-tab:hover{border-color:hsla(0,0%,100%,.22)}.cos-ditto-ftabs .cft-tab.on{background:rgba(12,99,255,.07);border-color:rgba(12,99,255,.45)}.cos-ditto-ftabs .cft-tab.on:before{opacity:1}.cos-ditto-ftabs .cft-tab:focus-visible{outline:2px solid var(--cft-primary-2);outline-offset:3px}.cos-ditto-ftabs .cft-tab-title{color:var(--cft-ink);display:block;font-size:1.02rem;font-weight:700;margin-bottom:3px}.cos-ditto-ftabs .cft-tab-body{color:var(--cft-muted-2);display:block;font-size:.86rem;line-height:1.45}.cos-ditto-ftabs .cft-tab.on .cft-tab-body{color:var(--cft-muted)}.cos-ditto-ftabs .cft-stage{position:relative}.cos-ditto-ftabs .cft-frame{aspect-ratio:16/10;background:linear-gradient(180deg,#101018,#0a0a10);border:1px solid var(--cft-border);border-radius:18px;box-shadow:0 40px 120px -40px rgba(12,99,255,.4);font-family:var(--cft-ui);min-height:340px;overflow:hidden;position:relative}.cos-ditto-ftabs .cft-bar{align-items:center;background:hsla(0,0%,100%,.02);border-bottom:1px solid var(--cft-border-2);display:flex;gap:8px;padding:12px 16px}.cos-ditto-ftabs .cft-bar i{background:#2a2a33;border-radius:50%;height:10px;width:10px}.cos-ditto-ftabs .cft-bar .t{color:var(--cft-muted-2);font-size:.74rem;margin-left:8px}.cos-ditto-ftabs .fs-scene{display:flex;flex-direction:column;gap:16px;inset:46px 0 0;opacity:0;padding:20px;pointer-events:none;position:absolute;transition:opacity .35s ease}.cos-ditto-ftabs .cft-stage[data-scene=code] .fs-code,.cos-ditto-ftabs .cft-stage[data-scene=image] .fs-image,.cos-ditto-ftabs .cft-stage[data-scene=publish] .fs-publish,.cos-ditto-ftabs .cft-stage[data-scene=sentence] .fs-sentence,.cos-ditto-ftabs .cft-stage[data-scene=standards] .fs-standards,.cos-ditto-ftabs .cft-stage[data-scene=themes] .fs-themes{opacity:1;pointer-events:auto}.cos-ditto-ftabs .fs-rail{display:flex;flex:0 0 auto;flex-direction:column;gap:9px;max-width:340px}.cos-ditto-ftabs .fs-out{align-items:center;display:flex;flex:1;justify-content:center;min-height:0}.cos-ditto-ftabs .fs-bubble{align-self:flex-start;background:var(--cft-primary);border-radius:10px 10px 10px 2px;color:#fff;font-size:.8rem;padding:8px 13px}.cos-ditto-ftabs .fs-agent{align-items:center;color:var(--cft-muted-2);display:flex;font-size:.76rem;font-weight:600;gap:8px}.cos-ditto-ftabs .fs-agent .av{background:var(--cft-grad-accent);border-radius:6px;color:#fff;display:grid;font-size:.6rem;font-weight:700;height:20px;place-items:center;width:20px}.cos-ditto-ftabs .fs-check{color:#34d399;font-weight:600}.cos-ditto-ftabs .fs-mini{background:#101018;border:1px solid var(--cft-border-2);border-radius:12px;max-width:560px;padding:28px 30px;width:100%}.cos-ditto-ftabs .fsm-kick{color:#bbb;font-size:.68rem;letter-spacing:.06em;margin-bottom:10px}.cos-ditto-ftabs .fsm-line{background:hsla(0,0%,100%,.85);border-radius:5px;height:11px;margin-bottom:9px;width:74%}.cos-ditto-ftabs .fsm-line.short{background:hsla(0,0%,100%,.5);width:46%}.cos-ditto-ftabs .fsm-btn{border:1px solid #fff;border-radius:2px;color:#fff;display:inline-block;font-size:.76rem;font-weight:600;margin-top:12px;padding:9px 16px}.cos-ditto-ftabs .fs-sentence{align-items:stretch;flex-direction:row;gap:20px}.cos-ditto-ftabs .fs-sentence .fs-rail{justify-content:center;width:250px}.cos-ditto-ftabs .fs-sentence .fs-bubble{align-self:flex-end;border-radius:10px 10px 2px 10px}.cos-ditto-ftabs .run .fs-sentence .fs-bubble{animation:cft-pop var(--cft-dur) both infinite}.cos-ditto-ftabs .run .fs-sentence .fs-agent{animation:cft-fade-late var(--cft-dur) both infinite}.cos-ditto-ftabs .fs-mini-sentence{transition:background .6s}.cos-ditto-ftabs .run .fs-mini-sentence{animation:cft-bg-red var(--cft-dur) both infinite}@keyframes cft-pop{0%{opacity:0;transform:translateY(8px)}8%,to{opacity:1;transform:none}}@keyframes cft-fade-late{0%,18%{opacity:0}30%,to{opacity:1}}@keyframes cft-bg-red{0%,28%{background:#101018}44%,to{background:#c62f3b}}.cos-ditto-ftabs .fs-imgrow{align-items:center;display:flex;flex:0 0 auto;gap:14px}.cos-ditto-ftabs .fs-attach{border:1px solid var(--cft-border);border-radius:9px;box-shadow:0 10px 30px -12px rgba(0,0,0,.7);display:block;height:auto;width:150px}.cos-ditto-ftabs .fs-attach-grad{background:#f4f5f8;display:flex;flex-direction:column;height:99px;overflow:hidden}.cos-ditto-ftabs .fs-attach-grad .ag-bar{align-items:center;background:#e9ebf0;border-bottom:1px solid #dcdfe6;display:flex;flex:0 0 auto;gap:3px;padding:5px 7px}.cos-ditto-ftabs .fs-attach-grad .ag-bar i{background:#c3c8d4;border-radius:50%;height:4px;width:4px}.cos-ditto-ftabs .fs-attach-grad .ag-cols{display:grid;flex:1;gap:5px;grid-template-columns:repeat(3,1fr);padding:7px}.cos-ditto-ftabs .fs-attach-grad .ag-card{background:#fff;border:1px solid #e3e6ec;border-radius:4px;display:flex;flex-direction:column;gap:3px;min-height:0;padding:4px}.cos-ditto-ftabs .fs-attach-grad .ag-viz{border-radius:3px;display:block;flex:1;min-height:26px}.cos-ditto-ftabs .fs-attach-grad .ag-viz.g1{background:radial-gradient(120% 120% at 20% 0,#a78bfa 0,#7c3aed 45%,#4c1d95 100%)}.cos-ditto-ftabs .fs-attach-grad .ag-viz.g2{background:radial-gradient(120% 120% at 80% 0,#818cf8 0,#4f46e5 50%,#312e81 100%)}.cos-ditto-ftabs .fs-attach-grad .ag-viz.g3{background:radial-gradient(120% 120% at 50% 100%,#60a5fa 0,#2563eb 55%,#1e3a8a 100%)}.cos-ditto-ftabs .fs-attach-grad .ag-card i{background:#565d6d;border-radius:2px;display:block;height:3px;width:75%}.cos-ditto-ftabs .fs-attach-grad .ag-card b{background:#111827;border-radius:4px;display:block;height:6px;width:22px}.cos-ditto-ftabs .fs-imgcopy{display:flex;flex-direction:column;gap:8px}.cos-ditto-ftabs .run .fs-image .fs-attach{animation:cft-pop var(--cft-dur) both infinite}.cos-ditto-ftabs .run .fs-image .fs-bubble{animation:cft-fade-late var(--cft-dur) both infinite}.cos-ditto-ftabs .run .fs-image .fs-agent{animation:cft-fade-later var(--cft-dur) both infinite}@keyframes cft-fade-later{0%,40%{opacity:0}55%,to{opacity:1}}.cos-ditto-ftabs .fs-cols{display:grid;flex:1;gap:16px;grid-template-columns:repeat(3,1fr);min-height:0}.cos-ditto-ftabs .fs-card{background:#17171f;border:1px solid var(--cft-border-2);border-radius:12px;display:flex;flex-direction:column;gap:10px;min-height:0;padding:10px}.cos-ditto-ftabs .fc-shot{border-radius:8px;display:block;height:auto;width:100%}.cos-ditto-ftabs .fc-grad{border-radius:8px;display:block;flex:1;min-height:86px;overflow:hidden;position:relative}.cos-ditto-ftabs .fc-grad i{background:rgba(10,10,18,.55);border:1px solid hsla(0,0%,100%,.18);border-radius:8px 8px 0 0;height:60%;left:18%;position:absolute;top:26%;width:64%}.cos-ditto-ftabs .fc-grad i:before{background:hsla(0,0%,100%,.55);border-radius:2px;content:"";height:4px;left:8px;position:absolute;top:6px;width:26px}.cos-ditto-ftabs .fc-grad i:after{background:hsla(0,0%,100%,.22);border-radius:2px;content:"";height:4px;left:8px;position:absolute;right:8px;top:16px}.cos-ditto-ftabs .fcg1{background:radial-gradient(120% 120% at 20% 0,#a78bfa 0,#7c3aed 45%,#4c1d95 100%)}.cos-ditto-ftabs .fcg2{background:radial-gradient(120% 120% at 80% 0,#818cf8 0,#4f46e5 50%,#312e81 100%)}.cos-ditto-ftabs .fcg3{background:radial-gradient(120% 120% at 50% 100%,#60a5fa 0,#2563eb 55%,#1e3a8a 100%)}.cos-ditto-ftabs .fc-line{background:hsla(0,0%,100%,.85);border-radius:4px;flex:0 0 auto;height:9px;width:68%}.cos-ditto-ftabs .fc-btn{background:#fff;border-radius:12px;flex:0 0 auto;height:20px;width:74px}.cos-ditto-ftabs .run .fs-image .fs-card{opacity:0;transform:translateY(12px) scale(.95)}.cos-ditto-ftabs .fs-image .fs-cols{align-items:stretch}.cos-ditto-ftabs .run .fs-image .fs-card.fc1{animation:cft-card var(--cft-dur) both infinite;animation-delay:0s}.cos-ditto-ftabs .run .fs-image .fs-card.fc2{animation:cft-card2 var(--cft-dur) both infinite}.cos-ditto-ftabs .run .fs-image .fs-card.fc3{animation:cft-card3 var(--cft-dur) both infinite}@keyframes cft-card{0%,42%{opacity:0;transform:translateY(12px) scale(.95)}54%,to{opacity:1;transform:none}}@keyframes cft-card2{0%,50%{opacity:0;transform:translateY(12px) scale(.95)}62%,to{opacity:1;transform:none}}@keyframes cft-card3{0%,58%{opacity:0;transform:translateY(12px) scale(.95)}70%,to{opacity:1;transform:none}}.cos-ditto-ftabs .fsc-tabs{display:flex;flex:0 0 auto;gap:5px}.cos-ditto-ftabs .fsc-tab{background:transparent;border:none;border-radius:6px;color:var(--cft-muted-2);cursor:pointer;font-family:var(--cft-ui);font-size:.72rem;padding:6px 13px;transition:.15s}.cos-ditto-ftabs .fsc-tab:hover{color:#fff}.cos-ditto-ftabs .fsc-tab.on{background:hsla(0,0%,100%,.08);color:#fff}.cos-ditto-ftabs .fsc-tab:focus-visible{outline:2px solid var(--cft-primary-2);outline-offset:3px}.cos-ditto-ftabs .fsc-panes{flex:1;min-height:0;position:relative}.cos-ditto-ftabs .fsc-pane{display:none;height:100%}.cos-ditto-ftabs .fsc-panes[data-pane=css] .fsc-css,.cos-ditto-ftabs .fsc-panes[data-pane=fields] .fsc-fields,.cos-ditto-ftabs .fsc-panes[data-pane=html] .fsc-html,.cos-ditto-ftabs .fsc-panes[data-pane=js] .fsc-js,.cos-ditto-ftabs .fsc-panes[data-pane=preview] .fsc-preview{display:block}.cos-ditto-ftabs .fsc-preview .fs-cols.static{height:100%}.cos-ditto-ftabs pre.fsc-pane{background:#0d0d14;border:1px solid var(--cft-border-2);border-radius:10px;margin:0;overflow:auto;padding:16px 18px}.cos-ditto-ftabs pre.fsc-pane code{color:#9fc1ff;font-family:var(--cft-mono);font-size:.72rem;line-height:1.65;white-space:pre}.cos-ditto-ftabs .fs-standards{align-items:stretch;flex-direction:row;gap:20px}.cos-ditto-ftabs .fs-standards .fs-out{flex:1}.cos-ditto-ftabs .fs-settings{align-self:center;background:#13131d;border:1px solid var(--cft-border);border-radius:10px;flex:0 0 220px;padding:16px}.cos-ditto-ftabs .fss-title{color:var(--cft-muted-2);font-size:.62rem;font-weight:600;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}.cos-ditto-ftabs .fss-row{align-items:center;border-bottom:1px solid var(--cft-border-2);color:var(--cft-muted);display:flex;font-size:.76rem;justify-content:space-between;padding:9px 0}.cos-ditto-ftabs .fss-pill{background:var(--cft-primary);border-radius:4px;height:8px;transform-origin:left;width:44px}.cos-ditto-ftabs .run .fs-standards .fss-pill{animation:cft-pill var(--cft-dur) both infinite}.cos-ditto-ftabs .fss-swatch{background:#0c63ff;border-radius:5px;height:16px;width:16px}.cos-ditto-ftabs .run .fs-standards .fss-swatch{animation:cft-swatch var(--cft-dur) both infinite}.cos-ditto-ftabs .fss-toggle{background:#2a2a36;border-radius:9px;height:16px;position:relative;width:28px}.cos-ditto-ftabs .fss-toggle:after{background:#fff;border-radius:50%;content:"";height:12px;left:2px;position:absolute;top:2px;transition:.3s;width:12px}.cos-ditto-ftabs .run .fs-standards .fss-toggle:after{animation:cft-toggle var(--cft-dur) both infinite}.cos-ditto-ftabs .run .fs-standards .fs-mini-standards{animation:cft-padding var(--cft-dur) both infinite}@keyframes cft-pill{0%,20%{transform:scaleX(.5)}35%,to{transform:scaleX(1)}}@keyframes cft-swatch{0%,45%{background:#0c63ff}60%,to{background:#8200d2}}@keyframes cft-toggle{0%,70%{left:2px}82%,to{left:14px}}@keyframes cft-padding{0%,20%{padding:20px 22px}35%,58%{padding:32px 34px}59%,to{background:#171227;padding:32px 34px}}.cos-ditto-ftabs .fs-themechips{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:8px}.cos-ditto-ftabs .tc{border:1px solid var(--cft-border);border-radius:30px;color:var(--cft-muted-2);font-size:.72rem;font-weight:600;padding:7px 14px}.cos-ditto-ftabs .run .fs-themes .tc1{animation:cft-chip1 var(--cft-dur) both infinite}.cos-ditto-ftabs .run .fs-themes .tc2{animation:cft-chip2 var(--cft-dur) both infinite}.cos-ditto-ftabs .run .fs-themes .tc3{animation:cft-chip3 var(--cft-dur) both infinite}.cos-ditto-ftabs .fs-themes .fs-out{align-items:stretch}.cos-ditto-ftabs .fs-thms{flex:1;min-height:0;position:relative;width:100%}.cos-ditto-ftabs .thm{border:1px solid var(--cft-border-2);border-radius:12px;display:flex;flex-direction:column;inset:0;opacity:0;overflow:hidden;position:absolute;transform:translateY(6px)}.cos-ditto-ftabs .thm-sr{opacity:1;transform:none}.cos-ditto-ftabs .thm .t-nav{align-items:center;display:flex;flex:0 0 auto;gap:8px;padding:10px 14px}.cos-ditto-ftabs .thm .t-logo{display:block;height:14px;width:14px}.cos-ditto-ftabs .thm .t-lk{border-radius:2px;display:block;height:4px;width:26px}.cos-ditto-ftabs .thm .t-navbtn{display:block;height:16px;margin-left:auto;width:54px}.cos-ditto-ftabs .thm .t-hero{align-items:center;display:flex;flex:1;gap:20px;min-height:0;padding:8px 22px}.cos-ditto-ftabs .thm .t-copy{display:flex;flex:1;flex-direction:column;gap:9px}.cos-ditto-ftabs .thm .t-h{border-radius:3px;display:block;height:13px;width:85%}.cos-ditto-ftabs .thm .t-h.short{width:52%}.cos-ditto-ftabs .thm .t-p{border-radius:3px;display:block;height:6px;margin-top:2px;width:68%}.cos-ditto-ftabs .thm .t-btn{align-items:center;display:inline-flex;font:600 .62rem/1 var(--cft-ui);justify-content:center;margin-top:7px;padding:7px 13px;width:max-content}.cos-ditto-ftabs .thm .t-media{align-self:stretch;display:block;flex:0 0 38%;margin:4px 0}.cos-ditto-ftabs .thm .t-row{display:grid;flex:0 0 auto;gap:10px;padding:0 22px 16px}.cos-ditto-ftabs .thm .t-row i{display:block;height:32px}.cos-ditto-ftabs .thm-sr{background:#fff}.cos-ditto-ftabs .thm-sr .t-nav{border-bottom:1px solid #eef0f4}.cos-ditto-ftabs .thm-sr .t-logo{background:#0c63ff;border-radius:4px}.cos-ditto-ftabs .thm-sr .t-lk{background:#dde1ea}.cos-ditto-ftabs .thm-sr .t-navbtn{background:#0c63ff;border-radius:9px}.cos-ditto-ftabs .thm-sr .t-h{background:#101828}.cos-ditto-ftabs .thm-sr .t-p{background:#c9cfdd}.cos-ditto-ftabs .thm-sr .t-btn{background:#0c63ff;border-radius:30px;color:#fff}.cos-ditto-ftabs .thm-sr .t-media{background:linear-gradient(135deg,#dbe8ff,#8fb8ff);border-radius:14px}.cos-ditto-ftabs .thm-sr .t-row{grid-template-columns:repeat(3,1fr)}.cos-ditto-ftabs .thm-sr .t-row i{background:#fff;border:1px solid #e7eaf1;border-radius:10px}.cos-ditto-ftabs .thm-growth{background:#fffaf7}.cos-ditto-ftabs .thm-growth .t-nav{background:#fff;border-bottom:2px solid #ff7a59}.cos-ditto-ftabs .thm-growth .t-logo{background:#ff7a59;border-radius:50%}.cos-ditto-ftabs .thm-growth .t-lk{background:#e8d9d3}.cos-ditto-ftabs .thm-growth .t-navbtn{background:#ff7a59;border-radius:3px}.cos-ditto-ftabs .thm-growth .t-hero{justify-content:center}.cos-ditto-ftabs .thm-growth .t-copy{align-items:center}.cos-ditto-ftabs .thm-growth .t-h{background:#2d1b14;width:58%}.cos-ditto-ftabs .thm-growth .t-h.short{width:36%}.cos-ditto-ftabs .thm-growth .t-p{background:#dfd2cc;width:44%}.cos-ditto-ftabs .thm-growth .t-btn{background:#ff7a59;border-radius:3px;color:#fff}.cos-ditto-ftabs .thm-growth .t-row{grid-template-columns:repeat(2,1fr)}.cos-ditto-ftabs .thm-growth .t-row i{background:#fff;border:1px solid #f4e3dc;border-radius:3px;position:relative}.cos-ditto-ftabs .thm-growth .t-row i:before{background:#ff7a59;border-radius:50%;content:"";height:9px;left:10px;position:absolute;top:11px;width:9px}.cos-ditto-ftabs .thm-custom{background:#0e100d;border-color:rgba(200,240,74,.18)}.cos-ditto-ftabs .thm-custom .t-logo{background:#c8f04a;border-radius:0}.cos-ditto-ftabs .thm-custom .t-lk{background:#3a3f35}.cos-ditto-ftabs .thm-custom .t-navbtn{background:transparent;border:1px solid #c8f04a}.cos-ditto-ftabs .thm-custom .t-h{background:#f2f0e6;border-radius:0;height:16px}.cos-ditto-ftabs .thm-custom .t-h.short{width:44%}.cos-ditto-ftabs .thm-custom .t-btn{background:transparent;border:1px solid #c8f04a;border-radius:0;color:#c8f04a}.cos-ditto-ftabs .thm-custom .t-media{background:linear-gradient(160deg,#c8f04a,#3ba36b 55%,#123528);border-radius:0;flex-basis:42%}.cos-ditto-ftabs .run .fs-themes .thm-sr{animation:cft-thm1 var(--cft-dur) both infinite}.cos-ditto-ftabs .run .fs-themes .thm-growth{animation:cft-thm2 var(--cft-dur) both infinite}.cos-ditto-ftabs .run .fs-themes .thm-custom{animation:cft-thm3 var(--cft-dur) both infinite}@keyframes cft-thm1{0%,30%{opacity:1;transform:none}34%,to{opacity:0;transform:translateY(6px)}}@keyframes cft-thm2{0%,32%{opacity:0;transform:translateY(6px)}36%,63%{opacity:1;transform:none}67%,to{opacity:0;transform:translateY(6px)}}@keyframes cft-thm3{0%,65%{opacity:0;transform:translateY(6px)}69%,to{opacity:1;transform:none}}@keyframes cft-chip1{0%,30%{background:rgba(12,99,255,.14);border-color:#0c63ff;color:#fff}34%,to{background:transparent;border-color:hsla(0,0%,100%,.1);color:#9aa0b8}}@keyframes cft-chip2{0%,32%{background:transparent;border-color:hsla(0,0%,100%,.1);color:#9aa0b8}36%,63%{background:rgba(255,122,89,.14);border-color:#ff7a59;color:#fff}67%,to{background:transparent;border-color:hsla(0,0%,100%,.1);color:#9aa0b8}}@keyframes cft-chip3{0%,65%{background:transparent;border-color:hsla(0,0%,100%,.1);color:#9aa0b8}69%,to{background:rgba(200,240,74,.12);border-color:#c8f04a;color:#fff}}.cos-ditto-ftabs .fs-pubrow{display:flex;flex:0 0 auto;justify-content:flex-end}.cos-ditto-ftabs .fs-pubbtn{background:var(--cft-primary);border-radius:6px;color:#fff;font-size:.78rem;font-weight:600;padding:9px 20px}.cos-ditto-ftabs .run .fs-publish .fs-pubbtn{animation:cft-press var(--cft-dur) both infinite}.cos-ditto-ftabs .fs-pubmod{align-items:stretch;display:flex;flex:1;min-height:0}.cos-ditto-ftabs .fs-pubmod .fs-cols{height:100%;width:100%}.cos-ditto-ftabs .run .fs-publish .fs-cols{animation:cft-pop var(--cft-dur) both infinite}.cos-ditto-ftabs .fs-pubfoot{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;gap:12px}.cos-ditto-ftabs .fs-progress{background:hsla(0,0%,100%,.08);border-radius:4px;height:8px;max-width:560px;overflow:hidden;width:100%}.cos-ditto-ftabs .fs-progress i{background:var(--cft-grad-accent);display:block;height:100%;transform:scaleX(0);transform-origin:left;width:100%}.cos-ditto-ftabs .run .fs-publish .fs-progress i{animation:cft-fill var(--cft-dur) both infinite}.cos-ditto-ftabs .fs-toast{align-items:center;background:#101019;border:1px solid var(--cft-border);border-radius:10px;color:#fff;display:inline-flex;font-size:.82rem;font-weight:600;gap:9px;opacity:0;padding:11px 16px}.cos-ditto-ftabs .fs-toast .ok{background:#128a51;border-radius:6px;color:#fff;display:grid;font-size:.66rem;height:20px;place-items:center;width:20px}.cos-ditto-ftabs .fs-toast .hslogo{flex:0 0 auto;height:17px;width:17px}.cos-ditto-ftabs .run .fs-publish .fs-toast{animation:cft-toast var(--cft-dur) both infinite}@keyframes cft-press{0%,12%{transform:none}16%{transform:scale(.93)}20%,to{transform:none}}@keyframes cft-fill{0%,18%{transform:scaleX(0)}48%,to{transform:scaleX(1)}}@keyframes cft-toast{0%,50%{opacity:0;transform:translateY(8px)}60%,to{opacity:1;transform:none}}@media(max-width:900px){.cos-ditto-ftabs .cft-body{grid-template-columns:1fr}.cos-ditto-ftabs .cft-tabs{flex-direction:row;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}.cos-ditto-ftabs .cft-tab{flex:0 0 auto;min-width:220px}.cos-ditto-ftabs .cft-frame{min-height:300px}.cos-ditto-ftabs .fs-publish .fs-card:nth-child(n+3){display:none}}@media(max-width:640px){.cos-ditto-ftabs .fs-sentence,.cos-ditto-ftabs .fs-standards{flex-direction:column}.cos-ditto-ftabs .fs-sentence .fs-rail{width:auto}.cos-ditto-ftabs .fs-settings{align-self:stretch;flex:0 0 auto}.cos-ditto-ftabs .fs-cols{grid-template-columns:1fr;overflow:hidden}.cos-ditto-ftabs .fs-image .fs-card:nth-child(n+2),.cos-ditto-ftabs .fs-publish .fs-card:nth-child(n+2),.cos-ditto-ftabs .fsc-preview .fs-card:nth-child(n+2){display:none}.cos-ditto-ftabs .fs-attach{width:110px}.cos-ditto-ftabs .fs-scene{gap:12px;padding:14px}.cos-ditto-ftabs .thm .t-media,.cos-ditto-ftabs .thm .t-row{display:none}}@media(prefers-reduced-motion:reduce){.cos-ditto-ftabs .run .fs-mini,.cos-ditto-ftabs .run .fs-scene *{animation:none!important}.cos-ditto-ftabs .fs-agent,.cos-ditto-ftabs .fs-attach,.cos-ditto-ftabs .fs-bubble{opacity:1}.cos-ditto-ftabs .run .fs-image .fs-card{opacity:1;transform:none}.cos-ditto-ftabs .fs-mini-sentence{background:#c62f3b}.cos-ditto-ftabs .fs-progress i{transform:scaleX(1)}.cos-ditto-ftabs .fs-toast{opacity:1}.cos-ditto-ftabs .thm{opacity:0}.cos-ditto-ftabs .thm-sr{opacity:1;transform:none}}