.cx{max-width:1100px;margin:0 auto;padding:32px 24px 80px}.cx-back{color:var(--muted,#6b7280);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:18px;font-size:13px;font-weight:600;display:inline-flex}.cx-back:hover{color:#2b7cc4}.cx-steps{gap:8px;margin-bottom:22px;display:flex}.cx-step{background:#e3e8f0;border-radius:4px;flex:1;height:4px}.cx-step.on{background:#2b7cc4}.cx-h1{letter-spacing:-1px;margin-bottom:6px;font-size:30px;font-weight:900}.cx-sub{color:#6b7280;margin-bottom:26px;font-size:15px}.cx-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.cx-prod{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #e3e8f0;border-radius:16px;padding:0;transition:all .2s;overflow:hidden}.cx-prod:hover{border-color:#2b7cc4;transform:translateY(-3px);box-shadow:0 16px 36px #2b7cc429}.cx-prod-img{aspect-ratio:4/3;background:linear-gradient(135deg,#eef1f7,#dfe4ee);place-items:center;display:grid;overflow:hidden}.cx-prod-img img{object-fit:cover;width:100%;height:100%;transition:transform .55s}.cx-prod:hover .cx-prod-img img{transform:scale(1.07)}.cx-prod-img .em{opacity:.7;font-size:38px;transition:all .35s}.cx-prod:hover .cx-prod-img .em{opacity:1;transform:scale(1.1)}.cx-prod-body{padding:13px 15px 16px}.cx-prod h4{margin:4px 0 2px;font-size:15px;font-weight:700}.cx-prod .cat{letter-spacing:1px;text-transform:uppercase;color:#2b7cc4;font-size:11px;font-weight:700}.cx-prod .pf{color:#6b7280;margin-top:5px;font-size:12px}@media (max-width:860px){.cx-grid{grid-template-columns:1fr 1fr}}.cx-config{grid-template-columns:1fr 1fr;align-items:start;gap:32px;display:grid}@media (max-width:860px){.cx-config{grid-template-columns:1fr}}.cx-preview-wrap{position:sticky;top:90px}.cx-stage{background:#f4f6fa;border-radius:18px;place-items:center;min-height:340px;padding:34px;display:grid}.cx-area{background:#fff;width:100%;max-width:360px;position:relative;box-shadow:0 10px 30px #34435a29}.cx-bleed{border:2px solid #e0457b99;border-radius:2px;position:absolute;inset:0}.cx-safe{border:1.5px dashed #9aa3b2;position:absolute;inset:9%}.cx-logo{object-fit:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cx-empty{color:#9aa3b2;text-align:center;font-size:13px}.cx-legend{color:#6b7280;justify-content:center;gap:18px;margin-top:14px;font-size:11px;display:flex}.cx-legend i{vertical-align:middle;border-top:2px solid;width:14px;height:0;margin-right:5px;display:inline-block}.cx-panel h3{margin-bottom:2px;font-size:20px;font-weight:800}.cx-panel .meta{color:#6b7280;margin-bottom:18px;font-size:13px}.cx-drop{text-align:center;cursor:pointer;border:2px dashed #c9d3e0;border-radius:14px;padding:24px;transition:all .16s}.cx-drop:hover{background:#f7fafd;border-color:#2b7cc4}.cx-drop input{display:none}.cx-drop .big{font-size:15px;font-weight:700}.cx-drop .sm{color:#9aa3b2;margin-top:4px;font-size:12px}.cx-check{border-radius:12px;margin-top:14px;padding:14px 16px;font-size:13px;line-height:1.5}.cx-check.ok{color:#16794b;background:#e7f6ee}.cx-check.warn{color:#b5295a;background:#fdecef}.cx-check b{margin-bottom:2px;font-weight:800;display:block}.cx-field{margin-top:16px}.cx-field label{letter-spacing:.5px;text-transform:uppercase;color:#6b7280;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.cx-field input,.cx-field textarea{border:1.5px solid #e3e8f0;border-radius:10px;width:100%;padding:11px 13px;font-family:inherit;font-size:14px}.cx-field input:focus,.cx-field textarea:focus{border-color:#2b7cc4;outline:none}.cx-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cx-range{width:100%}.cx-specs{background:#f4f6fa;border-radius:14px;margin-top:18px;padding:16px 18px}.cx-specs .t{letter-spacing:1.2px;text-transform:uppercase;color:#2b7cc4;margin-bottom:10px;font-size:11px;font-weight:800}.cx-specs .r{border-bottom:1px solid #e6eaf1;justify-content:space-between;padding:5px 0;font-size:13px;display:flex}.cx-specs .r:last-child{border-bottom:none}.cx-specs .r span{color:#6b7280}.cx-specs .r b{text-align:right;font-weight:700}.cx-submit{color:#fff;cursor:pointer;background:#2b7cc4;border:none;border-radius:100px;width:100%;margin-top:22px;padding:15px;font-size:15px;font-weight:800;transition:all .16s}.cx-submit:hover{background:#1f5e97}.cx-submit:disabled{cursor:not-allowed;background:#c9d3e0}.cx-done{text-align:center;max-width:560px;margin:40px auto}.cx-done .ring{color:#16794b;background:#e7f6ee;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 18px;font-size:30px;display:grid}.cx-done h2{letter-spacing:-.5px;margin-bottom:8px;font-size:26px;font-weight:900}.cx-done p{color:#6b7280}.cx-packet{text-align:left;white-space:pre-wrap;background:#f4f6fa;border-radius:14px;margin:22px 0;padding:20px;font-family:ui-monospace,Menlo,monospace;font-size:13px;line-height:1.7}