.cv-tool-example .image-example-input{background:var(--oa-bg);flex-direction:column;justify-content:center;gap:12px;padding:24px;display:flex}.cv-tool-example .image-example-input svg{border-radius:10px;width:100%;height:auto}.cv-tool-example .example-setting{border-bottom:1px solid var(--oa-line);justify-content:space-between;gap:16px;padding:12px 0;font-size:13px;display:flex}.cv-tool-example .cutout-example{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:12px;padding:24px;display:grid}.cv-tool-example .cutout-example>div{text-align:center;border:1px solid var(--oa-line);border-radius:10px;overflow:hidden}.cv-tool-example .cutout-example svg{width:100%;height:auto}.cv-tool-example .cutout-example>svg{width:24px}.cv-tool-example .cutout-example span{background:var(--oa-panel);padding:10px;font-size:12px;display:block}.cv-tool-example .checker{background-color:#f4f1e9;background-image:conic-gradient(#deddd5 25%, transparent 0 50%, #deddd5 0 75%, transparent 0);background-size:18px 18px}.cv-tool-example .example-explainer{padding:0 24px 24px;line-height:1.6}.cv-tool-example .document-example{background:var(--st-bg);color:var(--st-ink);border-radius:14px;padding:15px;box-shadow:0 25px 50px #0002}.cv-tool-example .example-toolbar{color:var(--st-ink-dim);border-bottom:1px solid #eee9e026;justify-content:space-between;padding:5px 10px 17px;font-size:10px;display:flex}.cv-tool-example .example-split{grid-template-columns:1fr 1fr;gap:15px;padding-top:18px;display:grid}.cv-tool-example .example-split pre{color:#b9c0c7;font:10px/2 var(--oa-mono);white-space:pre-wrap;padding:20px 6px}.cv-tool-example .example-split article{color:#22252a;background:#fbfaf7;flex-direction:column;min-height:380px;padding:30px 25px 25px;display:flex}.cv-tool-example .example-split .cv-example-eyebrow{color:#585d66;font-size:7px}.cv-tool-example .example-split h2{margin:27px 0 18px;font-size:29px}.cv-tool-example .document-rule{background:#b8531f;width:35px;height:2px;margin-bottom:20px}.cv-tool-example .example-split article>p,.cv-tool-example .example-split ol{font:11px/1.8 var(--oa-serif)}.cv-tool-example .example-split ol{margin:15px 0;padding-left:12px}.cv-tool-example .example-split article footer{color:#585d66;font:6px var(--oa-mono);letter-spacing:.1em;margin-top:auto;padding-top:30px}.cv-tool-example{min-width:0}.cv-tool-example .example-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cv-tool-example .example-split>*{overflow-wrap:anywhere;min-width:0}.cv-tool-example .example-split h2{font-family:var(--oa-serif);font-weight:500;line-height:1.15}.cv-tool-example .cv-example-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:600}.cv-tool-example .example-split h3{margin-top:14px;font-size:13px;font-weight:600}.cv-tool-example .example-split article>strong{font-size:11px}.cv-tool-example .image-example-input{background:#17202a}.cv-tool-example .image-example-input small{color:var(--st-ink-dim)}.cv-tool-example .cutout-example span{background:#17202a}.cv-tool-example .example-explainer small{color:var(--st-ink-dim)}.cv-tool-example .example-setting{border-color:#ddd7ca}.cv-tool-example .example-setting strong{text-align:right}@media (width<=760px){.cv-tool-example .document-example{padding:10px}.cv-tool-example .example-split{gap:8px}.cv-tool-example .example-split pre{padding:17px 5px;font-size:8px}.cv-tool-example .example-split article{min-height:345px;padding:23px 15px}.cv-tool-example .example-split h2{font-size:25px}.cv-tool-example .example-split .cv-example-eyebrow{font-size:6px}.cv-tool-example .image-example-input{padding:12px}.cv-tool-example .example-setting{gap:8px;font-size:11px}.cv-tool-example .cutout-example{gap:8px;padding:15px}}@media (width<=560px){.cv-tool-example .example-split{grid-template-columns:minmax(0,1fr);gap:16px}.cv-tool-example .example-split pre{padding:16px;font-size:11px}.cv-tool-example .example-split article{overflow-wrap:normal;min-height:0;padding:24px}.cv-tool-example .example-split .cv-example-eyebrow{font-size:9px}.cv-tool-example .image-example-input{padding:20px}.cv-tool-example .image-example-input svg{max-height:200px}.cv-tool-example .example-setting{font-size:13px}}