.cbs-page .ga-hero-intro{max-width:none}.cbs-tool{grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.cbs-controls,.cbs-preview-panel{background:#fff;border:1px solid #d9e1ec;border-radius:14px;padding:20px}.cbs-controls h2{margin:18px 0 10px;font-size:18px}.cbs-controls h2:first-child{margin-top:0}.cbs-controls label:not(.cbs-drop){margin:14px 0;font-weight:600;display:block}.cbs-controls select,.cbs-controls input[type=range]{width:100%;margin-top:8px;display:block}.cbs-controls select{border:1px solid #b9c7d9;border-radius:6px;padding:8px}.cbs-controls input[type=checkbox]{margin-right:8px}.cbs-drop{cursor:pointer;text-align:center;border:2px dashed #b5c8df;border-radius:10px;gap:8px;padding:20px;display:grid}.cbs-drop input{max-width:100%}.cbs-drop span,.cbs-controls p{font-size:13px;line-height:1.5}.cbs-error{color:#a31f28}.cbs-preview-panel{min-width:0;position:sticky;top:80px}.cbs-toolbar{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;display:flex}.cbs-previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.cbs-preview{min-width:0;margin:0}.cbs-preview figcaption{margin-bottom:6px;font-size:13px;font-weight:600}.cbs-scroll{background:#f5f7fa;max-height:600px;overflow:auto}.cbs-scroll canvas{height:auto;display:block}.cbs-merges{gap:8px;display:grid}.cbs-merges button{text-align:left;background:#fff;border:1px solid #d8e0eb;border-radius:8px;align-items:center;gap:8px;padding:9px;font-size:12px;display:flex}.cbs-merges button.selected{outline:3px solid #1668d3}.cbs-swatches{flex:none;display:flex}.cbs-swatches i{border:1px solid #333;width:20px;height:20px}.cbs-section{padding-top:72px;padding-bottom:20px}.cbs-section .heading{text-align:center;max-width:800px;margin:0 auto 32px}.cbs-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.cbs-examples article{grid-template-rows:subgrid;border:1px solid #dce4ef;border-radius:12px;grid-row:span 5;gap:10px;padding:16px;display:grid}.cbs-examples h3{margin:0;font-size:17px}.cbs-examples p,.cbs-examples small{margin:0;line-height:1.45}.cbs-examples small{color:#546274}.cbs-examples article>button:last-child{place-self:end start}main.ga2#top .pfd-landing .cbs-examples article>p{margin:0}.cbs-example-image{cursor:pointer;text-align:left;background:#f8fafc;border:0;padding:0}.cbs-example-image canvas{aspect-ratio:20/7;width:100%;height:auto;display:block}.cbs-example-image>span{text-align:center;grid-template-columns:repeat(2,minmax(0,1fr));padding:5px 0;font-size:12px;font-weight:600;display:grid}.cbs-mini{background:#fff;border:1px solid #cad7e6;border-radius:6px;padding:20px}.cbs-types{max-width:800px;margin:auto}.cbs-types p{align-items:start;gap:12px;display:flex}.cbs-types b,.cbs-spectrum b{color:#fff;background:#1767cf;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;display:grid}.cbs-spectrum{max-width:800px;margin:24px auto;display:flex}.cbs-spectrum>div{flex:1;place-items:center;height:64px;display:grid}.cbs-prose{max-width:800px;margin:auto}.cbs-fluor{color:#fff;background:#10121b;border-radius:10px;justify-content:center;gap:30px;max-width:800px;margin:30px auto;padding:40px;display:flex}@media (width<=900px){.cbs-tool{grid-template-columns:1fr}.cbs-preview-panel{position:static}.cbs-examples{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.cbs-previews:not(.all),.cbs-examples{grid-template-columns:1fr}.cbs-tool{padding-left:16px;padding-right:16px}.cbs-section{padding-top:48px}}main.ga2#top.cbs-page .cbs-tool{text-align:left;width:min(100% - 64px,1136px)}main.ga2#top.cbs-page .cbs-controls{text-align:left}main.ga2#top.cbs-page .pfd-landing .wrap{max-width:1200px}main.ga2#top.cbs-page .pfd-landing .pfd-steps .num{color:#fff;background:#1767cf}@media (width<=700px){main.ga2#top.cbs-page .cbs-tool{width:calc(100% - 32px)}}.cbs-actual{overscroll-behavior:contain;position:relative}.cbs-actual canvas{pointer-events:none}.cbs-preview{position:relative}.cbs-highlight-label{z-index:1;color:#111827;pointer-events:none;background:#fff;border:1px solid #111827;border-radius:4px;padding:3px 6px;font-size:12px;font-weight:700;position:absolute;top:30px;left:6px}main.ga2#top.cbs-page .cbs-tool{box-sizing:border-box;padding:0}.cbs-controls{min-width:0}.cbs-drop input{width:100%;min-width:0}.cbs-drop strong,.cbs-drop span{overflow-wrap:anywhere}@media (width<=900px){.cbs-tool{grid-template-columns:minmax(0,1fr)}}@media (width<=700px){main.ga2#top.cbs-page .cbs-tool{width:calc(100% - 32px)}}.cbs-mini-upload{text-align:center;border:1px dashed #8ba9d2}.cbs-mini-views .cbs-segment{display:flex}.cbs-mini-views .cbs-segment span{text-align:center;flex:1;padding:7px}.cbs-mini-views .cbs-segment span:first-child{color:#1457b8;background:#fff;border-radius:5px}.cbs-mini-pair{justify-content:space-around;margin-top:12px;display:flex}.cbs-mini-result{justify-content:space-between;align-items:center;gap:8px;display:flex}.cbs-mini-swatches{display:flex}.cbs-mini-swatches i{background:#b40000;width:22px;height:22px}.cbs-mini-swatches i+i{background:green}.cbs-mini-download{color:#fff;background:#1767cf;border-radius:5px;padding:8px;font-weight:600}.cbs-drop{position:relative}.cbs-drop input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cbs-drop:focus-within{outline-offset:2px;outline:3px solid #1767cf}.cbs-tool{grid-template-areas:"image preview""view preview""merges preview";gap:14px 24px}.cbs-controls{display:contents}.cbs-image-controls,.cbs-view-controls,.cbs-merge-controls{background:#fff;border:1px solid #d9e1ec;border-radius:14px;min-width:0;padding:20px}.cbs-image-controls{grid-area:image}.cbs-view-controls{grid-area:view}.cbs-merge-controls{grid-area:merges}.cbs-preview-panel{grid-area:preview;align-self:start}.cbs-image-controls h2:first-child,.cbs-view-controls h2:first-child,.cbs-merge-controls h2:first-child{margin-top:0}.cbs-mode-field{margin:14px 0;font-weight:600}.cbs-mode-field>span{margin-bottom:8px;display:block}main.ga2#top.pfd-page .cbs-mode-segment{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}main.ga2#top.pfd-page .cbs-mode-segment button{white-space:normal;min-width:0}.cbs-scroll:not(.cbs-actual){background:#fff;justify-content:center;max-height:none;display:flex;overflow:hidden}.cbs-scroll.cbs-actual{background:#fff;max-height:600px;overflow:auto}.cbs-merges button:not(.pfd-btn){cursor:pointer;transition:background .15s,border-color .15s}.cbs-merges button:not(.pfd-btn):hover{background:#f2f5ff;border-color:#315dff}.cbs-merges button.selected{background:#eef2ff;border-color:#315dff;outline:2px solid #315dff}@media (width<=900px){.cbs-tool{grid-template-columns:minmax(0,1fr);grid-template-areas:"image""preview""view""merges"}.cbs-preview-panel{position:static}}@media (width<=700px){.cbs-previews.all{grid-template-columns:1fr}}.cbs-mini-views svg{width:100%;margin-top:8px;display:block}.cbs-mini-result{flex-direction:column;align-items:stretch;font-size:13px}.cbs-mini-result>div{align-items:center;gap:6px;display:flex}.cbs-mini-result .pfd-btn{align-self:center}.cbs-spectrum{width:min(100%,800px);height:auto;margin:0 auto 24px;display:block}.cbs-fluor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:800px;margin:24px auto 0;display:grid}.cbs-fluor-grid figure{min-width:0;margin:0}.cbs-fluor-grid canvas{width:100%;height:auto;display:block}.cbs-fluor-grid figcaption{color:#252b36;padding-top:6px;font-size:14px}main.ga2#top.cbs-page .pfd-landing .cbs-prose{width:min(100%,800px);margin:0 auto}.cbs-merge-mode{font-size:14px;font-weight:500}.cbs-merge-meta{flex-wrap:wrap;align-items:baseline;column-gap:8px;display:flex}.cbs-delta,.cbs-similar{white-space:nowrap}@media (width<=600px){.figureslate-home-v2 main.cbs-page .workspace-home .hero-benefits svg{display:block}}