.example-player[data-v-22a82a42]{margin-top:10px}button[data-v-22a82a42]{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#f5fbf9;color:#258378;border:1px solid #b6d8d1;border-radius:var(--hoj-ui-radius-md,12px);min-width:40px;min-height:40px;padding:8px 12px;font:inherit;font-size:14px;cursor:pointer}button[data-v-22a82a42]:hover{background:#e6f5ef}button[data-v-22a82a42]:active{transform:translateY(1px)}button[data-v-22a82a42]:disabled{opacity:.5;cursor:not-allowed}button[data-v-22a82a42]:focus-visible{outline:3px solid #428f9d;outline-offset:2px}.example-stage[data-v-22a82a42]{margin-top:10px;aspect-ratio:480/280;overflow:hidden;position:relative;background:#f2f8f9;border-radius:var(--hoj-ui-radius-sm,8px)}.example-world[data-v-22a82a42]{position:absolute;width:480px;height:280px;transform-origin:top left}.example-world iframe[data-v-22a82a42]{position:absolute;left:-360px;top:-90px;width:480px;height:280px;transform:scale(2);transform-origin:top left;border:0}.example-origin[data-v-22a82a42]{position:absolute;left:100px;top:225px;color:#65848a;font-size:14px}.example-motion[data-v-22a82a42]{position:absolute;inset:0;width:480px;height:280px;pointer-events:none}.lifted-note[data-v-22a82a42]{display:block;color:#597e83;font-size:12px;margin:0 0 10px}.example-body p[data-v-22a82a42]{margin:12px 0;color:#507780;font-size:14px;line-height:1.75}.example-replay[data-v-22a82a42]{margin-left:auto}.example-controls[data-v-22a82a42]{display:flex;align-items:center;gap:10px}.example-controls span[data-v-22a82a42]{font-size:12px;color:#507780}.example-code[data-v-22a82a42]{margin:0;padding:12px;background:#f4f8fa;color:#63838a;line-height:1.8;font:14px/1.8 Consolas,monospace;white-space:pre-wrap}.example-code .current[data-v-22a82a42]{color:#146e66;font-weight:700;background:#dfefe8}@media(prefers-reduced-motion:reduce){button[data-v-22a82a42]:active{transform:none}}.turtle-example-dialog{max-width:calc(100vw - 32px);margin-top:7vh!important}.turtle-example-dialog .el-dialog__body{padding:12px 22px 22px;max-height:78vh;overflow-y:auto}.turtle-workshop[data-v-015d3f3a]{--studio-ink:#27495f;--studio-muted:#658194;--studio-accent:#258e83;--studio-border:var(--hoj-ui-soft-border,#dae8ed);min-height:calc(100vh - 64px);padding:20px 24px 0;color:var(--studio-ink);background:#effaff url(/img/turtle-workshop/studio-frame-v2.png) top/100% 100% no-repeat;letter-spacing:0;box-sizing:border-box}.turtle-workshop [data-v-015d3f3a],.turtle-workshop [data-v-015d3f3a]:after,.turtle-workshop [data-v-015d3f3a]:before{box-sizing:border-box}.studio-content[data-v-015d3f3a]{max-width:1800px;margin:auto;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(440px,1fr);gap:18px 24px}.studio-heading[data-v-015d3f3a]{min-width:0;padding-left:145px}.back-course[data-v-015d3f3a]{display:inline-flex;gap:8px;align-items:center;color:#587b89;font-size:13px;text-decoration:none;margin-bottom:12px}.studio-heading h1[data-v-015d3f3a]{margin:0;color:#1d4866;font-size:28px;line-height:1.4;font-weight:750}.studio-heading h1 span[data-v-015d3f3a]{white-space:nowrap}.studio-heading p[data-v-015d3f3a]{font-size:14px;margin:8px 0 0;color:#597586;line-height:1.6}.studio-stations[data-v-015d3f3a]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-self:center;margin:10px 0 0}.studio-stations button[data-v-015d3f3a]{display:flex;align-items:center;gap:10px;min-width:0;min-height:65px;text-align:left;padding:11px 12px;background:hsla(0,0%,100%,.9);border:1px solid var(--studio-border);border-radius:var(--hoj-ui-radius-md,12px);color:#34566a;cursor:pointer;transition:background .18s,box-shadow .18s,border-color .18s}.studio-stations button.active[data-v-015d3f3a]{border-color:var(--studio-accent);background:#fafffd;box-shadow:inset 0 -2px #258e83}.station-number[data-v-015d3f3a]{display:grid;place-items:center;flex:0 0 32px;height:32px;background:#edf4f7;color:#315c70;border-radius:50%;font-size:14px;font-weight:700}.active .station-number[data-v-015d3f3a],.completed .station-number[data-v-015d3f3a]{color:#fff;background:var(--studio-accent)}.completed .station-number[data-v-015d3f3a]{background:#49885e}.studio-stations strong[data-v-015d3f3a]{display:block;font-size:15px}.studio-stations small[data-v-015d3f3a]{display:block;margin-top:5px;font-size:12px;line-height:1.4;overflow-wrap:anywhere;color:#607d89}.drawing-workbench[data-v-015d3f3a]{grid-column:1/-1;min-width:0}.workbench-columns[data-v-015d3f3a]{display:grid;grid-template-columns:minmax(245px,.96fr) minmax(265px,1fr) minmax(0,2.14fr);gap:14px;align-items:stretch}.canvas-side[data-v-015d3f3a],.code-side[data-v-015d3f3a],.teaching-side[data-v-015d3f3a]{min-width:0;border:1px solid var(--studio-border);border-radius:var(--hoj-ui-radius-lg,16px);background:var(--hoj-ui-card-bg-strong,hsla(0,0%,100%,.98));box-shadow:var(--hoj-ui-card-shadow,0 12px 30px rgba(36,71,90,.050980392156862744));overflow:hidden}.lesson-note[data-v-015d3f3a]{display:flex;flex-direction:column;gap:18px;padding:24px 22px}.lesson-note h2[data-v-015d3f3a]{font-size:23px;color:#194d6c;font-weight:700;line-height:1.45;margin:0;padding:2px 0 8px;border-bottom:3px solid #d5ecf4}.lesson-concept[data-v-015d3f3a]{font-size:15px;line-height:1.9;margin:0}.teaching-illustration[data-v-015d3f3a]{display:flex;align-items:center;justify-content:center;gap:10px;height:112px}.teaching-illustration img[data-v-015d3f3a]{width:130px;height:105px;-o-object-fit:contain;object-fit:contain;mix-blend-mode:multiply}.teaching-illustration>div[data-v-015d3f3a]{display:flex;flex-direction:column;align-items:center;gap:8px;color:#368d89;min-width:80px}.teaching-illustration span[data-v-015d3f3a]{font-size:14px}.teaching-illustration i[data-v-015d3f3a]{font-size:42px}.example-snippet[data-v-015d3f3a]{padding:12px 14px;background:#f1f8f9;border-radius:var(--hoj-ui-radius-sm,8px)}.example-snippet h3[data-v-015d3f3a]{font-size:14px;color:#325e71;margin:0 0 9px}.example-snippet pre[data-v-015d3f3a]{margin:0;padding:9px 10px;background:hsla(0,0%,100%,.6509803921568628);border:1px solid #e4eef0;border-radius:var(--hoj-ui-radius-sm,8px);font:14px/1.7 Consolas,Microsoft YaHei,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.mission-brief[data-v-015d3f3a]{display:flex;gap:10px;padding:14px;background:#fff8e9;border-radius:var(--hoj-ui-radius-sm,8px);color:#724e21}.mission-brief>i[data-v-015d3f3a]{font-size:24px;color:#cf8a25}.mission-brief strong[data-v-015d3f3a]{font-size:16px}.mission-brief p[data-v-015d3f3a]{font-size:14px;line-height:1.75;margin:6px 0 0;color:#526674}.concept-detail[data-v-015d3f3a]{border-top:1px solid var(--studio-border);padding-top:8px}.concept-detail summary[data-v-015d3f3a]{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:600;padding:9px 0;color:#456780;cursor:pointer;list-style:none}.concept-detail summary i[data-v-015d3f3a]:last-child{margin-left:auto}.concept-detail p[data-v-015d3f3a]{margin:6px 0 0;font-size:13px;line-height:1.8;color:#607480}.code-side[data-v-015d3f3a]{display:flex;flex-direction:column}.editor-heading[data-v-015d3f3a]{display:flex;flex-shrink:0;justify-content:space-between;align-items:center;min-height:52px;background:#f4f7fa;border-bottom:1px solid #e4edf0;padding:8px 16px;font-size:15px}.editor-heading i[data-v-015d3f3a]{margin-right:5px}.editor-heading button[data-v-015d3f3a]{width:32px;height:32px;border:0;background:transparent;color:#426783;font-size:22px;cursor:pointer}.code-side>.vue-codemirror-wrap[data-v-015d3f3a]{flex:1 1 0;min-height:220px;overflow:hidden}.editor-foot[data-v-015d3f3a]{display:flex;flex-shrink:0;justify-content:space-between;gap:8px;border-top:1px solid #e8eff3;padding:9px 14px;font-size:11px;color:#78929e}.editor-actions[data-v-015d3f3a]{flex-shrink:0;display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;gap:10px;padding:14px;border-top:1px solid #e8eff3}button[data-v-015d3f3a]{font-family:inherit;letter-spacing:0}button[data-v-015d3f3a]:disabled{cursor:not-allowed}.editor-actions button[data-v-015d3f3a]{height:46px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--hoj-ui-radius-md,12px);font-size:15px;cursor:pointer;transition:transform .16s,box-shadow .16s,background .16s}.run-button[data-v-015d3f3a]{color:#fff;border:1px solid #23877d;background:var(--studio-accent);box-shadow:var(--hoj-ui-button-elevation,0 4px 10px rgba(32,130,118,.13333333333333333));font-weight:600}.run-button i[data-v-015d3f3a]{font-size:23px}.tool-button[data-v-015d3f3a]{border:1px solid #dce7ec;background:#f4f7fa;color:#5a7a93;font-size:21px!important}.check-button[data-v-015d3f3a]{grid-column:1/-1;color:#27877f;background:#f8fdfa;border:1px solid #95c7bd}.check-button i[data-v-015d3f3a]{font-size:21px}.editor-actions button[data-v-015d3f3a]:disabled{opacity:.48;box-shadow:none}.editor-actions button[data-v-015d3f3a]:hover:not(:disabled){box-shadow:var(--hoj-ui-button-elevation-hover,0 5px 13px rgba(53,135,125,.13333333333333333))}.editor-actions button[data-v-015d3f3a]:active:not(:disabled){transform:translateY(2px)}.canvas-side[data-v-015d3f3a]{display:flex;flex-direction:column;padding:0 16px 16px}.canvas-heading[data-v-015d3f3a]{display:flex;align-items:center;gap:10px;min-height:54px;flex-shrink:0}.canvas-heading h3[data-v-015d3f3a]{margin:0;font-size:19px;color:#254459}.canvas-heading h3 i[data-v-015d3f3a]{margin-right:6px;font-size:22px;vertical-align:middle}.canvas-heading label[data-v-015d3f3a]{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:13px;color:#5f7e8b;white-space:nowrap}.canvas-heading input[data-v-015d3f3a]{accent-color:var(--studio-accent);width:16px;height:16px}.completion-badge[data-v-015d3f3a]{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#3a8352;font-weight:600;white-space:nowrap}.drawing-stage[data-v-015d3f3a]{position:relative;width:100%;aspect-ratio:480/280;overflow:hidden;border-radius:var(--hoj-ui-radius-sm,8px);background:#f7f4e9;flex-shrink:0}.canvas-world[data-v-015d3f3a]{position:absolute;width:480px;height:280px;transform-origin:0 0;pointer-events:none}.route-guide[data-v-015d3f3a],.scene-art[data-v-015d3f3a]{position:absolute;inset:0;width:480px;height:280px}.route-guide text[data-v-015d3f3a]{font-family:inherit;font-size:11px;fill:#375c70;paint-order:stroke;stroke:rgba(255,252,245,.7019607843137254);stroke-width:2px;stroke-linejoin:round}.target-path[data-v-015d3f3a]{fill:none;stroke:#769197;stroke-width:1.7px;stroke-dasharray:4 5;stroke-linecap:round}.water-crossing[data-v-015d3f3a]{fill:none;stroke:#579bab;stroke-width:1.5px;stroke-dasharray:2 5}.turn-mark[data-v-015d3f3a]{fill:none;stroke:#b48335;stroke-width:1.5px}.origin-dot[data-v-015d3f3a]{fill:#fff;stroke:#389285;stroke-width:1.5px}.destination[data-v-015d3f3a]{position:absolute;width:54px;height:84px;transform:translate(-50%,-75%);z-index:2;display:flex;flex-direction:column;align-items:center}.destination img[data-v-015d3f3a]{width:54px;height:78px;-o-object-fit:contain;object-fit:contain;margin-top:-2px}.destination span[data-v-015d3f3a]{position:absolute;top:-2px;font-size:10px;color:#a83d2d;background:#fff9ef;border:1px solid #dbb499;border-radius:5px;padding:2px 5px}.destination.lighthouse-target[data-v-015d3f3a]{width:46px;height:32px;transform:translate(-100%,-100%);color:#b66e32}.lighthouse-target span[data-v-015d3f3a]{top:0;left:0}.lighthouse-target>i[data-v-015d3f3a]{position:absolute;bottom:-7px;right:-6px;font-size:20px}.ink-plane[data-v-015d3f3a]{position:absolute;inset:0;width:480px;height:280px;transform-origin:0 0;z-index:3;pointer-events:none}.turtle-engine[data-v-015d3f3a]{width:480px;height:280px;position:absolute;inset:0;border:0;pointer-events:auto}.idle-turtle[data-v-015d3f3a]{width:43px;height:35px;-o-object-fit:contain;object-fit:contain;position:absolute;transform:translate(-52%,-73%);mix-blend-mode:multiply;z-index:3}.stage-state[data-v-015d3f3a]{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:inline-flex;gap:6px;align-items:center;white-space:nowrap;max-width:95%;padding:6px 14px;border:1px solid #ccdee3;border-radius:var(--hoj-ui-radius-pill,999px);font-size:12px;background:rgba(249,253,255,.9490196078431372);color:#466b80;pointer-events:none}.stage-state.passed[data-v-015d3f3a]{color:#33784b;border-color:#9bc7a8;background:rgba(242,255,245,.9490196078431372);-webkit-animation:delivery-in-data-v-015d3f3a .45s ease-out;animation:delivery-in-data-v-015d3f3a .45s ease-out}.stage-state.error[data-v-015d3f3a]{color:#9a593e}.route-passed .destination[data-v-015d3f3a]{-webkit-animation:mail-delivered-data-v-015d3f3a .55s ease-out;animation:mail-delivered-data-v-015d3f3a .55s ease-out}.scene-status[data-v-015d3f3a]{display:flex;gap:8px;align-items:center;min-height:34px;font-size:11px;color:#6b8590}.scene-status>span[data-v-015d3f3a]{margin-right:auto}.export-format[data-v-015d3f3a]{display:flex;align-items:center;gap:6px}.export-format select[data-v-015d3f3a]{border:1px solid #d9e6eb;border-radius:var(--hoj-ui-radius-sm,8px);background:transparent;color:#466e80;font-size:11px;padding:4px}.scene-status button[data-v-015d3f3a]{width:28px;height:28px;padding:0;font-size:18px!important;border:0;background:transparent;cursor:pointer}.scene-status button[data-v-015d3f3a]:disabled{opacity:.4}.journey-evidence[data-v-015d3f3a]{display:flex;flex-wrap:wrap;gap:12px;padding:3px 0 7px;font-size:12px;color:#4e7b82}.journey-evidence i[data-v-015d3f3a]{margin-right:4px}.feedback-scroll[data-v-015d3f3a]{min-width:0;scrollbar-width:thin;-ms-scroll-chaining:none;overscroll-behavior:contain}.feedback-scroll[data-v-015d3f3a]:focus-visible{outline:2px solid #439893;outline-offset:2px}.drawing-feedback[data-v-015d3f3a]{display:flex;align-items:flex-start;gap:10px;padding:12px;margin-top:4px;background:#f2f7fa;border-radius:var(--hoj-ui-radius-sm,8px);color:#385d76;line-height:1.75;font-size:14px;overflow-wrap:anywhere;min-height:58px}.drawing-feedback>i[data-v-015d3f3a]{font-size:23px;color:#668fa3;margin-top:2px}.drawing-feedback.passed[data-v-015d3f3a]{background:#f2faf0;color:#3c6749}.drawing-feedback.passed>i[data-v-015d3f3a]{color:#438751}.drawing-feedback.error[data-v-015d3f3a]{background:#fff4ec;color:#916345}.drawing-feedback small[data-v-015d3f3a]{display:block;font-size:12px;color:#61806a;margin-top:3px}.drawing-feedback pre[data-v-015d3f3a]{white-space:pre-wrap;max-height:80px;overflow:auto;font:12px/1.6 Consolas,monospace}.error-detail[data-v-015d3f3a]{font-size:12px}.error-detail summary[data-v-015d3f3a]{cursor:pointer}.canvas-bottom[data-v-015d3f3a]{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}.canvas-bottom button[data-v-015d3f3a]{min-height:38px;border:1px solid #d6e5e9;border-radius:var(--hoj-ui-radius-md,12px);background:#fff;color:#527788;padding:8px 12px;font-size:13px;display:flex;gap:6px;align-items:center;justify-content:center;cursor:pointer;transition:background .18s,transform .18s}.canvas-bottom .hint-button[data-v-015d3f3a]{color:#b17a28;border-color:#e8c994;background:#fffaf0}.canvas-bottom button[data-v-015d3f3a]:disabled{color:#95a8b3;border-color:#e2e9ed;background:#edf2f4;cursor:not-allowed}.canvas-bottom .next-station[data-v-015d3f3a]{margin-left:auto;min-width:152px;color:#fff;background:var(--studio-accent);border-color:var(--studio-accent);box-shadow:var(--hoj-ui-button-elevation);font-weight:600}.canvas-bottom .next-station[data-v-015d3f3a]:disabled{color:#91a3b0;border-color:#e2e9ed;background:#e8eef2;box-shadow:none}.canvas-bottom button[data-v-015d3f3a]:active:not(:disabled){transform:translateY(2px)}.journey-complete[data-v-015d3f3a]{color:#408152;font-size:13px;font-weight:600;margin-left:auto}.drawing-hint[data-v-015d3f3a]{margin:10px 0 0;padding:10px;font-size:13px;line-height:1.7;background:#fff8e7;color:#8b6b33;border-radius:var(--hoj-ui-radius-sm,8px)}.studio-shelf[data-v-015d3f3a]{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:24px;width:74%;min-width:720px;margin:0 auto;padding:16px 24px;border:1px solid var(--studio-border);border-radius:var(--hoj-ui-radius-lg,16px);background:var(--hoj-ui-card-bg-strong,hsla(0,0%,100%,.9215686274509803))}.studio-shelf summary[data-v-015d3f3a]{display:flex;gap:8px;align-items:center;cursor:pointer;color:#345570;font-weight:600;font-size:15px;list-style:none}.studio-shelf summary>i[data-v-015d3f3a]{font-size:19px}.studio-shelf summary i[data-v-015d3f3a]:last-child{margin-left:auto;font-size:14px}.studio-shelf small[data-v-015d3f3a]{color:#7e95a2;font-size:12px;font-weight:400}.command-list[data-v-015d3f3a]{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.command-list code[data-v-015d3f3a]{color:#34827d;font:13px Consolas,monospace}.command-list p[data-v-015d3f3a]{font-size:12px;color:#708996;line-height:1.7}.source-download[data-v-015d3f3a]{display:flex;gap:5px;align-items:center;padding:6px 0;color:#4d818d;background:none;border:0;cursor:pointer;font-size:12px}.works-list[data-v-015d3f3a]{display:flex;gap:8px;overflow:auto;margin-top:14px}.work-thumbnail[data-v-015d3f3a]{flex-shrink:0;width:105px;padding:4px;border:1px solid #d6e7e8;border-radius:var(--hoj-ui-radius-sm,8px);background:#fff;cursor:pointer}.work-thumbnail img[data-v-015d3f3a]{width:95px;display:block}.work-thumbnail span[data-v-015d3f3a]{display:block;color:#62858b;font-size:11px;margin-top:4px}.empty-gallery[data-v-015d3f3a]{font-size:12px;color:#6f8b95}.studio-footer[data-v-015d3f3a]{background:transparent;grid-column:1/-1;text-align:center;font-size:12px;color:#657f8b;padding:0 0 18px}a[data-v-015d3f3a]:focus-visible,button[data-v-015d3f3a]:focus-visible,select[data-v-015d3f3a]:focus-visible,summary[data-v-015d3f3a]:focus-visible{outline:3px solid #439893;outline-offset:3px}@-webkit-keyframes delivery-in-data-v-015d3f3a{0%{opacity:.5;bottom:7px}to{opacity:1;bottom:12px}}@keyframes delivery-in-data-v-015d3f3a{0%{opacity:.5;bottom:7px}to{opacity:1;bottom:12px}}@-webkit-keyframes mail-delivered-data-v-015d3f3a{40%{margin-top:-5px}}@keyframes mail-delivered-data-v-015d3f3a{40%{margin-top:-5px}}@media(min-width:1000px){.workbench-columns[data-v-015d3f3a]{height:clamp(430px,calc(100dvh - 226px),720px)}.canvas-side[data-v-015d3f3a],.code-side>.vue-codemirror-wrap[data-v-015d3f3a]{min-height:0}.drawing-stage[data-v-015d3f3a]{flex:1 1 0;min-height:140px;aspect-ratio:auto;background:#eef6f6}.feedback-scroll[data-v-015d3f3a]{flex:0 0 126px;overflow-y:auto}.canvas-bottom[data-v-015d3f3a]{flex-shrink:0}.canvas-heading h3[data-v-015d3f3a]{white-space:nowrap}.teaching-side[data-v-015d3f3a]{position:relative}.lesson-note[data-v-015d3f3a]{position:absolute;inset:0;overflow-y:auto;scrollbar-width:thin}}@media(min-width:1000px) and (max-height:850px){.turtle-workshop[data-v-015d3f3a]{padding-top:12px}.studio-content[data-v-015d3f3a]{gap:12px 18px}.studio-heading[data-v-015d3f3a]{padding-left:125px}.studio-heading h1[data-v-015d3f3a]{font-size:23px}.back-course[data-v-015d3f3a]{margin-bottom:6px}.studio-heading p[data-v-015d3f3a]{margin-top:4px;font-size:12px}.studio-stations button[data-v-015d3f3a]{min-height:56px;padding:8px 10px}.studio-stations strong[data-v-015d3f3a]{font-size:14px}.studio-stations small[data-v-015d3f3a]{font-size:11px}.workbench-columns[data-v-015d3f3a]{gap:12px}.lesson-note[data-v-015d3f3a]{gap:12px;padding:18px 16px}.lesson-note h2[data-v-015d3f3a]{font-size:20px}.lesson-concept[data-v-015d3f3a]{font-size:13px;line-height:1.8}.teaching-illustration[data-v-015d3f3a]{height:70px}.teaching-illustration img[data-v-015d3f3a]{width:105px;height:70px}.teaching-illustration span[data-v-015d3f3a]{font-size:12px}.teaching-illustration i[data-v-015d3f3a]{font-size:30px}.example-snippet[data-v-015d3f3a]{padding:10px}.example-snippet h3[data-v-015d3f3a]{font-size:12px;margin-bottom:6px}.example-snippet pre[data-v-015d3f3a]{font-size:12px;padding:7px}.mission-brief[data-v-015d3f3a]{padding:10px}.mission-brief strong[data-v-015d3f3a]{font-size:14px}.concept-detail summary[data-v-015d3f3a],.mission-brief p[data-v-015d3f3a]{font-size:12px}.editor-heading[data-v-015d3f3a]{min-height:44px;font-size:13px}.editor-actions[data-v-015d3f3a]{padding:12px;gap:8px;grid-template-columns:minmax(0,1fr) 38px 38px}.editor-actions button[data-v-015d3f3a]{height:40px;font-size:13px}.canvas-side[data-v-015d3f3a]{padding:0 12px 12px}.canvas-heading[data-v-015d3f3a]{min-height:44px}.canvas-heading h3[data-v-015d3f3a]{font-size:16px}.canvas-heading label[data-v-015d3f3a]{font-size:12px}.drawing-feedback[data-v-015d3f3a]{font-size:12px;min-height:44px;padding:10px}.drawing-feedback small[data-v-015d3f3a]{font-size:11px}.canvas-bottom[data-v-015d3f3a]{margin-top:8px}.canvas-bottom button[data-v-015d3f3a]{padding:7px 9px;font-size:12px;min-height:34px}.canvas-bottom .next-station[data-v-015d3f3a]{min-width:130px}.scene-status[data-v-015d3f3a]{min-height:30px}.journey-evidence[data-v-015d3f3a]{font-size:11px}.studio-shelf[data-v-015d3f3a]{padding:12px 20px}.studio-shelf summary[data-v-015d3f3a]{font-size:14px}}@media(min-width:1000px) and (max-width:1150px){.turtle-workshop[data-v-015d3f3a]{padding:10px 16px 0}.studio-heading[data-v-015d3f3a]{padding-left:100px}.studio-heading h1[data-v-015d3f3a]{font-size:20px}.studio-content[data-v-015d3f3a]{grid-template-columns:1fr 440px}.studio-stations[data-v-015d3f3a]{gap:6px}.studio-stations button[data-v-015d3f3a]{gap:7px;padding:8px}.studio-stations small[data-v-015d3f3a]{font-size:10px}.workbench-columns[data-v-015d3f3a]{grid-template-columns:230px 260px minmax(0,1fr);gap:10px}.lesson-note[data-v-015d3f3a]{gap:10px;padding:14px}.teaching-illustration[data-v-015d3f3a]{display:none}.completion-badge[data-v-015d3f3a]{font-size:10px}.canvas-heading[data-v-015d3f3a]{gap:6px}.canvas-heading h3[data-v-015d3f3a]{font-size:14px}.canvas-heading label[data-v-015d3f3a]{font-size:11px}.canvas-bottom button[data-v-015d3f3a]{font-size:11px;padding:6px 8px}.canvas-bottom .next-station[data-v-015d3f3a]{min-width:112px}.scene-status[data-v-015d3f3a]{font-size:10px}.stage-state[data-v-015d3f3a]{padding:4px 10px;font-size:11px;bottom:8px}}@media(min-width:1000px) and (max-width:1150px) and (max-height:650px){.studio-heading p[data-v-015d3f3a]{display:none}.studio-content[data-v-015d3f3a]{gap:8px}.back-course[data-v-015d3f3a]{margin-bottom:4px}.studio-stations[data-v-015d3f3a]{margin-top:0}.feedback-scroll[data-v-015d3f3a]{flex-basis:104px}}@media(max-width:999px){.turtle-workshop[data-v-015d3f3a]{padding:16px 12px 0;background-size:auto 720px}.studio-content[data-v-015d3f3a]{grid-template-columns:1fr;gap:12px}.studio-heading[data-v-015d3f3a]{padding-left:26px}.studio-heading h1[data-v-015d3f3a]{font-size:23px}.studio-heading p[data-v-015d3f3a]{font-size:13px}.studio-stations[data-v-015d3f3a]{margin:0}.studio-stations button[data-v-015d3f3a]{min-height:54px}.workbench-columns[data-v-015d3f3a]{grid-template-columns:minmax(230px,1fr) minmax(0,1.6fr);gap:12px}.teaching-side[data-v-015d3f3a]{grid-column:1/-1}.lesson-note[data-v-015d3f3a]{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.lesson-note h2[data-v-015d3f3a]{font-size:20px}.lesson-concept[data-v-015d3f3a]{grid-column:1;font-size:14px}.teaching-illustration[data-v-015d3f3a]{display:none}.example-snippet[data-v-015d3f3a]{grid-column:2;grid-row:1/3}.mission-brief[data-v-015d3f3a]{grid-column:1;grid-row:3/5}.canvas-heading h3[data-v-015d3f3a]{font-size:15px}.canvas-heading label[data-v-015d3f3a]{font-size:11px}.canvas-side[data-v-015d3f3a]{padding:0 10px 12px}.canvas-bottom .next-station[data-v-015d3f3a]{min-width:120px}.studio-shelf[data-v-015d3f3a]{width:100%;min-width:0}}@media(max-width:650px){.studio-heading h1[data-v-015d3f3a]{font-size:21px}.studio-heading p[data-v-015d3f3a]{font-size:12px}.studio-stations button[data-v-015d3f3a]{padding:8px;gap:7px;min-height:50px}.studio-stations strong[data-v-015d3f3a]{font-size:13px}.studio-stations small[data-v-015d3f3a]{display:none}.station-number[data-v-015d3f3a]{flex-basis:25px;height:25px;font-size:12px}.workbench-columns[data-v-015d3f3a]{grid-template-columns:1fr}.lesson-note[data-v-015d3f3a]{display:flex;padding:16px;gap:12px}.lesson-note h2[data-v-015d3f3a]{font-size:21px}.teaching-illustration[data-v-015d3f3a]{display:none}.code-side>.vue-codemirror-wrap[data-v-015d3f3a]{flex:auto;height:280px}.canvas-heading h3[data-v-015d3f3a]{font-size:15px}.completion-badge[data-v-015d3f3a]{font-size:10px}.canvas-heading[data-v-015d3f3a]{gap:5px}.drawing-feedback[data-v-015d3f3a]{font-size:13px}.canvas-bottom[data-v-015d3f3a]{gap:7px}.canvas-bottom button[data-v-015d3f3a]{font-size:11px;padding:7px;min-height:34px}.canvas-bottom .next-station[data-v-015d3f3a]{min-width:115px}.scene-status[data-v-015d3f3a]{font-size:10px;gap:4px}.export-format[data-v-015d3f3a]{gap:4px}.stage-state[data-v-015d3f3a]{font-size:10px;padding:4px 9px;bottom:7px}.studio-shelf[data-v-015d3f3a]{grid-template-columns:1fr;gap:18px;padding:16px}.studio-footer[data-v-015d3f3a]{font-size:11px}}@media(prefers-reduced-motion:reduce){[data-v-015d3f3a],[data-v-015d3f3a]:after,[data-v-015d3f3a]:before{-webkit-animation:none!important;animation:none!important;transition:none!important}}.turtle-workshop .CodeMirror{height:100%;background:#fff;color:#27445b;font:15px/1.9 Consolas,Microsoft YaHei,monospace}.turtle-workshop .CodeMirror-gutters{background:#f8fbfd;border-right:1px solid #e9f0f3}.turtle-workshop .CodeMirror-linenumber{color:#96aebb}.turtle-workshop .CodeMirror-lines{padding:12px 0}.turtle-workshop .cm-keyword{color:#8254b4}.turtle-workshop .cm-string{color:#21835e}.turtle-workshop .cm-comment{color:#789388}.turtle-workshop .cm-number{color:#b57638}.turtle-workshop .example-player{margin:0}.turtle-workshop .example-toggle{width:100%;min-height:42px;background:#fff;border-color:#36948a;border-radius:var(--hoj-ui-radius-md,12px);font-size:14px;gap:8px;box-shadow:var(--hoj-ui-button-elevation)}.turtle-workshop .example-toggle i{font-size:20px}.turtle-example-dialog{border-radius:var(--hoj-ui-radius-lg,16px)}@media(min-width:1000px) and (max-height:850px){.turtle-workshop .CodeMirror{font-size:13px;line-height:1.9}.turtle-workshop .example-toggle{min-height:36px;font-size:12px}}