.sjc{--sjc-border:#333;box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;background:#151515;color:#fff;border:1px solid var(--sjc-border);border-radius:4px;overflow:hidden;font-family:Arial,Helvetica,sans-serif;max-width:1280px;margin:24px auto;color-scheme:dark}.sjc *{box-sizing:border-box}.sjc .sjc-previews{display:flex;align-items:center;gap:8px;padding:32px 20px;background:radial-gradient(ellipse at 50% 40%,#363636,#0d0d0d 85%);min-width:0}.sjc figure{margin:0;flex:1;min-width:0}.sjc svg{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 6px #0007)}.sjc figcaption{text-align:center;text-transform:uppercase;font-size:11px;letter-spacing:4px;margin-top:8px;color:#ddd}.sjc .sjc-controls{display:flex;flex-direction:column;gap:17px;padding:27px 25px;min-width:0}.sjc label,.sjc legend{display:block;color:#ddd;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;line-height:1.5}.sjc .sjc-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sjc input,.sjc select{display:block;width:100%;border:1px solid var(--sjc-border);border-radius:0;background:#080808;color:#fff;font:600 15px Arial,sans-serif;letter-spacing:normal;text-transform:none;min-height:44px;padding:10px;margin-top:6px}.sjc fieldset{padding:0;border:0;margin:0;min-width:0}.sjc legend{padding:0;margin-bottom:7px}.sjc .sjc-styles{display:flex;flex-wrap:wrap;gap:6px}.sjc button{border:1px solid var(--sjc-border);border-radius:24px;background:transparent;color:#fff;cursor:pointer;padding:8px 12px;font:600 11px Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;min-height:34px}.sjc button[aria-pressed=true]{background:#fff;color:#080808;border-color:#fff}.sjc .sjc-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sjc .sjc-colors label{text-align:center;font-size:10px;letter-spacing:2px}.sjc input[type=color]{padding:4px;height:42px;cursor:pointer}.sjc input[type=color]::-webkit-color-swatch-wrapper{padding:0}.sjc input[type=color]::-webkit-color-swatch{border:1px solid #555}.sjc .sjc-whatsapp{display:flex;align-items:center;justify-content:center;text-align:center;min-height:52px;padding:14px 18px;background:#20cf63;border-radius:2px;color:#051b0c;text-decoration:none;font:700 12px Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;cursor:pointer}.sjc .sjc-whatsapp:hover{background:#43e781}.sjc .sjc-whatsapp[aria-disabled=true]{background:#3c5c47;color:#ddd;cursor:not-allowed}.sjc .sjc-note{font-size:12px;color:#bdbdbd;line-height:1.6;margin:0}.sjc :is(input,select,button,a):focus-visible{outline:3px solid #65ccff;outline-offset:3px}.sjc .sjc-asset-error{color:#ffc98c}@media(max-width:850px){.sjc{grid-template-columns:1fr}.sjc .sjc-previews{padding:20px;justify-content:center}.sjc figure{max-width:280px}.sjc .sjc-controls{padding:24px}}@media(max-width:420px){.sjc .sjc-controls{padding:18px 14px}.sjc .sjc-row{grid-template-columns:1fr;gap:14px}.sjc .sjc-previews{padding:22px 8px;gap:0}.sjc .sjc-colors{gap:6px}.sjc .sjc-colors label{letter-spacing:1px}.sjc .sjc-whatsapp{letter-spacing:1px}}