:root{--menu: #4c97ff;--menu-dark: #3373cc;--workspace: #e5f0ff;--panel: #ffffff;--text: #575e75;--text-dark: #575e75;--line: #d9e3ec;--motion: #4c97ff;--looks: #9966ff;--sound: #cf63cf;--events: #ffbf00;--control: #ffab19;--sensing: #5cb1d6;--operators: #59c059;--variables: #ff8c1a;--myblocks: #ff6680;--pen: #0fbd8c;--music: #bd42bd;--code-bg: #f9f9f9;--gutter: #f0f0f0;--select: #4c97ff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--workspace);color:var(--text)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}#app{height:100%;display:flex;flex-direction:column;min-width:1100px}.menu-bar{height:48px;background:var(--menu);color:#fff;display:flex;align-items:center;padding:0 12px;gap:4px;z-index:20;box-shadow:0 0 3px #00000040}.menu-left,.menu-right{display:flex;align-items:center;gap:2px}.menu-left{flex:1}.logo{display:flex;align-items:center;margin-right:8px}.menu-item{position:relative;padding:8px 12px;border-radius:4px;font-weight:700;font-size:14px}.menu-item:hover,.menu-item.open{background:var(--menu-dark)}.menu-dropdown{display:none;position:absolute;top:100%;left:0;background:#fff;color:var(--text-dark);min-width:220px;border-radius:0 0 8px 8px;box-shadow:0 4px 16px #0000002e;overflow:hidden;z-index:30}.menu-item.open .menu-dropdown{display:block}.menu-dropdown button{display:block;width:100%;text-align:left;background:none;border:0;padding:10px 16px;font-weight:500}.menu-dropdown button:hover{background:#e9f1fb}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px}.modal.hidden{display:none}.modal-card{background:#fff;color:var(--text);width:min(520px,100%);max-height:min(70vh,560px);border-radius:8px;box-shadow:0 8px 32px #00000040;display:flex;flex-direction:column}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:16px;font-weight:800}.modal-close{border:0;background:transparent;font-size:22px;line-height:1;width:32px;height:32px;border-radius:4px;color:var(--text)}.modal-close:hover{background:#e9eef4}.saves-list{overflow:auto;padding:8px;min-height:80px}.saves-empty{padding:24px 12px;text-align:center;color:#889;font-size:13px}.save-row{display:flex;align-items:center;gap:8px;padding:10px;border-radius:6px}.save-row:hover{background:#f4f7fb}.save-row.current{background:#e9f1fb;box-shadow:inset 3px 0 0 var(--select)}.save-row-info{flex:1;min-width:0}.save-row-name{font-weight:700;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.save-row-date{font-size:11px;color:#889;margin-top:2px}.save-row button{border:1px solid var(--line);background:#fff;border-radius:4px;padding:5px 10px;font-size:12px;font-weight:700}.save-row button:hover{background:#e9f1fb}.save-row .save-del{color:#ec5959}.help-wide{width:340px;padding:12px 14px;white-space:normal}.help-note{font-size:13px;line-height:1.45;font-weight:400}.help-note code{background:#f3f3f3;padding:1px 4px;border-radius:3px}.project-name{width:280px;border:0;border-radius:4px;padding:6px 12px;text-align:center;background:#00000014;color:#fff;font-weight:700}.project-name:hover,.project-name:focus{background:#fff;color:var(--text-dark);outline:none}.engine-label{font-size:11px;background:#ffab19;color:#3d2a00;padding:3px 8px;border-radius:999px;font-weight:700}.icon-btn{width:34px;height:34px;border:0;background:transparent;border-radius:4px;padding:6px;color:var(--text);display:inline-flex;align-items:center;justify-content:center}.icon-btn svg{width:20px;height:20px;display:block}.icon-btn:hover{background:#0000000f}.stage-controls .icon-btn{color:#575e75}.stage-controls .icon-btn.flag{color:#39d267}.stage-controls .icon-btn.stop{color:#ec5959}.stage-controls .icon-btn:hover{background:#fff}#stage-recompile{color:#4c97ff}.body-row{flex:1;display:flex;min-height:0;padding:8px;gap:8px}.editor-col{flex:1;display:flex;flex-direction:column;min-width:0;background:#fff;border-radius:8px 8px 0 0;overflow:hidden;box-shadow:0 0 2px #0000001f}.tab-bar{display:flex;gap:0;padding:0;background:var(--workspace)}.tab{border:0;background:transparent;color:var(--text);padding:10px 16px 8px;border-radius:8px 8px 0 0;font-weight:700;font-size:13.5px;display:inline-flex;align-items:center;gap:6px}.tab .tab-icon{display:inline-flex;color:inherit}.tab .tab-icon svg{width:16px;height:16px}.tab.active{background:#fff;color:var(--menu)}.tab-page{flex:1;display:flex;min-height:0;background:#fff}.tab-page.hidden{display:none}.palette{width:260px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#f2f6fc}.category-list{display:flex;flex-direction:column;gap:1px;padding:8px 6px 6px;border-bottom:1px solid var(--line)}.cat-btn{border:0;background:transparent;color:var(--text);font-weight:700;padding:3px 8px;font-size:12px;text-align:left;display:flex;align-items:center;gap:8px;border-radius:16px}.cat-btn .dot{width:12px;height:12px;border-radius:50%;flex:0 0 12px;box-shadow:inset 0 -1px #00000026}.cat-btn.active{background:#fff;box-shadow:0 0 0 2px #ccd6e0}.block-list{flex:1;overflow:auto;padding:10px 10px 16px}.var-tools{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.var-tools button{border:0;background:var(--variables);color:#fff;border-radius:16px;padding:6px 10px;font-size:12px;font-weight:700;box-shadow:inset 0 -2px #00000026}.var-item,.list-item{display:flex;align-items:center;gap:6px;margin:4px 0;font-size:13px}.palette-block{display:block;width:100%;border:0;color:#fff;font-weight:700;text-align:left;border-radius:5px;padding:6px 10px;margin:0 0 6px;font-size:13px;box-shadow:inset 0 -3px #00000026}.palette-block.reporter{border-radius:16px}.palette-block.boolean{border-radius:3px 16px}.palette-block.hat{border-radius:16px 16px 5px 5px}.palette-hint{font-size:11px;color:#889;padding:4px 2px 8px;line-height:1.35}.code-wrap{flex:1;display:flex;flex-direction:column;min-width:0}.code-toolbar{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;border-bottom:1px solid var(--line);font-weight:700;font-size:13px}.parse-ok{color:#2f9e44;font-size:12px;font-weight:600}.parse-err{color:#d9480f;font-size:12px;font-weight:600}.code-editor{flex:1;display:flex;min-height:0;background:var(--code-bg)}.line-numbers{width:44px;flex:0 0 44px;background:var(--gutter);color:#8b95a5;text-align:right;padding:12px 8px;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;overflow:hidden;-webkit-user-select:none;user-select:none;border-right:1px solid var(--line)}.code-scroll{flex:1;position:relative;overflow:auto;background:var(--code-bg)}.code-highlight,#code-input{margin:0;padding:12px 14px;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;-moz-tab-size:4;tab-size:4;min-height:100%;width:100%;border:0;overflow:hidden}.code-highlight{position:absolute;top:0;left:0;right:0;z-index:0;pointer-events:none;color:var(--text-dark);background:transparent}#code-input{position:relative;z-index:1;display:block;background:transparent none!important;background-color:transparent!important;color:var(--text-dark);caret-color:#222;resize:none;outline:none;min-height:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none}#code-input::selection{background:#4c97ff59}.code-scroll:not(.plain-code) #code-input{color:transparent;-webkit-text-fill-color:transparent}.code-scroll:not(.plain-code) #code-input::selection{color:transparent}.code-scroll.plain-code .code-highlight{visibility:hidden}.code-scroll.plain-code #code-input{color:var(--text-dark);-webkit-text-fill-color:var(--text-dark)}.tok-hat{color:#c48a00;font-weight:700}.tok-motion{color:#2d6cdf}.tok-looks{color:#7b4de0}.tok-sound{color:#b44db4}.tok-events{color:#c49200}.tok-control{color:#d48900}.tok-sensing{color:#2e89b0}.tok-operators{color:#2f9e44}.tok-variables{color:#e67700}.tok-myblocks{color:#e64980}.tok-pen{color:#0b9b75}.tok-music{color:#9c36b5}.tok-string{color:#c2255c}.tok-number{color:#1c7ed6}.tok-comment{color:#868e96;font-style:italic}.tok-kw{color:#d9480f;font-weight:700}.ac-menu{position:fixed;z-index:80;min-width:240px;max-width:380px;max-height:240px;overflow:auto;background:#fff;color:#3d3d3d;border:1px solid #c8c8c8;border-radius:4px;box-shadow:0 6px 20px #0000002e;font:12.5px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:4px 0}.ac-menu.hidden{display:none}.ac-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 10px;cursor:pointer}.ac-item.active,.ac-item:hover{background:#e8f0fe}.ac-left{display:flex;align-items:center;gap:8px;min-width:0}.ac-dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px}.ac-label{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ac-kind{color:#888;font-size:11px;flex:0 0 auto}.asset-list-col{width:140px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#f7f9fb}.asset-list-title{font-weight:700;padding:10px 10px 6px;font-size:13px}.asset-list{flex:1;overflow:auto;padding:0 8px 8px}.asset-card,.sprite-card{position:relative;border:2px solid transparent;background:#fff;border-radius:8px;padding:6px;margin-bottom:8px;text-align:center;cursor:pointer;box-shadow:0 0 0 1px #e0e6ed}.asset-card.selected,.sprite-card.selected,.stage-card.selected{border-color:var(--select);box-shadow:0 0 0 1px var(--select)}.asset-card canvas,.sprite-card canvas{width:100%;height:64px;object-fit:contain}.asset-card .nm,.sprite-card .nm{font-size:12px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-del{position:absolute;top:3px;right:3px;width:22px;height:22px;border:0;border-radius:50%;background:#ec5959;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;padding:0;cursor:pointer;z-index:3}.asset-card:hover .asset-del,.asset-del:focus-visible{opacity:1}.asset-del svg{width:12px;height:12px;stroke-width:2.4}.asset-del:hover{background:#d44545}.asset-del[data-tip]{position:absolute}.asset-add-row,.icon-row,.sprite-add,.paint-actions{display:flex;flex-wrap:wrap;gap:2px;padding:6px;align-items:center}.asset-add-row .icon-btn,.sprite-add .icon-btn{background:#fff;border:1px solid var(--line)}.paint-wrap,.sound-wrap{flex:1;display:flex;flex-direction:column;min-width:0}.paint-toolbar{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;border-bottom:1px solid var(--line);z-index:2}.paint-actions{padding:0;gap:2px}.paint-act{color:#575e75;width:32px;height:32px;border-radius:4px}.paint-act svg{width:18px;height:18px}.paint-act:hover{background:#e9eef4}.paint-act.active{background:var(--menu);color:#fff}.paint-act[data-paint=redo]{margin-right:8px}.paint-act[data-paint=clear]{margin-left:8px}.paint-main{flex:1;display:flex;min-height:0}.paint-tools{width:48px;padding:8px 4px;display:flex;flex-direction:column;gap:4px;background:#f4f7fa;border-right:1px solid var(--line);z-index:2;overflow:visible}.tool-btn{width:40px;height:36px;border:1px solid transparent;background:transparent;border-radius:6px;color:var(--text);display:flex;align-items:center;justify-content:center;padding:0}.tool-btn svg{width:20px;height:20px}.tool-btn:hover{background:#e6eef6}.tool-btn.active{background:var(--menu);color:#fff}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;z-index:40;left:50%;top:calc(100% + 6px);transform:translate(-50%);background:#4d555e;color:#fff;font-size:11px;font-weight:700;letter-spacing:.01em;line-height:1;padding:5px 7px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:0 1px 4px #0003}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1}.paint-tools [data-tip]:after{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.paint-zoom-bar [data-tip]:after{top:auto;bottom:calc(100% + 6px)}.paint-stage{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.paint-canvas-wrap{flex:1;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;overflow:auto;min-height:0}.paint-canvas-inner{position:relative;min-width:100%;min-height:100%}#paint-artboard{position:relative;display:block;background:#ffffffb8;box-shadow:0 1px 8px #0000001f;overflow:hidden}#paint-svg-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none;overflow:hidden}#paint-canvas{position:relative;display:block;width:100%;height:100%;background:transparent;cursor:crosshair}.paint-zoom-bar{display:flex;align-items:center;justify-content:flex-end;gap:2px;padding:4px 8px;border-top:1px solid var(--line);background:#f7f9fb;z-index:2}.paint-zoom-bar .icon-btn{width:28px;height:28px;color:#575e75}.paint-zoom-bar .icon-btn:hover{background:#e9eef4}.paint-zoom-pct{border:0;background:transparent;font-weight:700;font-size:12px;min-width:48px;color:#575e75;padding:4px 6px;border-radius:4px}.paint-zoom-pct:hover{background:#e9eef4}.paint-side{width:168px;padding:10px;border-left:1px solid var(--line);overflow:auto}.paint-mode-toggle{display:grid;grid-template-columns:1fr 1fr;margin:10px 0 12px;border:1px solid var(--line);border-radius:6px;overflow:hidden}.paint-mode-toggle button{border:0;background:#eef2f6;color:#575e75;padding:8px 4px;font-size:12px;font-weight:800;letter-spacing:.02em}.paint-mode-toggle button:hover{background:#e2e8ef}.paint-mode-toggle button.active{background:var(--menu);color:#fff}.paint-side label,.sprite-info label{display:block;margin:6px 0;font-size:12px;font-weight:700}.paint-side input,.sprite-info input,.sprite-info select,#costume-name,#sound-name{width:100%;border:1px solid var(--line);border-radius:4px;padding:4px 6px;font-weight:500}.color-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hint{font-size:11px;color:#889;max-width:420px;line-height:1.35;text-align:right}.sound-toolbar{display:flex;gap:8px;padding:8px;align-items:center}.sound-toolbar input{flex:1}#sound-wave{width:calc(100% - 16px);margin:8px;background:#1b2330;border-radius:8px}.sound-effects{display:flex;flex-wrap:wrap;gap:4px;padding:4px 8px 12px}.sound-effects .icon-btn{background:#fff;border:1px solid var(--line);color:#cf63cf}.stage-col{width:496px;display:flex;flex-direction:column;gap:6px;flex:0 0 496px}.stage-controls{display:flex;align-items:center;gap:2px;padding:0 2px}.turbo-toggle{font-size:12px;font-weight:700;margin-left:8px;color:var(--text)}.stage-frame{width:480px;height:360px;position:relative;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 0 0 1px #d0d6dc;margin:0 auto}#stage{display:block;width:480px;height:360px;outline:none}.ask-bar{position:absolute;left:0;right:0;bottom:0;background:#fffffff2;padding:8px;border-top:1px solid #ddd}.ask-bar input{width:100%;margin-top:4px}.ask-bar.hidden{display:none}.monitor-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.monitor{position:absolute;background:#ff8c1aeb;color:#fff;border-radius:6px;padding:2px 6px;font-size:12px;font-weight:700;pointer-events:none;min-width:70px}.monitor .val{background:#fff;color:#ff8c1a;padding:0 5px;border-radius:4px;margin-left:6px}.target-pane{background:#fff;border-radius:8px;flex:1;min-height:168px;display:flex;flex-direction:column;box-shadow:0 0 2px #0000001f;overflow:hidden}.sprite-info{display:flex;flex-wrap:wrap;gap:6px 10px;padding:8px 10px;border-bottom:1px solid var(--line);align-items:center;font-size:12px}.sprite-info label{margin:0;display:flex;align-items:center;gap:4px;font-weight:700}.sprite-info input,.sprite-info select{width:64px;border:1px solid var(--line);border-radius:4px;padding:3px 5px}.sprite-info .name-field input,.sprite-info .rot-field select{width:110px}.sprite-info.stage-only label:not(.name-field){display:none}.target-body{display:flex;flex:1;min-height:0}.stage-card-wrap{width:118px;padding:8px;border-right:1px solid var(--line)}.stage-card{width:100%;border:2px solid transparent;background:#fff;border-radius:8px;padding:6px 6px 8px;box-shadow:0 0 0 1px #e0e6ed;text-align:center;cursor:pointer}.stage-card canvas{width:100%;height:66px;background:#f6f8fa;border-radius:4px}.stage-card-name{font-weight:700;font-size:13px;margin-top:4px}.stage-card-bd{font-size:11px;color:var(--menu);font-weight:700;margin-top:2px;text-decoration:underline}.sprite-pane{flex:1;padding:8px;display:flex;flex-direction:column;min-width:0}.sprite-pane-head{display:flex;justify-content:space-between;align-items:center;font-weight:700}.sprite-list{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0;overflow:auto}.sprite-card{width:84px;margin-bottom:0}.stage-col.fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;width:auto;flex:1;z-index:50;background:#111;align-items:center;justify-content:center}.stage-col.fullscreen .target-pane{display:none}.stage-col.fullscreen .stage-frame,.stage-col.fullscreen #stage{width:min(96vw,1280px);height:auto;aspect-ratio:4 / 3}