.instant-preview-block{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:1rem;padding:1.5rem;border:1px solid var(--color-neutral-400);border-radius:.5rem;color:#fff;background:transparent}.instant-preview-block>.u-w-full{max-width:none}.instant-preview-block .preview-overline{margin:0;color:#fff;font-size:1rem;font-weight:600;line-height:1.5;letter-spacing:-.03em}.instant-preview-block .heading-3.u-mb-0{margin:0;color:#fff;font-size:2rem;font-weight:500;line-height:1.2;letter-spacing:-.02em}.instant-preview-block .url-build-form.u-mb-0.u-grow.form{display:block;flex:1;width:100%;min-width:0;max-width:none;margin-bottom:0}.instant-preview-block .build-form.instant-preview-form{display:grid;position:relative;grid-template-columns:minmax(0,1fr) 11.25rem;gap:1rem;width:100%;max-width:none;height:3rem;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.instant-preview-block .build-form.instant-preview-form:before{content:"";position:absolute;inset:-2px -8px;z-index:0;border-radius:.75rem;background:linear-gradient(90deg,#ff9d4d,#ff4d9d,#a855f7 66%,#3b82f6);filter:blur(14px);opacity:.25;pointer-events:none;transition:inset .2s ease}.instant-preview-block .build-form.instant-preview-form:hover:before,.instant-preview-block .build-form.instant-preview-form:focus-within:before,.instant-preview-block .build-form.instant-preview-form:has(input:not(:placeholder-shown)):before{inset:-6px -12px}.instant-preview-block .build-form.instant-preview-form>*{position:relative;z-index:1}.instant-preview-block .url-input.transparent{box-sizing:border-box;width:100%;min-width:0;height:3rem;margin:0;padding:.75rem 1rem;border:1px solid var(--color-neutral-700);border-radius:.25rem;color:var(--color-neutral-200);background:#19191e;font-size:1rem;font-weight:400;line-height:1.5;transition:border-color .2s ease,background-color .2s ease}.instant-preview-block .url-input.transparent::placeholder{color:var(--color-neutral-400);opacity:1}@media(hover:hover)and (pointer:fine){.instant-preview-block .url-input.transparent:hover{border-color:var(--color-neutral-400);background:#202026}}.instant-preview-block .url-input.transparent:focus,.instant-preview-block .url-input.transparent:focus-visible{border-color:var(--median-indigo);background:#202026;outline:none}.instant-preview-block .build-btn-wrapper{display:block;position:relative;width:100%;height:3rem}.instant-preview-block .url-build-form-btn.instant-preview-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:3rem;margin:0;padding:.75rem 1.25rem;border:0;border-radius:.25rem;color:#fff;background:#3f3edf;background-image:none;font-size:1rem;font-weight:600;line-height:1;letter-spacing:-.03em;cursor:pointer;transition:background-color .2s ease}.instant-preview-block .url-build-form-btn.instant-preview-btn:hover{background:#5452ee}.instant-preview-block .url-build-form-btn.instant-preview-btn:focus-visible{outline:2px solid var(--median-indigo-light);outline-offset:2px}.instant-preview-block .url-build-form-btn.instant-preview-btn .btn-icon{display:block;position:static;width:1.25rem;height:1.25rem;margin:0;filter:brightness(0) invert(1);transform:none;transition:transform .18s ease}.instant-preview-block .url-build-form-btn.instant-preview-btn:hover .btn-icon{transform:translate(.25rem)}.instant-preview-block .build-btn-wrapper>img.btn-icon{position:absolute;inset:0 1.25rem 0 auto;width:1.25rem;height:1.25rem;margin:auto 0;filter:brightness(0) invert(1);transform:none;pointer-events:none;transition:transform .18s ease}.instant-preview-block .build-btn-wrapper:hover>img.btn-icon{transform:translate(.25rem)}@media screen and (max-width:767px){.instant-preview-block{margin-inline:-24px;padding-inline:24px;border-width:1px 0;border-radius:0}}@media screen and (max-width:575px){.instant-preview-block .build-form.instant-preview-form{grid-template-columns:1fr;gap:.75rem;height:auto}}