.sim-wrapper{box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:600px;overflow-x:hidden;width:100%}.sim-wrapper .sim-canvas-container{margin:0 auto;max-width:600px;overflow:hidden;width:100%}.sim-wrapper .sim-canvas-container canvas{display:block;height:auto;max-width:100%;width:100%}.sim-wrapper .sim-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.sim-wrapper .sim-upload{align-items:center;background:#fff;border:1px solid #d0d5dd;border-radius:.375rem;cursor:pointer;display:inline-flex;gap:.5rem;padding:.5rem 1rem}.sim-wrapper .sim-upload input[type=file]{left:-9999px;position:absolute}.sim-wrapper .sim-upload span{font-weight:500}.sim-wrapper .sim-color-toggle{border:1px solid #d0d5dd;border-radius:.375rem;display:inline-flex;gap:.25rem;overflow:hidden}.sim-wrapper .sim-color-toggle button{background:#fff;border:0;cursor:pointer;font-weight:500;padding:.5rem .875rem}.sim-wrapper .sim-color-toggle button.active{background:#1f2937;color:#fff}.sim-wrapper .sim-color-toggle button:disabled{color:#9ca3af;cursor:not-allowed}.sim-wrapper .sim-cta-whatsapp{background:#25d366;border:0;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:600;padding:.625rem 1rem}.sim-wrapper .sim-cta-whatsapp:hover{background:#1da851}.sim-wrapper .sim-error{background:#fee4e2;border-radius:.375rem;color:#b42318;font-size:.875rem;padding:.5rem .75rem}.sim-wrapper .sim-error[hidden]{display:none}.sim-wrapper.is-loading{opacity:.7;pointer-events:none}@media(max-width:480px){.sim-wrapper .sim-controls{align-items:stretch;flex-direction:column}.sim-wrapper .sim-color-toggle,.sim-wrapper .sim-cta-whatsapp,.sim-wrapper .sim-upload{justify-content:center;width:100%}}