.crosshair-client-section{padding-top:50px}.client-editor{--ce-ink:#f0f2f3;--ce-muted:#a0a7ae;--ce-line:#454c53;--ce-brand:#c78df5;color:var(--ce-ink);background:linear-gradient(rgba(20,23,27,.918),rgba(20,23,27,.918)),url(../img/client/home.png) center/cover;border:1px solid #646b73;border-radius:10px;padding:16px 18px 12px;font-family:DM Sans,sans-serif}.client-editor button{color:var(--ce-ink);background:rgba(32,36,41,.77);border:1px solid var(--ce-line);border-radius:6px;padding:7px 12px;font-family:inherit;font-size:12px;line-height:1.3;transition:background.12s,border-color.12s}.client-editor button:hover{background:#2b323a;border-color:#7c858e}.client-editor button:focus-visible,.client-editor input:focus-visible{outline:2px solid var(--ce-brand);outline-offset:2px}.client-editor button[aria-pressed=true],.client-editor button[aria-selected=true]{color:var(--ce-brand);border-color:var(--ce-brand)}.client-editor button:disabled{color:#6b7279;cursor:default;background:#1b1f24;border-color:#353a40}.ce-header{border-bottom:1px solid #353a40;align-items:center;justify-content:space-between;margin-bottom:10px;padding:0 0 12px;display:flex}.ce-header>div>span{color:var(--ce-brand);font-size:10px}.ce-header h3{letter-spacing:0;margin:3px 0 0;font-family:inherit;font-size:15px;font-weight:600;line-height:1.3}#ce-enabled{min-width:100px}.ce-body{grid-template-columns:minmax(0,1fr) 30%;gap:24px;display:grid}.ce-left{min-width:0}.ce-tabs{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px;display:grid}.ce-scroll{scrollbar-width:thin;scrollbar-color:#a0a7ae #353a40;overscroll-behavior:contain;height:365px;padding:1px 7px 1px 1px;overflow:auto}.ce-scroll[hidden]{display:none}.ce-gallery{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.client-editor .ce-template{text-align:left;flex-direction:column;align-items:stretch;justify-content:space-between;height:82px;padding:4px 6px 7px;display:flex}.ce-template canvas{image-rendering:pixelated;object-fit:contain;align-self:center;width:100px;max-width:100%;height:40px}.ce-template>span{white-space:nowrap;font-size:10px}.ce-preview{background:rgba(27,31,36,.65);border:1px solid var(--ce-line);border-radius:7px;flex-direction:column;min-width:0;padding:10px;display:flex}.ce-preview-header{align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;display:flex}.ce-preview-header>span{color:var(--ce-muted);font-size:10px}#ce-zoom{min-width:46px;padding:6px 10px}#ce-canvas{image-rendering:pixelated;background:#14171d;width:100%;height:258px;display:block}#ce-preview-note{color:var(--ce-muted);margin:5px 0 11px;font-size:10px}#ce-pulse{width:100%;margin-bottom:8px}.ce-backgrounds{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.ce-backgrounds button{padding:6px 3px;font-size:11px}.ce-footer{border-top:1px solid #353a40;gap:7px;align-items:center;margin-top:12px;padding-top:10px;display:flex}.ce-footer button{padding:5px 20px}#ce-save-status{color:var(--ce-muted);margin-left:13px;font-size:10px}.ce-browser-note{color:#67717b;letter-spacing:1px;margin-left:auto;font-size:8px}.ce-caption{color:var(--ce-muted);letter-spacing:.5px;margin:12px 0 9px;font-size:9px}.ce-caption:first-child{margin-top:4px}.ce-shapes{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.ce-shapes button{padding:8px 3px;font-size:9px}.ce-dimension{background:rgba(32,36,41,.77);border:1px solid var(--ce-line);border-radius:5px;grid-template-columns:minmax(0,1fr) 54px;column-gap:12px;margin:7px 0;padding:7px 10px;display:grid}.ce-dimension label{color:var(--ce-ink);font-size:10px;line-height:1.3}.ce-dimension input[type=range]{accent-color:var(--ce-brand);cursor:pointer;grid-area:2/1;width:100%;height:12px;margin:5px 0 0}.ce-dimension input[type=number]{color:var(--ce-ink);background:#14171d;border:1px solid #454c53;border-radius:4px;grid-area:1/2/3;align-self:center;width:54px;padding:4px;font-size:11px}.ce-dimension input[aria-invalid=true]{color:#f06974;border-color:#f06974}.ce-colors{grid-template-columns:1fr 1fr;gap:7px;display:grid}.ce-colors label{background:rgba(32,36,41,.77);border:1px solid var(--ce-line);border-radius:5px;align-items:center;justify-content:space-between;gap:8px;padding:5px 9px;font-size:10px;display:flex}.ce-colors input[type=color]{cursor:pointer;background:none;border:0;border-radius:4px;width:27px;height:27px;padding:0}.ce-swatches{gap:7px;margin:10px 0;display:flex}.ce-swatches button{border-width:2px;width:27px;height:25px;padding:0}.ce-swatches button[aria-pressed=true]{outline:1px solid var(--ce-brand);outline-offset:2px}.client-editor .ce-toggle{align-items:center;justify-content:space-between;width:100%;margin:6px 0;font-size:11px;display:flex}.ce-toggle i{background:#f06974;border-radius:20px;height:15px;width:30px;display:block;position:relative}.ce-toggle i:after{content:"";background:#f0f2f3;border-radius:50%;height:11px;width:11px;position:absolute;left:2px;top:2px}.ce-toggle[aria-checked=true] i{background:#4edb84}.ce-toggle[aria-checked=true] i:after{left:17px}@media (max-width:1000px){.ce-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.ce-body{grid-template-columns:minmax(0,1fr) 32%;gap:16px}}@media (max-width:680px){.crosshair-client-section{padding-top:35px}.client-editor{padding:12px 10px 10px}.ce-body{flex-direction:column;gap:12px;display:flex}.ce-preview{order:-1}#ce-canvas{height:110px}.ce-preview-header{margin-bottom:6px}.ce-preview-header>span{font-size:9px}#ce-preview-note{margin:5px 0 8px;font-size:9px}#ce-pulse{margin-bottom:6px;padding:6px}.ce-backgrounds button{padding:6px}.ce-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.ce-scroll{height:326px}.client-editor .ce-template{height:75px}.ce-template>span{font-size:9px}.ce-template canvas{height:36px}.ce-footer{flex-wrap:wrap;gap:6px}.ce-footer button{padding:7px 20px;font-size:11px}#ce-save-status{order:3;flex-basis:100%;margin:3px 0 0;font-size:9px}.ce-browser-note{font-size:7px}.ce-shapes{grid-template-columns:repeat(4,1fr)}}.client-editor button,.client-editor input{text-transform:uppercase}