@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-mono-latin-400-normal-GekRknry.woff2)format("woff2"),url(/assets/roboto-mono-latin-400-normal-DBZPkcnn.woff)format("woff")}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-mono-latin-500-normal-pxIOXZmA.woff2)format("woff2"),url(/assets/roboto-mono-latin-500-normal-D6j6AMzd.woff)format("woff")}.blocklyHost{width:100%;height:100%;position:relative}.dsl{font-family:Roboto Mono,ui-monospace,monospace}:root{--font:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;--bg:#f7f7f8;--surface:#fff;--surface-muted:#f2f3f5;--text:#111;--muted:#666;--border:#0000001f;--border-strong:#0000002e;--accent:#4c97ff;--accent-strong:#4c97ffe6;--ring:#4c97ff40;--r-sm:8px;--r-md:10px;--r-lg:12px;--r-pill:999px;--s-1:6px;--s-2:8px;--s-3:10px;--s-4:12px;--s-5:14px;--shadow-md:0 8px 24px #0000001f;--shadow-lg:0 8px 24px #0000002e;--input-h:36px;--input-w:84px;--page-shell-max-width:920px;--page-shell-padding-top:20px;--page-shell-padding-x:16px;--page-shell-padding-bottom:44px;--page-shell-padding-top-desktop:26px;--page-shell-padding-x-desktop:18px;--page-shell-padding-bottom-desktop:48px;--page-section-padding:20px;--page-section-padding-desktop:24px;--page-section-gap:12px;--page-hero-padding-y:24px;--page-hero-padding-x:20px;font-family:var(--font);color:var(--text);background:var(--bg);--eteMetaBarH:38px;--eteMetaBarGap:4px;--eteCoachBarH:40px;--eteCoachBarGap:4px;--eteCoachBarShadow:2px;--etePanelsBottom:calc(var(--eteOverlayBottom,12px) + 16px);--eteSidePanelsBottom:calc(var(--eteOverlayBottom,12px) + 46px);--etePanelsTop:calc(var(--eteOverlayTop,6px) + var(--eteMetaBarH) + var(--eteMetaBarGap) + var(--eteCoachBarH) + 8px)}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);margin:0}.appGrid{grid-template-rows:1fr;grid-template-columns:1fr;gap:8px;max-width:1500px;height:100%;min-height:100dvh;margin:0 auto;padding:5px 6px 6px;display:grid}.editorColumn{flex-direction:column;gap:8px;min-width:0;min-height:0;display:flex}.editorTopRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:0 2px;display:flex}.editorTopRow .displayKicker{margin:0}.editorCard{border-radius:var(--r-sm);background:#fff;border:1px solid #ddd;flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.editorPanel{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex}.editorCanvasWrap{border-radius:var(--r-sm);background:#fff;border:1px solid #ddd;flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.editorPanel,.editorCanvasWrap,.editorStage{height:100%;position:relative}.editorBetaNotice{z-index:1200;pointer-events:auto;flex-direction:column;gap:2px;max-width:min(560px,100% - 80px);display:flex;position:absolute;bottom:10px;left:8px}.editorBetaNotice strong{letter-spacing:0;font-size:11px}.editorBetaNoticeLink{width:fit-content}.editorEmptyHintWrap{top:var(--eteWorkspaceTop,92px);z-index:1150;pointer-events:none;justify-content:center;align-items:center;padding:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.editorEmptyHint{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:min(520px,100% - 12px);color:var(--text);pointer-events:auto;background:#ffffffe6;border:1px solid #0000001f;border-radius:12px;padding:10px 12px}.editorEmptyHint strong{margin-bottom:6px;font-size:13px;display:block}.editorEmptyHint ul{flex-direction:column;gap:4px;margin:0;padding-left:16px;font-size:12px;line-height:1.35;display:flex}.editorEmptyHintPaletteLine{align-items:center;gap:6px;display:inline-flex}.editorEmptyHintPaletteButton{vertical-align:middle;border-radius:8px;min-width:22px;margin-left:6px;color:#000000b8!important;opacity:1!important;background:#00000014!important;border:1px solid #00000029!important;width:22px!important;height:22px!important}.editorEmptyHintSampleButton{color:var(--accent-strong);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.editorEmptyHintSampleButton:hover{opacity:.85}.editorEmptyHintTryLine{align-items:center;gap:6px;margin-left:-16px;list-style:none;display:inline-flex}.uiRow{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.uiSpacer{flex:1}.uiButton{height:var(--input-h);border-radius:var(--r-pill);border:1px solid var(--border-strong);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffffe6;padding:0 14px;font-weight:700}.uiButton:hover{background:#fff}.uiButton:active{transform:translateY(1px)}.uiButton:disabled{opacity:.5;cursor:default}.uiButton.icon{width:var(--input-h);height:var(--input-h);place-items:center;padding:0;display:grid}.uiButton.icon svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:block}.uiButton.danger{background:#dc26260f;border-color:#dc262659}.uiButton.danger:hover{background:#dc262614}.uiInput{height:var(--input-h);width:var(--input-w);border-radius:var(--r-md);border:1px solid var(--border);color:var(--text);background:#ffffffeb;padding:0 10px}.uiInput:focus-visible{box-shadow:0 0 0 3px var(--ring);border-color:var(--accent-strong);outline:none}.overlayControls{z-index:50;gap:10px;display:flex;position:absolute;bottom:12px;right:12px}@media (max-width:980px){.appGrid{padding:4px}.editorTopRow{gap:6px;padding:0 1px}.editorBetaNotice{left:6px;right:6px;bottom:calc(var(--eteOverlayBottom,12px) + 42px);max-width:none;font-size:11px;line-height:1.3}.editorEmptyHintWrap{top:var(--eteWorkspaceTop,88px);padding:8px}.editorEmptyHint{width:100%;max-width:420px;padding:9px 10px}.editorEmptyHint strong{font-size:12px}.editorEmptyHint ul{font-size:11px}.uiButton{padding:0 12px}.overlayControls{gap:6px}}.kbd{border:1px solid var(--border);background:#0000000a;border-radius:8px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.workspaceShell{height:100%;min-height:0;position:relative}.etePaletteOpen .eteCoachBar{pointer-events:none;opacity:.92}