.ckc{--ink:#163d46;--accent:#007f78;color:var(--ink);font:16px/1.5 system-ui,sans-serif;max-width:1200px;margin:24px auto;padding:20px;box-sizing:border-box;background:#f6faf9;border-radius:20px}.ckc *{box-sizing:border-box}.ckc h1{font-size:clamp(25px,4vw,36px);line-height:1.15}.ckc h2{font-size:19px;margin:8px 0 16px}.ckc-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:24px}.ckc-preview{background:#e5eeeb;border-radius:16px;padding:14px;align-self:start;position:sticky;top:40px}.ckc canvas{display:block;width:100%;height:auto;aspect-ratio:1;touch-action:pan-y}.ckc-panel{background:white;border-radius:16px;padding:20px;min-width:0}.ckc label{display:block;margin:12px 0;font-weight:600}.ckc input:not([type=checkbox]),.ckc select{display:block;width:100%;max-width:100%;min-height:44px;padding:8px;border:1px solid #a5bdb8;border-radius:8px;background:white;color:#163d46;font:inherit}.ckc input[type=range]{padding:0}.ckc input[type=checkbox]{width:22px;height:22px;vertical-align:middle}.ckc button,.ckc .ckc-link{min-height:44px;padding:10px 15px;border-radius:9px;background:var(--accent);color:white;border:0;font:600 15px system-ui;cursor:pointer;display:inline-block;text-decoration:none;margin:5px 5px 5px 0}.ckc button:disabled{opacity:.45;cursor:default}.ckc .secondary{background:#e5eeeb;color:var(--ink)}.ckc p{overflow-wrap:anywhere}.ckc small{display:block;color:#506c70}.ckc [data-status]{min-height:26px}.ckc [data-status].error{color:#ad2735}.ckc details{border-top:1px solid #dce8e4;padding-top:14px;margin-top:14px}.ckc summary{cursor:pointer;font-weight:700;min-height:44px}.ckc [hidden]{display:none!important}.ckc .ckc-row{display:flex;gap:10px}.ckc .ckc-row>*{flex:1;min-width:0}.ckc .ckc-pill{display:inline-block;background:#d9eee8;padding:4px 10px;border-radius:20px;font-size:13px;font-weight:700}.ckc button:focus-visible,.ckc input:focus-visible,.ckc select:focus-visible{outline:3px solid #d78c28;outline-offset:3px}@media(max-width:700px){.ckc{padding:12px;margin:10px 0;border-radius:12px}.ckc-grid{grid-template-columns:1fr;gap:12px}.ckc-preview{position:static;top:auto;padding:8px}.ckc canvas{max-height:46vh;object-fit:contain}.ckc-panel{padding:14px}.ckc .ckc-row{flex-wrap:wrap}}
.single-product .product:has(.ckc) .summary{float:none;width:100%}.single-product .product:has(.ckc)>.woocommerce-product-gallery{display:none}.ckc input[type=file]{white-space:normal;font-size:14px}.ckc [data-result]{overflow-wrap:anywhere}.ckc-preview{background-color:#e5eeeb;background-image:linear-gradient(45deg,#dce7e2 25%,transparent 25%),linear-gradient(-45deg,#dce7e2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dce7e2 75%),linear-gradient(-45deg,transparent 75%,#dce7e2 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.ckc-preview p,.ckc-preview small{background:#e5eeeb;margin:0;padding:8px;border-radius:8px}.ckc button{touch-action:manipulation}.ckc input[type=checkbox]{accent-color:var(--accent)}
.ckc table{width:100%;border-collapse:collapse;table-layout:fixed}.ckc th,.ckc td{text-align:left;padding:8px 10px;border-bottom:1px solid #dce8e4;vertical-align:middle}.ckc th{font-size:13px;color:#506c70}.ckc-pricebox{border:1px solid #bfd4ce;border-radius:12px;padding:14px;margin:14px 0}.ckc-pricebox .active{background:#d9eee8;font-weight:700}.ckc .ckc-tier-button{color:var(--ink);background:transparent;padding:0 6px;margin:0;min-height:36px;text-align:left;width:100%}.ckc .ckc-tier-button:hover{background:#e5eeeb}.ckc-total{font-size:20px;font-weight:700}.ckc-tier-editor input{min-width:0}.ckc-pricebox small{margin-top:8px}
.ckc-prices-scroll{max-height:300px;overflow:auto}.ckc-prices-scroll thead th{position:sticky;top:0;background:#fff;z-index:1}.ckc .ckc-tier-button{min-height:44px}

.ckc-template{border-bottom:1px solid #bdd5cc;margin-bottom:20px;padding-bottom:16px}.ckc-template canvas{width:100%;max-width:480px;height:auto;background:repeating-conic-gradient(#edf0ef 0 25%,white 0 50%) 50% / 24px 24px;border:1px solid #9cb9af}.ckc [hidden]{display:none!important}.ckc textarea{width:100%;min-height:70px;box-sizing:border-box;border:1px solid #b8cec6;border-radius:8px;padding:10px;font:inherit}

/* Customer image editing; production shape settings stay locked. */
.ckc-template:has([data-customer-fields]:empty){display:none}
.ckc [data-image-canvas]{height:auto;aspect-ratio:auto;max-height:none;touch-action:none;background:repeating-conic-gradient(#e1e7e4 0 25%,#fff 0 50%) 50% / 20px 20px;border:1px solid #9cb9af;border-radius:8px;cursor:crosshair}
.ckc-preview{top:24px}.ckc-preview>canvas{max-height:calc(100dvh - 190px);object-fit:contain}.ckc [data-image-tools] small{margin:8px 0}.ckc [data-image-tools] summary{color:var(--accent)}
@media(max-width:700px){.ckc-grid{display:flex;flex-direction:column;max-height:calc(100dvh - 24px);overflow:hidden}.ckc-preview{position:relative;top:auto;flex:none;width:100%;padding:6px}.ckc-preview>canvas{height:clamp(140px,27dvh,260px);width:100%;max-height:none}.ckc-preview p{font-size:12px;padding:4px}.ckc-preview small{font-size:11px;padding:2px 4px}.ckc-panel{overflow-y:auto;overscroll-behavior:contain;min-height:150px;width:100%;padding:12px}.ckc [data-image-canvas]{max-height:none}.ckc h1{font-size:26px}.ckc-pricebox{padding:10px}}

/* Compact customer quantity prices; all six tiers visible without a scroller. */
.ckc .ckc-pricebox{width:100%;max-width:300px;padding:8px 10px;margin:10px 0;border-radius:8px}.ckc .ckc-pricebox h2{font-size:15px;line-height:1.3;margin:0 0 6px}.ckc .ckc-pricebox table{margin:0;font-size:13px;line-height:1.25}.ckc .ckc-pricebox th,.ckc .ckc-pricebox td{padding:2px 6px;height:auto}.ckc .ckc-pricebox th{font-size:12px;padding-top:4px;padding-bottom:5px}.ckc .ckc-pricebox .ckc-tier-button{min-height:24px;height:24px;padding:2px 4px;font-size:13px;line-height:20px;margin:0;border-radius:4px}.ckc .ckc-pricebox small{font-size:11px;margin-top:5px}.ckc .ckc-prices-scroll{max-height:none;overflow:visible}.ckc .ckc-total{font-size:16px;margin:8px 0}