:root{--sky: #e6f6ff;--ink: #2b3550;--soft: #6b7590;--card: #ffffff;--line: #d6e3f0;--play: #3bb273;--stop: #e8454f;font-family:"Baloo 2",ui-rounded,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:linear-gradient(170deg,#dff1ff,#eef8ff 45%,#fff4e6);color:var(--ink);display:flex;flex-direction:column;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}body:not(.app-ready) .k-main{visibility:hidden}button{font:inherit;color:inherit}.k-top{display:flex;align-items:center;gap:10px;padding:6px 14px;height:58px;flex:none}.k-mascot{height:46px;width:auto}.k-title{margin:0;font-size:26px;font-weight:800;letter-spacing:.3px;color:#2a6bc0;white-space:nowrap}.k-title span{color:#f5862a}.k-top-end{margin-inline-start:auto;display:flex;align-items:center;gap:10px}.k-lang{display:flex;gap:2px;padding:4px;border-radius:999px;background:#fff;box-shadow:0 2px 8px #2b355018}.k-lang button{border:0;border-radius:999px;width:40px;height:32px;background:none;font-weight:800;font-size:14px;color:var(--soft);cursor:pointer}.k-lang button.on{background:#7c5cff;color:#fff}.k-robot-link{display:flex;gap:8px}.k-pill-btn{display:flex;align-items:center;gap:6px;height:44px;padding:0 16px 0 12px;border:0;border-radius:999px;cursor:pointer;background:#fff;color:var(--ink);font-weight:700;font-size:15px;white-space:nowrap;box-shadow:0 3px #0000001f,0 4px 12px #2b355022}.k-pill-btn .kb-svg{width:22px;height:22px}.k-pill-btn:active{transform:translateY(2px)}.k-pill-btn:disabled{opacity:.6;cursor:wait}#k-usb.on{background:#e3f8ea;color:#1f7a42}#k-usb.on .k-usb-icon:after{content:"";display:inline-block;width:9px;height:9px;margin-inline-start:-4px;border-radius:50%;background:#3cc46a;vertical-align:top}.k-send{background:#7c5cff;color:#fff;box-shadow:0 3px #5b3fd6,0 4px 12px #7c5cff44}@media(max-width:860px){.k-pill-btn>span:last-child{display:none}.k-pill-btn{padding:0 12px}.k-title{font-size:20px}}.k-toast{position:fixed;left:50%;top:70px;transform:translate(-50%);z-index:80;max-width:min(560px,calc(100% - 32px));padding:10px 18px;border-radius:16px;background:#2b3550;color:#fff;font-weight:600;font-size:16px;text-align:center;box-shadow:0 8px 24px #2b355044}.k-toast[hidden]{display:none}.k-toast.ok{background:#2a9b50}.k-toast.warn{background:#d98c00}.k-round{display:grid;place-items:center;border:0;border-radius:50%;cursor:pointer;padding:0;background:#fff;color:var(--ink);box-shadow:0 3px #0000001f,0 4px 12px #2b355022;transition:transform .12s ease,box-shadow .12s ease}.k-round:active{transform:translateY(2px) scale(.96);box-shadow:0 1px #0000001f}.k-round .kb-svg{width:55%;height:55%}.k-small{width:46px;height:46px}.k-play{width:78px;height:78px;background:var(--play);color:#fff;box-shadow:0 5px #278a55,0 8px 18px #3bb27355}.k-play .kb-svg{fill:#fff}.k-stop{width:58px;height:58px;background:var(--stop);color:#fff;box-shadow:0 4px #b52e37,0 6px 14px #e8454f44}.k-stop .kb-svg{fill:#fff;width:42%;height:42%}body.k-running .k-play{animation:k-pulse 1s ease-in-out infinite}@keyframes k-pulse{50%{transform:scale(1.08)}}.k-round[data-mode=follow],.k-round[data-mode=top]{background:#ffe9a8}.k-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(320px,44%) 1fr;gap:12px;padding:0 12px 12px}.k-stage,.k-code{min-height:0;min-width:0;position:relative;border-radius:24px;background:var(--card);box-shadow:0 6px 24px #2b355018;overflow:hidden}@media(max-width:860px){.k-main{grid-template-columns:1fr;grid-template-rows:42% 1fr}.k-stage .k-tools{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 24px)}.k-stage .k-mat-menu{top:68px;inset-inline-end:12px}}.view3d{position:absolute;inset:0}.view3d canvas{display:block;width:100%;height:100%;touch-action:none}.k-run{position:absolute;inset-inline-start:14px;bottom:14px;display:flex;align-items:center;gap:12px}.k-robot-buttons{position:absolute;inset-inline-end:14px;bottom:14px;display:flex;gap:8px;padding:8px;border-radius:999px;background:#f1f3f6;box-shadow:0 3px #0000001f,0 4px 12px #2b355022}.k-rbtn{width:48px;height:48px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;background:#fff;color:#3a4256;box-shadow:0 3px #b9bfcc;touch-action:none}.k-rbtn .kb-svg{width:22px;height:22px}.k-rbtn.down{transform:translateY(3px);box-shadow:0 0 #b9bfcc;background:#ffe066}.k-tools{position:absolute;inset-inline-end:12px;top:12px;display:flex;flex-direction:column;gap:10px}@media(max-height:520px){.k-tools{flex-direction:row}}.k-mat-menu{position:absolute;inset-inline-end:70px;top:12px;display:grid;grid-template-columns:repeat(2,84px);gap:10px;padding:12px;background:#fff;border-radius:20px;box-shadow:0 8px 28px #2b355033;z-index:5}.k-mat-menu[hidden]{display:none}.k-mat{border:4px solid transparent;border-radius:16px;padding:0;overflow:hidden;cursor:pointer;background:none;line-height:0}.k-mat canvas{width:76px;height:76px}.k-mat.on{border-color:#3d8ef0}.speech{position:absolute;transform:translate(-50%,-100%);pointer-events:none;background:#fff;color:var(--ink);border:2px solid #c8cdd6;border-radius:14px;padding:6px 12px;font-size:16px;max-width:220px;box-shadow:0 2px 6px #0002}.speech:empty{display:none}.k-code{display:grid;grid-template-columns:78px minmax(200px,236px) 1fr}.kb-tabs{display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px 0;background:#fff;border-inline-end:2px solid var(--line);overflow-y:auto}.kb-tab{border:0;background:none;padding:0;cursor:pointer;display:grid;justify-items:center;gap:3px;color:var(--soft)}.kb-tab-dot{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:#fff;box-shadow:inset 0 -4px 0 var(--d);transition:transform .12s}.kb-tab-dot .kb-svg{width:28px;height:28px;stroke-width:2.6}.kb-tab-name{font-size:13px;font-weight:700;line-height:1}.kb-tab.on .kb-tab-dot{transform:scale(1.08);outline:4px solid #fff;box-shadow:inset 0 -4px 0 var(--d),0 0 0 7px var(--c)}.kb-tab.on .kb-tab-name{color:var(--ink);margin-top:7px}.kb-tab.on{margin-top:5px}.k-palette-wrap{position:relative;min-height:0;background:#fff;border-inline-end:2px solid var(--line);transition:background .15s}.kb-palette{height:100%;overflow-y:auto;padding:8px 16px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.kb-palette-title{margin:4px 0 0;font-size:22px;font-weight:800}.k-palette-wrap.kb-trash{background:#ffe1e3}.k-palette-wrap.kb-trash:after{content:"";position:absolute;inset:6px;border:3px dashed var(--stop);border-radius:16px;pointer-events:none}.kb-workspace{position:relative;overflow:auto;touch-action:none;background-color:#f8fafe;background-image:radial-gradient(#d6ddea 1.6px,transparent 1.7px);background-size:26px 26px;background-attachment:local}.kb-workspace.empty:before{content:attr(data-help);position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;font-size:20px;font-weight:600;color:#a8b4c8;pointer-events:none}.kb-inner{position:relative;min-width:100%;min-height:100%}:root{--block-w: 176px;--block-h: 60px;--notch-top: 0 0, 16px 0, 22px 9px, 44px 9px, 50px 0, 100% 0;--flat-top: 0 0, 100% 0;--tab-bottom: 100% 100%, 50px 100%, 44px calc(100% + 9px) , 22px calc(100% + 9px) , 16px 100%, 0 100%;--flat-bottom: 100% 100%, 0 100%}.kb-row{position:absolute}.kb-chain{display:flex;flex-direction:column;align-items:flex-start}.kb-block{position:relative;flex:none;min-width:var(--block-w);height:var(--block-h);border-radius:12px;background:var(--c);box-shadow:inset 0 -5px 0 var(--d);display:flex;flex-direction:column;align-items:stretch;cursor:grab;touch-action:none;clip-path:polygon(var(--notch-top),var(--tab-bottom))}.kb-block:after{content:"";position:absolute;left:16px;bottom:-9px;width:34px;height:12px;background:var(--d)}.kb-head{height:var(--block-h);flex:none;display:flex;align-items:center;gap:8px;padding:0 12px 4px 10px;color:#fff}.kb-head>.kb-svg{width:32px;height:32px;flex:none;stroke-width:2.6}.kb-text{font-size:17px;font-weight:800;line-height:1;white-space:nowrap;text-shadow:0 1px 0 #0000002e}.kb-set{margin-left:auto;min-width:36px;height:30px;padding:0 9px;border:0;border-radius:999px;cursor:pointer;background:#fff;color:var(--ink);font-weight:800;font-size:17px;line-height:30px;display:grid;place-items:center;flex:none}.kb-set-pic{color:var(--c)}.kb-set-pic .kb-svg{width:22px;height:22px;stroke-width:2.4}.kb-set .kb-dot{width:18px;height:18px}.kb-palette .kb-set{pointer-events:none}.shape-hat{clip-path:polygon(var(--flat-top),var(--tab-bottom));height:calc(var(--block-h) + 10px);border-radius:34px 34px 12px 12px/22px 22px 12px 12px;padding-top:10px}.shape-cap{clip-path:polygon(var(--notch-top),var(--flat-bottom));border-radius:12px 12px 24px 24px/12px 12px 18px 18px}.shape-cap:after{display:none}.shape-c{height:auto;background:transparent;box-shadow:none}.shape-c:before{content:"";position:absolute;left:0;width:24px;top:calc(var(--block-h) - 12px);bottom:12px;background:var(--c)}.shape-c>.kb-head{position:relative;background:var(--c);border-radius:12px 12px 12px 0}.shape-c>.kb-head:after{content:"";position:absolute;left:40px;bottom:-9px;width:34px;height:12px;background:var(--c);clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,6px 100%)}.kb-mouth{position:relative;z-index:1;margin-left:24px;min-height:56px;padding:0 0 14px}.kb-mouth:empty:before{content:"";display:block;width:136px;height:42px;margin:14px 0 0 8px;border:3px dashed var(--c);border-radius:10px;background:color-mix(in srgb,var(--c) 10%,transparent)}.kb-foot{height:24px;background:var(--c);border-radius:0 12px 12px;box-shadow:inset 0 -5px 0 var(--d)}.kb-block.running{box-shadow:inset 0 0 0 4px #ffe066,inset 0 -5px 0 var(--d);filter:brightness(1.12)}.shape-c.running{box-shadow:none;filter:none}.shape-c.running>.kb-head,.shape-c.running>.kb-foot{box-shadow:inset 0 0 0 4px #ffe066}.kb-drag-layer{position:fixed;inset:0;pointer-events:none;z-index:50}.kb-ghost{position:fixed;filter:drop-shadow(0 10px 14px #0000004a)}.kb-marker{position:fixed;width:var(--block-w);height:10px;margin-top:-5px;border-radius:5px;background:#ffd23f;box-shadow:0 0 0 4px #ffd23f59}body.kb-dragging,body.kb-dragging *{cursor:grabbing!important}.kb-popup{position:fixed;z-index:60;background:#fff;border-radius:22px;padding:12px;box-shadow:0 10px 34px #2b355040;border:4px solid var(--c);display:grid;gap:8px}.kb-popup button{border:3px solid transparent;border-radius:16px;background:#f3f7fb;cursor:pointer;padding:6px;display:grid;place-items:center;color:var(--c)}.kb-popup button.on{border-color:var(--c);background:#fff}.kb-popup button:active{transform:scale(.94)}.kb-numpad{grid-template-columns:repeat(3,66px)}.kb-numpad button{height:66px;gap:2px}.kb-numpad b{font-size:24px;line-height:1;color:var(--ink)}.kb-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;max-width:46px}.kb-dots i{width:8px;height:8px;border-radius:50%;background:var(--c)}.kb-choices{grid-template-columns:repeat(4,62px)}.kb-choices button{height:62px}.kb-choices .kb-svg{width:36px;height:36px;stroke-width:2.2}.kb-dot{width:36px;height:36px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 2px #0000001a}.kb-bar{width:40px;height:22px;border-radius:8px;background:var(--sw)}.k-confirm{position:fixed;inset:0;z-index:70;display:grid;place-items:center;background:#2b355055}.k-confirm[hidden]{display:none}.k-confirm-box{background:#fff;border-radius:24px;padding:22px 26px;text-align:center;box-shadow:0 12px 40px #2b355044}.k-confirm-box p{margin:0 0 16px;font-size:20px;font-weight:600}.k-pill{border:0;border-radius:999px;padding:8px 26px;margin:0 6px;font-size:18px;font-weight:800;cursor:pointer;background:#eef2f7}.k-pill.yes{background:var(--stop);color:#fff}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:600;src:url(./baloo-2-latin-600-normal-tIfxVoAe.woff2) format("woff2"),url(./baloo-2-latin-600-normal-B4tNaogw.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(./baloo-2-latin-800-normal-BbF3Etk1.woff2) format("woff2"),url(./baloo-2-latin-800-normal-B8BXfZF7.woff) format("woff")}