.VV2FaG_pond{all:initial;box-sizing:border-box;isolation:isolate;contain:layout paint;width:100%;height:var(--shoal-height,420px);color:#eee;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;filter:none;background:#171717;border-radius:20px;min-height:180px;font:14px/1.5 ui-monospace,monospace;display:block;position:relative;overflow:hidden}.VV2FaG_pond[data-appearance=light]{color:#202020;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fafafa}.VV2FaG_pond[data-clear=true]{background:0 0}.VV2FaG_pond[data-monochrome=true]{filter:grayscale()}.VV2FaG_canvas{all:initial;border-radius:inherit;display:block;position:absolute;inset:0;overflow:hidden}.VV2FaG_error{font:inherit;color:inherit;text-align:center;place-items:center;display:grid;position:absolute;inset:0}
.IwV6Mq_dialog.IwV6Mq_dialog{--sandbox-surface:#171717;--sandbox-ink:#f5f5f5;--sandbox-muted:#929292;--sandbox-line:#353535;width:min(1040px,100vw - 48px);height:min(680px,100dvh - 64px);max-height:none;box-shadow:none;color:var(--sandbox-ink);background:0 0;border:0;border-radius:0;font-size:14px;overflow:visible}.IwV6Mq_layout{grid-template-columns:minmax(0,1fr) 320px;gap:12px;height:100%;display:grid}.IwV6Mq_stage,.IwV6Mq_inspector{background:var(--sandbox-surface);border-radius:28px;min-width:0;min-height:0;overflow:hidden}.IwV6Mq_stage{flex-direction:column;display:flex;position:relative}.IwV6Mq_stage:has(.IwV6Mq_preview:not([hidden]) [data-appearance=light]){background:#f2f2f2}.IwV6Mq_toolbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.IwV6Mq_tabs{background:#2b2b2b;border-radius:999px;padding:3px;display:flex}.IwV6Mq_tabs button,.IwV6Mq_iconButton{width:36px;height:32px;color:var(--sandbox-muted);background:0 0;border:0;border-radius:999px;flex-shrink:0;place-items:center;padding:0;display:grid}.IwV6Mq_tabs button[aria-selected=true]{color:#fff;background:#080808}.IwV6Mq_iconButton{width:32px;height:32px}.IwV6Mq_iconButton:hover{color:#fff;background:#2b2b2b}.IwV6Mq_dialog button:focus-visible,.IwV6Mq_dialog input:focus-visible,.IwV6Mq_dialog select:focus-visible,.IwV6Mq_dialog pre:focus-visible,.IwV6Mq_dialog summary:focus-visible{outline-offset:3px;outline:2px solid #aaa}.IwV6Mq_viewport{flex:1;min-height:0;position:relative}.IwV6Mq_preview{width:100%;height:100%;padding:0 16px 16px}.IwV6Mq_preview[hidden]{display:none}.IwV6Mq_play{color:#ddd;background:#292929;width:38px;height:38px;position:absolute;bottom:14px;right:14px}.IwV6Mq_inspector{flex-direction:column;display:flex}.IwV6Mq_heading{padding:17px 18px 20px}.IwV6Mq_heading>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.IwV6Mq_heading h2{letter-spacing:-.4px;margin:0;font-size:17px;font-weight:550;line-height:1.4}.IwV6Mq_heading p{color:var(--sandbox-muted);margin:13px 0 0;font-size:14px;line-height:1.5}.IwV6Mq_settings{scrollbar-width:thin;scrollbar-color:#444 transparent;overscroll-behavior:contain;flex:1;min-height:0;padding:0 18px 18px;overflow:auto}.IwV6Mq_footer{border-top:1px solid #252525;gap:8px;padding:14px 18px 18px;display:grid}.IwV6Mq_footer button{border-radius:999px;width:100%;min-height:40px;padding:10px 14px;font-size:14px}.IwV6Mq_reset{color:#c1c1c1;background:0 0;border:1px solid #3a3a3a}.IwV6Mq_copy{color:#111;background:#fff;border:0}.IwV6Mq_codeView{flex-direction:column;height:100%;display:flex}.IwV6Mq_files{scrollbar-width:thin;flex-shrink:0;gap:5px;padding:0 14px 10px;display:flex;overflow-x:auto}.IwV6Mq_files button{color:#8f8f8f;white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:7px 9px;font-size:12px}.IwV6Mq_files button[aria-pressed=true]{color:#fff;background:#2a2a2a}.IwV6Mq_codeView pre{min-height:0;font:13px/1.7 var(--font-mono), monospace;color:#ddd;tab-size:2;flex:1;margin:0;padding:18px 22px;overflow:auto}.IwV6Mq_codeMessage{color:#aaa;margin:8px 20px;font-size:13px}.IwV6Mq_srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:760px){.IwV6Mq_dialog.IwV6Mq_dialog{scrollbar-width:none;border-radius:24px;width:calc(100vw - 24px);height:calc(100dvh - 24px);overflow:auto}.IwV6Mq_layout{grid-template-columns:1fr;gap:10px;height:auto}.IwV6Mq_stage{border-radius:24px;height:min(440px,52dvh);min-height:280px}.IwV6Mq_inspector{border-radius:24px;min-height:520px}.IwV6Mq_settings{overflow:visible}.IwV6Mq_heading{padding-bottom:18px}}
.d-Ku3W_panel{color:#b5b5b5;font-size:14px}.d-Ku3W_appearance{padding:3px 0 18px}.d-Ku3W_control{gap:14px;display:grid}.d-Ku3W_group{border-top:1px solid #2d2d2d}.d-Ku3W_group>summary,.d-Ku3W_subgroup>summary{cursor:pointer;color:#e4e4e4;align-items:center;gap:8px;padding:18px 0;font-weight:500;list-style:none;display:flex}.d-Ku3W_group summary::-webkit-details-marker{display:none}.d-Ku3W_group>summary:before,.d-Ku3W_subgroup>summary:before{content:"";border-bottom:1px solid #858585;border-right:1px solid #858585;width:5px;height:5px;margin-right:3px;transform:rotate(-45deg)}.d-Ku3W_group[open]>summary:before,.d-Ku3W_subgroup[open]>summary:before{transform:rotate(45deg)translateY(-2px)}.d-Ku3W_group summary>span{color:#777;margin-left:auto;font-size:12px;font-weight:400}.d-Ku3W_groupContent{gap:18px;padding:0 0 20px;display:grid}.d-Ku3W_slider>div,.d-Ku3W_textField>span{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.d-Ku3W_slider label{min-width:0}.d-Ku3W_slider input[type=number]{color:#ddd;text-align:center;background:#272727;border:1px solid #363636;border-radius:7px;width:65px;padding:5px 3px;font-size:13px}.d-Ku3W_slider input[type=range]{accent-color:#ccc;cursor:pointer;width:100%;height:4px;margin:8px 0;display:block}.d-Ku3W_toggleRow{cursor:pointer;align-items:center;gap:12px;min-height:24px;display:flex;position:relative}.d-Ku3W_toggleRow>span:first-child{flex:1}.d-Ku3W_toggleRow input{opacity:0;cursor:pointer;z-index:1;width:36px;height:22px;margin:0;position:absolute;right:0}.d-Ku3W_switch{background:#373737;border-radius:999px;flex-shrink:0;width:36px;height:22px;position:relative}.d-Ku3W_switch:before{content:"";background:#929292;border-radius:50%;width:16px;height:16px;position:absolute;top:3px;left:3px}.d-Ku3W_toggleRow input:checked+.d-Ku3W_switch{background:#d0d0d0}.d-Ku3W_toggleRow input:checked+.d-Ku3W_switch:before{background:#171717;transform:translate(14px)}.d-Ku3W_toggleRow input:focus-visible+.d-Ku3W_switch{outline-offset:3px;outline:2px solid #aaa}.d-Ku3W_colorRow{justify-content:space-between;align-items:center;gap:10px;display:flex}.d-Ku3W_colorRow>label{flex:1;line-height:1.45}.d-Ku3W_colorInput{background:#242424;border:1px solid #343434;border-radius:8px;align-items:center;gap:5px;padding:4px;display:flex}.d-Ku3W_colorInput input[type=color]{cursor:pointer;background:0 0;border:0;width:22px;height:22px;padding:0}.d-Ku3W_colorInput input[type=color]::-webkit-color-swatch-wrapper{padding:0}.d-Ku3W_colorInput input[type=color]::-webkit-color-swatch{border:1px solid #ffffff26;border-radius:4px}.d-Ku3W_colorInput input[type=text]{color:#ddd;letter-spacing:.1px;background:0 0;border:0;width:67px;padding:1px 0;font-size:12px}.d-Ku3W_selectRow{gap:10px;display:grid}.d-Ku3W_selectRow select{color:#e5e5e5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#252525;border:1px solid #393939;border-radius:9px;width:100%;padding:10px 12px;font-size:14px}.d-Ku3W_textField{display:block}.d-Ku3W_textField small{color:#777;font-size:12px;font-weight:400}.d-Ku3W_textField input{color:#ddd;background:#252525;border:1px solid #353535;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.d-Ku3W_subgroup>summary{color:#aaa;padding:6px 0 0;font-weight:400}.d-Ku3W_subgroup[open]>summary{padding-bottom:16px}.d-Ku3W_subgroup .d-Ku3W_groupContent{padding-bottom:0}
.kSBvEa_preview{width:100%;padding:30px 24px}@media (max-width:480px){.kSBvEa_preview{padding:36px 16px}}
.n68HmG_text{all:initial;box-sizing:border-box;color:#ededed;width:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--stream-font-size,14px);font-weight:400;line-height:var(--stream-line-height,22px);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;background:0 0;display:block}.n68HmG_text[data-appearance=light]{color:#202020}.n68HmG_text>span{display:inline}
._9qedTW_tile{width:100%;padding:54px 28px 38px}._9qedTW_chat{text-align:left;color:#ededed;flex-direction:column;height:300px;display:flex}._9qedTW_chatHeader{justify-content:flex-end;align-items:center;padding-bottom:24px;display:flex}._9qedTW_chatHeader button{color:#ddd;background:#292929;border:0;border-radius:8px;align-items:center;gap:7px;padding:5px 9px;font-size:13px;display:flex}._9qedTW_conversation{scrollbar-width:none;flex:1;min-height:0;overflow:auto}._9qedTW_conversation::-webkit-scrollbar{display:none}._9qedTW_user{background:#262626;border-radius:18px 18px 4px;width:fit-content;max-width:88%;margin:0 0 26px auto;padding:10px 16px;font-size:14px;line-height:1.5}._9qedTW_assistant{min-width:0}._9qedTW_full{height:100%;padding:24px 20px 38px}._9qedTW_chat[data-appearance=light]{color:#202020}._9qedTW_chat[data-appearance=light] ._9qedTW_user{background:#e2e2e2}._9qedTW_chat[data-appearance=light] ._9qedTW_chatHeader button{color:#333;background:#dedede}._9qedTW_settings{color:#b5b5b5;font-size:14px}._9qedTW_select{gap:10px;margin-bottom:20px;display:grid}._9qedTW_select select{color:#eee;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#252525;border:1px solid #393939;border-radius:9px;width:100%;padding:10px 12px}._9qedTW_settings details{border-top:1px solid #303030}._9qedTW_settings summary{cursor:pointer;color:#e5e5e5;padding:18px 0;font-weight:500;list-style:none}._9qedTW_settings summary::-webkit-details-marker{display:none}._9qedTW_settings summary:before{content:"›";color:#888;margin-right:9px;display:inline-block}._9qedTW_settings details[open]>summary:before{transform:rotate(90deg)}._9qedTW_fields{gap:20px;padding-bottom:22px;display:grid}._9qedTW_numberSetting{gap:11px;display:grid}._9qedTW_numberSetting>span{justify-content:space-between;align-items:center;gap:8px;display:flex}._9qedTW_value{color:#aaa;white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex}._9qedTW_value input{color:#ddd;text-align:center;background:#262626;border:1px solid #383838;border-radius:7px;width:63px;padding:5px 3px;font-size:13px}._9qedTW_numberSetting input[type=range]{accent-color:#ccc;cursor:pointer;width:100%;height:4px;margin:4px 0}._9qedTW_toggle{justify-content:space-between;align-items:center;gap:12px;display:flex}._9qedTW_toggle input{accent-color:#ccc;cursor:pointer;width:18px;height:18px}._9qedTW_message{gap:10px;display:grid}._9qedTW_message textarea{resize:vertical;color:#ddd;background:#252525;border:1px solid #3a3a3a;border-radius:9px;width:100%;padding:11px;font-size:14px;line-height:1.5}._9qedTW_note{color:#888;margin-top:14px;font-size:12px;line-height:1.6}@media (max-width:600px){._9qedTW_tile{padding-inline:16px}._9qedTW_full{padding:12px 0 38px}._9qedTW_chatHeader{padding-bottom:18px}}