.H8kM3a_generator{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff14;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:1px;margin:80px 32px 128px;display:grid;overflow:clip}.H8kM3a_pane{background:#08090a;min-width:0;padding:32px}.H8kM3a_pane[data-form]{background:#0b0c0e}.H8kM3a_paneHead{justify-content:space-between;align-items:center;gap:16px;min-height:32px;display:flex}.H8kM3a_paneHead h2{color:#f7f8f8;letter-spacing:-.012em;margin:0;font-size:17px;font-weight:510;line-height:1.4}.H8kM3a_note{color:#62666d;text-wrap:pretty;max-width:52ch;margin:8px 0 0;font-size:13px;line-height:1.55}.H8kM3a_example{color:#d0d1d6;font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin-top:14px;padding:0;font-size:14px;-webkit-text-decoration:underline #fff3;text-decoration:underline #fff3;transition:color .15s,text-decoration-color .15s}.H8kM3a_example:hover{color:#fff;text-decoration-color:#fff9}.H8kM3a_form{gap:20px;margin-top:28px;display:grid}.H8kM3a_field{gap:8px;display:grid}.H8kM3a_field>span{color:#8a8f98;font-size:13px;font-weight:510}.H8kM3a_input{color:#f7f8f8;width:100%;min-height:40px;font:inherit;background:#ffffff0a;border:0;border-radius:10px;outline:none;padding:9px 12px;font-size:14px;line-height:1.5;transition:box-shadow .15s,background-color .15s;box-shadow:inset 0 0 0 1px #ffffff14}.H8kM3a_input::placeholder{color:#62666d}.H8kM3a_input:hover{box-shadow:inset 0 0 0 1px #ffffff1f}.H8kM3a_input:focus{background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff3d}textarea.H8kM3a_input{resize:vertical;min-height:104px}select.H8kM3a_input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238a8f98' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.H8kM3a_primary{color:#08090a;min-height:44px;font:inherit;cursor:pointer;background:#e5e5e6;border:1px solid #e5e5e6;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:15px;font-weight:510;transition:background-color .16s,opacity .16s,transform .16s;display:inline-flex;box-shadow:0 5px 2px #00000003,0 3px 2px #0000000a,0 1px 1px #00000012,0 0 1px #00000014}.H8kM3a_primary:hover:not(:disabled){background:#fff}.H8kM3a_primary:active:not(:disabled){transform:scale(.98)}.H8kM3a_primary:disabled{opacity:.35;cursor:default}.H8kM3a_form .H8kM3a_primary{justify-self:start;margin-top:8px}.H8kM3a_secondary{color:#d0d1d6;align-items:center;gap:9px;min-height:44px;font-size:15px;font-weight:510;transition:color .16s;display:inline-flex}.H8kM3a_secondary:hover{color:#fff}.H8kM3a_secondary svg{transition:transform .15s}.H8kM3a_secondary:hover svg{transform:translate(3px)}.H8kM3a_result{position:sticky;top:96px}.H8kM3a_copy{color:#d0d1d6;height:32px;font:inherit;cursor:pointer;background:#ffffff0f;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:510;transition:background-color .15s,color .15s,opacity .15s;display:inline-flex}.H8kM3a_copy:hover:not(:disabled){color:#fff;background:#ffffff1a}.H8kM3a_copy:disabled{opacity:.4;cursor:default}.H8kM3a_output{margin-top:24px}.H8kM3a_empty{color:#62666d;text-align:center;text-wrap:balance;margin:0;padding:72px 0;font-size:15px}.H8kM3a_outputSection{border-top:1px solid #ffffff14;padding:20px 0}.H8kM3a_outputSection:last-child{border-bottom:1px solid #ffffff14}.H8kM3a_outputSection h3{color:#8a8f98;margin:0 0 10px;font-size:13px;font-weight:510}.H8kM3a_outputSection ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.H8kM3a_outputSection li{color:#d0d6e0;white-space:pre-line;text-wrap:pretty;font-size:15px;line-height:1.6}.H8kM3a_error{color:#ff8a80;margin:16px 0 0;font-size:14px}.H8kM3a_actions{flex-wrap:wrap;align-items:center;gap:12px 27px;margin-top:28px;display:flex}.H8kM3a_guide{gap:40px;display:grid}.H8kM3a_guide>p{color:#d0d6e0;text-wrap:pretty;max-width:38ch;margin:0;font-size:24px;line-height:1.33}.H8kM3a_guideBlock{border-top:1px solid #ffffff14;padding-top:28px}.H8kM3a_guideBlock h3{color:#8a8f98;margin:0 0 10px;font-size:13px;font-weight:510}.H8kM3a_guideBlock p{color:#b4bcd0;text-wrap:pretty;max-width:60ch;margin:0;font-size:16px;line-height:1.65}.H8kM3a_guideBlock p+p{color:#62666d;margin-top:12px;font-size:14px}.H8kM3a_guideBlock[data-example] p{color:#f7f8f8;white-space:pre-line;font-size:17px;line-height:1.6}.H8kM3a_guideLink{justify-self:start;margin-top:-12px}@media (max-width:1024px){.H8kM3a_generator{margin-inline:16px}}@media (max-width:860px){.H8kM3a_generator{grid-template-columns:minmax(0,1fr)}.H8kM3a_result{position:static}}@media (max-width:760px){.H8kM3a_generator{margin:56px 0 80px}.H8kM3a_pane{padding:24px 20px}.H8kM3a_guide>p{font-size:19px}.H8kM3a_empty{padding:40px 0}}