/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}._container_196nj_1{display:grid;grid-template:"header player" auto "chat rendering" 1fr "chat footer" auto / 400px 1fr;grid-gap:16px;padding:16px;flex:1;overflow:auto}@media screen and (max-width: 1000px){._container_196nj_1{grid-template:"header" auto "player" auto "rendering" 600px "chat" 800px "footer" / 1fr}}._pickText_wi0r5_1{color:var(--text-color-secondary)}._availableSong_wi0r5_9{display:flex;gap:3px;align-items:center;justify-content:center;background:var(--background-color);border:1px solid var(--border-color);padding:12px 18px;border-radius:8px;cursor:pointer}._fileInput_wi0r5_33{width:0;height:0;visibility:hidden}._samples_wi0r5_45{display:flex;gap:6px}@media screen and (max-width: 1300px){._action_wi0r5_57 span,._availableSong_wi0r5_9 span{display:none}._availableSong_wi0r5_9,._action_wi0r5_57{min-height:36px;min-width:36px;padding:0!important}}._audio_179d0_1{min-width:360px}::-webkit-media-controls-panel{background:var(--background-color);border:none;outline:none;box-shadow:none}@media screen and (max-width: 1000px){._audio_179d0_1{min-width:unset;width:100%}}._container_137q0_1{display:flex;border-radius:12px;background:var(--foreground-1-color);grid-area:player;border:1px solid var(--border-color);margin-left:auto;gap:12px;padding-left:16px}._content_137q0_23{display:flex;height:72px;gap:8px;align-items:center}._title_137q0_37{display:flex;justify-items:center;align-items:center;font-weight:500;font-size:18px;padding:12px 16px;background:#164a6d;border-top-right-radius:12px;border-bottom-right-radius:12px}@media screen and (max-width: 1000px){._container_137q0_1{flex-direction:column-reverse;padding:0;width:100%}._content_137q0_23{height:unset;flex-wrap:wrap;padding:0 12px 12px;justify-content:center;gap:8px}._title_137q0_37{border-top-left-radius:12px;border-bottom-right-radius:0;justify-content:center}}._iframe_1xs6k_1{margin:0;border:none;flex:1;border-radius:12px;pointer-events:none}._container_1xs6k_17{display:flex;flex-direction:column;border-radius:12px;border:1px solid var(--border-color);padding:16px;grid-area:rendering;background:var(--foreground-1-color);gap:12px}._content_1xs6k_39{display:flex;flex:1;position:relative}._toolbar_1xs6k_51{display:flex;gap:12px}._actionGroup_1xs6k_61{display:flex}._actionGroup_1xs6k_61>button:first-child{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}._actionGroup_1xs6k_61>button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}._actionRight_1xs6k_87{margin-left:auto}._actionLabel_1xs6k_95{display:flex;align-items:center;gap:6px;margin-left:12px;color:var(--text-color-tertiary)}._actionLabel_1xs6k_95 input[type=number]{max-width:86px}@media screen and (max-width: 1000px){._toolbar_1xs6k_51{flex-direction:column}._actionRight_1xs6k_87{margin:0}._actionGroup_1xs6k_61{width:100%}._actionGroup_1xs6k_61>*{flex:1;padding:0}}._codeWidget_uwqdp_1{display:flex;flex-direction:column;position:absolute;z-index:1;width:100%;height:100%;top:0;left:0;border-radius:0 0 12px 12px;background:var(--foreground-1-color)}._messages_uwqdp_31{display:flex;flex-direction:column;gap:3px;padding:12px;height:120px;overflow:auto;border-bottom-right-radius:12px;border-bottom-left-radius:12px;background:#0003}._message_uwqdp_31{font-size:14px}._message_uwqdp_31._error_uwqdp_61{color:#d02020}._message_uwqdp_31._warning_uwqdp_67{color:#df9c21}._editorContainer_uwqdp_75{flex:1}._consoleTitle_uwqdp_83{padding:12px 8px 4px;font-weight:500;border-bottom:1px solid var(--border-color)}._container_1o7ak_1{display:flex;flex-direction:column;grid-area:chat;border:1px solid var(--border-color);border-radius:12px;background:var(--foreground-1-color);overflow:hidden}._header_1o7ak_21{margin:16px auto;width:80%;border-bottom:1px solid var(--border-color)}._logo_1o7ak_33{float:left;margin-right:24px}._title_1o7ak_43{font-weight:400;color:var(--text-color-secondary);font-size:16px}._title_1o7ak_43 b{color:#fff}ul+._promptContainer_19b5e_1{margin-top:auto}._promptContainer_19b5e_1{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border-color);padding:12px}._prompt_19b5e_1{height:48px!important;flex:1}._prompt_19b5e_1:disabled{cursor:progress}._prompt_19b5e_1::placeholder{color:var(--text-color-tertiary)}._inputContainer_19b5e_51{display:flex;align-items:center;gap:8px}._submitButton_19b5e_63:disabled{cursor:progress}._includeCodeLabel_19b5e_71{display:flex;align-items:center;gap:6px;color:var(--text-color-secondary);font-size:14px;-webkit-user-select:none;user-select:none}._suggestions_6etbs_1{display:flex;flex-direction:column;margin-top:auto;gap:6px;padding:12px}._suggestions_6etbs_1+._promptContainer_6etbs_15{margin-top:0}._suggestion_6etbs_1{background:none;border:1px solid var(--border-color);text-align:left;font-size:13px;border-radius:8px;cursor:pointer;color:var(--text-color-secondary);padding:6px 12px;transition:color .2s}._suggestion_6etbs_1:hover{color:var(--text-color-primary)}._suggestion_6etbs_1:disabled{cursor:progress}._suggestionsTitle_6etbs_59{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-color-tertiary)}._messages_1jx91_1{display:flex;flex-direction:column;gap:24px;overflow:auto;padding:16px;margin:0;list-style:none;flex:1}._message_1jx91_1{display:flex;gap:6px;flex-direction:column;border:1px solid var(--border-color);width:fit-content;padding:12px 24px 12px 32px;margin-left:24px;border-radius:12px;position:relative;max-width:90%}._userMessage_1jx91_47{align-items:flex-end;margin-left:auto;margin-right:24px;padding-right:32px;padding-left:24px;background:#4c1f7a}._messageOwner_1jx91_65{display:flex;align-items:center;font-weight:600;font-size:14px}._messageSystem_1jx91_79{font-size:13px;margin:0 auto;text-align:center;color:var(--text-color-tertiary)}._messageCode_1jx91_91{background:#251f7a;border-color:#1a164e}._messageContent_1jx91_101{font:inherit;margin:0;white-space:pre-line}._loader_1jx91_113{margin:16px auto}._userAvatar_1jx91_121,._avatar_1jx91_123{padding:6px;border:1px solid var(--border-color);border-radius:50%;position:absolute;left:-24px;top:-12px;background:var(--foreground-2-color)}._userAvatar_1jx91_121{display:flex;align-items:center;justify-content:center;padding:0;right:-24px;left:unset;width:48px;height:48px;font-size:22px}._currentBadge_1jx91_167{margin-left:auto;font-size:12px;font-weight:400;padding:2px 6px;background:#4d76f9;border-radius:6px}._versionButton_1jx91_185{display:flex;align-items:center;background:#4d76f9;padding:6px 8px;border-radius:6px;border:none;cursor:pointer;width:fit-content;margin-top:4px;font-size:13px;gap:3px}._container_1l3bq_1{display:flex;align-items:center;gap:4px;grid-area:header}._title_1l3bq_15{font-weight:500;font-size:24px;margin:0}._title_1l3bq_15 b{font-weight:800}._title_1l3bq_15 small{font-size:16px;color:var(--text-color-secondary);font-weight:400}._container_froza_1{display:flex;justify-content:space-around;font-size:14px;grid-area:footer}._link_froza_15:visited,._link_froza_15{color:var(--text-color-tertiary)}:root{--background-color: #07080d;--foreground-1-color: #0d0f17;--foreground-2-color: #13131d;--border-color: #2c2d38;--text-color-primary: white;--text-color-secondary: #bec8d1;--text-color-tertiary: #868d93}html,body{display:flex;height:100%;width:100%}html{background:var(--background-color);color:var(--text-color-primary);color-scheme:dark;font-style:normal;font-family:Inter,sans-serif}#root{display:flex;flex-direction:column;flex:1;overflow:auto}*:focus{outline:0}*:focus-visible{outline:solid #00e6e6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{box-shadow:inset 0 0 0 1px #0e0e0e;background:#313438;border-radius:10px}.input{border:1px solid var(--border-color);height:36px;padding:0 16px;border-radius:8px;background:none}.input option{background:var(--foreground-1-color)}.toggle{appearance:none;min-width:46px;min-height:28px;max-width:46px;max-height:28px;border-radius:14px;position:relative;cursor:pointer;border:2px solid var(--border-color)}.toggle:after{content:" ";min-height:20px;min-width:20px;border-radius:50%;position:absolute;left:2px;pointer-events:none;top:2px;transition:left .2s,background .2s;background:var(--border-color)}.toggle:checked:after{left:calc(100% - 22px);background:var(--text-color-secondary)}.button{display:flex;gap:.3em;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--border-color);background:none;border-radius:8px;cursor:pointer;color:var(--text-color-secondary);padding:8px 12px;transition:background .2s,color .2s,border-color .2s}.button:disabled{opacity:.6;cursor:not-allowed}.button.toggled{background:#a64df9;color:var(--text-color-primary);border-color:#a64df9}.button:not(:disabled):not(.toggled):hover{color:var(--text-color-primary);background:var(--border-color)}.button:not(:disabled):not(.toggled):active{color:var(--text-color-primary);background:#464757;border-color:#464757}.button.secondary{border-color:transparent}.button.large{height:48px;font-size:22px}.button.large.square{width:48px}.button.medium{height:36px;font-size:16px;border-radius:6px}.button.medium.square{width:36px}.button.small{height:24px;font-size:13px;border-radius:4px}.button.small.square{width:24px}