.cr-builder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:32px;align-items:start}.cr-settings{display:grid;gap:20px;min-width:0;scroll-margin-top:24px}.cr-section{padding:26px}.cr-heading{display:flex;gap:12px;align-items:center;margin-bottom:23px}.cr-heading>span{font-size:11px;border:1px solid var(--line);width:29px;height:29px;border-radius:50%;display:grid;place-items:center;color:var(--muted);flex:none}.cr-heading h2{margin:0;font-size:24px}.cr-builder label{font-size:13px;line-height:1.45}.cr-builder select,.cr-builder input{max-width:100%;min-width:0}.cr-builder [hidden]{display:none!important}.cr-lot-meta{margin-top:17px}.cr-lot-meta strong{font-size:27px;font-weight:500;display:block}.cr-lot-meta small{display:block;margin:5px 0 10px}.cr-lot-meta a{font-size:12px;text-decoration:underline;text-underline-offset:3px}.cr-hint{font-size:12px;line-height:1.6;color:var(--muted);margin:14px 0 0}.cr-result:not(:empty){padding:20px;background:var(--soft);border-radius:12px;margin-top:20px}.cr-result>strong{display:block;font-size:30px;font-weight:500;margin:8px 0}.cr-result strong small{font-size:12px}.cr-result>small{font-size:11px}.cr-templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.cr-template{border:1px solid var(--line);background:var(--white,#fcfcfc);border-radius:12px;padding:13px 10px;text-align:left;min-width:0;cursor:pointer;font:inherit;color:var(--ink)}.cr-template>span{font-size:11px;color:var(--muted);display:block;margin-bottom:15px}.cr-template strong{font-size:13px;line-height:1.25;display:block;font-weight:500;min-height:34px}.cr-template small{font-size:10px;line-height:1.4;display:block;margin-top:8px}.cr-template.selected{background:#f0edf5;border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.cr-field-title{font-size:14px;margin:24px 0 14px}.cr-field-title small{font-size:10px;display:block;margin-top:5px}.cr-backgrounds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px 9px}.cr-background{background:transparent;border:0;padding:0;color:var(--ink);cursor:pointer;font:inherit;min-width:0;text-align:left}.cr-background img,.cr-swatch{width:100%;aspect-ratio:1.35;object-fit:cover;border-radius:8px;display:block;border:3px solid transparent;box-shadow:0 0 0 1px var(--line);background-clip:padding-box}.cr-background.selected img,.cr-background.selected .cr-swatch{box-shadow:0 0 0 2px var(--brand);border-color:white}.cr-background>span:last-child{display:block;font-size:10px;line-height:1.3;margin-top:7px;min-height:26px}.cr-light{background:#efedf3}.cr-purple{background:#241544}.cr-builder input[type=range]{width:100%;padding:0;accent-color:#241544;min-height:32px;margin-top:8px}.cr-checks{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px}.cr-checks label{display:flex;flex-direction:row;align-items:center;gap:9px;min-height:44px;cursor:pointer;font-size:12px}.cr-checks input{width:18px;height:18px;min-height:18px;accent-color:#241544;margin:0;flex:none}.cr-checks label:has(input:disabled){opacity:.5}.cr-preview{position:sticky;top:25px;min-width:0;width:100%;max-width:360px;justify-self:center}.cr-preview-head{display:flex;gap:10px;justify-content:space-between;font-size:10px;color:var(--muted);margin:0 0 12px}.cr-canvas-wrap{position:relative;overflow:hidden;border-radius:17px;background:#ebe8f0;box-shadow:0 12px 42px #24154418}.cr-canvas-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:9/16}.cr-stale{opacity:.45}.cr-overlay{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:28px;font-size:14px;color:#241544;background:#f3f3f56e;pointer-events:none}.cr-preview .btn{margin-top:16px}.cr-error{font-size:12px;color:#972b45;line-height:1.6;margin:12px 0}.cr-error:empty{display:none}.cr-centered{text-align:center}.cr-edit-link{display:none}.creative-entry{display:flex;align-items:center;gap:22px;padding:24px 28px;margin-bottom:24px;background:#241544;color:#fff;border-radius:18px}.creative-entry>svg{width:34px;height:34px;flex:none}.creative-entry strong{display:block;font-size:21px;font-weight:500;margin-bottom:8px}.creative-entry small{font-size:13px;color:#d8cfe9}.creative-entry .btn{margin-left:auto;flex:none}.cr-builder button:focus-visible,.cr-builder input:focus-visible,.cr-builder select:focus-visible{outline:3px solid #8b79ab;outline-offset:4px}
@media(max-width:1200px){.cr-builder{grid-template-columns:minmax(0,1fr) minmax(0,310px);gap:22px}.cr-section{padding:21px}.cr-templates{gap:6px}.cr-template{padding:11px 8px}.cr-backgrounds{grid-template-columns:repeat(3,minmax(0,1fr))}.cr-checks{grid-template-columns:1fr}.cr-preview-head{flex-wrap:wrap}.creative-entry{flex-wrap:wrap}}
@media(max-width:980px){.cr-builder{grid-template-columns:1fr}.cr-preview{grid-row:1;position:static}.cr-settings{max-width:650px;width:100%;margin:auto}.cr-backgrounds{grid-template-columns:repeat(4,minmax(0,1fr))}.cr-checks{grid-template-columns:1fr 1fr}.cr-edit-link{display:block;font-size:12px;text-align:center;margin-top:14px;text-decoration:underline;text-underline-offset:3px}.cr-template strong{font-size:14px}.cr-template small{font-size:11px}}
@media(max-width:480px){.cr-section{padding:20px}.cr-heading h2{font-size:22px}.cr-backgrounds{grid-template-columns:repeat(3,minmax(0,1fr))}.cr-checks{grid-template-columns:1fr}.cr-template strong{font-size:12px}.cr-template small{font-size:10px}.cr-template>span{margin-bottom:10px}.cr-preview-head{font-size:9px}.cr-lot-meta strong{font-size:25px}.creative-entry{padding:22px}.creative-entry .btn{margin:0;width:100%}.creative-entry>svg{display:none}}