@layer components{.mm-copy-icon{background-image:url("data:image/svg+xml,%3Csvg style='width: 16px; height: 16px;' aria-hidden='true' focusable='false' data-prefix='fas' data-icon='copy' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23cccccc' d='M320 448v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V120c0-13.255 10.745-24 24-24h72v296c0 30.879 25.121 56 56 56h168zm0-344V0H152c-13.255 0-24 10.745-24 24v368c0 13.255 10.745 24 24 24h272c13.255 0 24-10.745 24-24V128H344c-13.2 0-24-10.8-24-24zm120.971-31.029L375.029 7.029A24 24 0 0 0 358.059 0H352v96h96v-6.059a24 24 0 0 0-7.029-16.97z'%3E%3C/path%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:cover;width:13px;height:15px;margin-left:5px;display:inline-block}.mm-mockup-nr:hover{cursor:pointer;color:#3766f6}.mm-mockup-nr>span.click{opacity:0;color:gray;font-size:.75rem;text-decoration:none;display:block}.mm-mockup-nr:hover>span.click{opacity:1}.mockup-api-content{padding-right:32px}.mockup-api-card{background:#fff;border:1px solid #eceef3;border-radius:12px;box-shadow:0 6px 22px #141c2d0d}.mockup-api-key-row{align-items:stretch;gap:8px;max-width:980px;display:flex}.mockup-api-key-row .form-control{min-width:0;font-family:monospace}.mockup-api-key-row .form-control,.mockup-api-key-row .btn{box-sizing:border-box;height:48px;min-height:48px}.mockup-api-key-row .btn{justify-content:center;align-items:center;min-width:104px;padding:0 16px;display:inline-flex}.mockup-api-plan-badge{color:#3766f6;background:#f1f4ff;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.mockup-api-upgrade{background:#fafbff;border:1px solid #e4e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:24px;margin-top:20px;padding:18px 20px;display:flex}.mockup-api-benefits{color:#616774;margin:8px 0 0;padding-left:20px;font-size:.875rem}.mockup-api-quickstart{color:#f7f7f9;white-space:pre;background:#171923;border-radius:8px;padding:14px 16px;font-family:monospace;font-size:.82rem;overflow-x:auto}.mockup-api-dropzone{background:#fafbfc;border:1px dashed #c9ced8;border-radius:10px;padding:20px}.mockup-api-empty{text-align:center;padding:48px 24px}.mockup-api-card :focus-visible{outline-offset:2px;outline:3px solid #3766f659}@media (max-width:767px){.mockup-api-content{padding-right:16px}.mockup-api-key-row{flex-direction:column}.mockup-api-key-row .btn{min-height:44px}.mockup-api-upgrade{flex-direction:column;align-items:stretch}.mockup-api-upgrade .btn{width:100%}}.mockup-api-content .mm-api-card-figure{background:#fff;border-radius:.25rem;padding:1.5rem;box-shadow:0 .5rem 1rem #00000026}.mockup-api-content .mm-api-progress{background:#e9ecef;border-radius:.25rem;height:1rem;font-size:.75rem;line-height:0;display:flex;overflow:hidden}.mockup-api-content .mm-api-progress-bar{color:#fff;text-align:center;white-space:nowrap;background:var(--color-primary,#f73767);flex-direction:column;justify-content:center;line-height:1rem;transition:width .6s;display:flex;overflow:hidden}.mockup-api-content .mm-api-progress-bar.is-striped{background-image:linear-gradient(45deg,#ffffff26 25%,#0000 25% 50%,#ffffff26 50% 75%,#0000 75%,#0000);background-size:1rem 1rem}.mockup-api-content .mm-api-table{border-collapse:collapse;text-align:center;border:1px solid #dee2e6;width:100%;margin-top:.5rem;margin-bottom:1rem}.mockup-api-content .mm-api-table th,.mockup-api-content .mm-api-table td{vertical-align:top;border:1px solid #dee2e6;padding:.3rem}.mockup-api-content .mm-api-table th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.mockup-api-content .mm-api-loader-overlay{z-index:9998;background:#00000080;position:fixed;inset:0}.mockup-api-content .mm-api-loader{z-index:9999;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}}