:where(logo-playground,logo-reference,turtle-tiles,.logo-toolbar,.logo-stage,.logo-panel,.logo-tip,.tt-ghost),:where(logo-playground,logo-reference,turtle-tiles,.logo-toolbar,.logo-stage,.logo-panel,.logo-tip,.tt-ghost) *,:where(logo-playground,logo-reference,turtle-tiles,.logo-toolbar,.logo-stage,.logo-panel,.logo-tip,.tt-ghost) :before,:where(logo-playground,logo-reference,turtle-tiles,.logo-toolbar,.logo-stage,.logo-panel,.logo-tip,.tt-ghost) :after{box-sizing:border-box}:where(logo-example){margin-bottom:20px}:where(logo-example,logo-worksheet,logo-playground,logo-reference,turtle-tiles,.logo-panel,.tt-ghost) button{font:inherit;color:inherit}.logo-toolbar{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:13px;display:flex}.logo-btn,.logo-speed{border:1px solid var(--color-divider,#201e1d66);background:var(--color-bg,#f3f2f2);color:var(--color-text,#201e1d);cursor:pointer;padding:4px 10px;font:600 13px/1.4 inherit}.logo-btn:hover:not(:disabled){border-color:var(--color-text,#201e1d)}.logo-btn:disabled{opacity:.45;cursor:default}.logo-btn-primary{background:var(--color-accent,#ec3013);border-color:var(--color-accent,#ec3013);color:#fff}.logo-btn-primary:hover:not(:disabled){background:var(--color-accent-700,#ae1800);border-color:var(--color-accent-700,#ae1800)}.logo-btn.logo-running{background:var(--color-text,#201e1d);border-color:var(--color-text,#201e1d)}.logo-stage{border:1px solid var(--color-divider,#201e1d66);background:#fff;width:100%;position:relative}.logo-stage canvas{width:100%;height:100%;position:absolute;inset:0}:is(.logo-panel,.logo-worksheet,.logo-playground) .logo-output{background:var(--color-surface,#eae9e9);white-space:pre-wrap;max-height:12em;margin:0;padding:8px 12px;font:13px/1.5 ui-monospace,Menlo,monospace;overflow:auto}:is(.logo-panel,.logo-worksheet,.logo-playground) .logo-output.logo-error{color:var(--color-accent-700,#ae1800)}.logo-output[hidden]{display:none}.logo-stage{touch-action:none;cursor:grab;overflow:hidden}.logo-stage.logo-dragging{cursor:grabbing}.logo-stage canvas.logo-guides{pointer-events:none}.logo-view-tools{z-index:3;opacity:.55;gap:2px;transition:opacity .15s;display:flex;position:absolute;top:6px;right:6px}.logo-stage:hover .logo-view-tools,.logo-view-tools:focus-within{opacity:1}.logo-view-tools button{border:1px solid var(--color-divider,#201e1d66);min-width:28px;color:var(--color-text,#201e1d);cursor:pointer;background:#ffffffe6;padding:2px 6px;font:600 12px/1.4 inherit}.logo-view-tools button:hover{border-color:var(--color-text,#201e1d)}.logo-try{align-items:center;gap:6px;font-weight:600;display:flex}.logo-try input{border:1px solid var(--color-divider,#201e1d66);color:var(--color-text,#201e1d);background:#fff;width:14em;padding:3px 8px;font:14px/1.4 ui-monospace,Menlo,monospace}.logo-code code[contenteditable]{outline:none;display:block}.logo-code pre:focus-within{box-shadow:inset 0 0 0 2px var(--color-accent-300,#ffc4b8)}.logo-panel{margin:-8px 0 24px}.logo-worksheet pre{flex-direction:column;justify-content:space-between;display:flex}.logo-box .logo-stage{border:0}.logo-tip{z-index:50;background:var(--color-text,#201e1d);max-width:26em;color:var(--color-bg,#f3f2f2);pointer-events:none;padding:8px 10px;font-size:13px;line-height:1.45;position:fixed;box-shadow:0 2px 8px #00000040}.logo-tip-usage code{color:#fff;background:0 0;padding:0;font:600 13px/1.5 ui-monospace,Menlo,monospace;display:block}.logo-tip p{margin:4px 0 0}.logo-tip-example{opacity:.75;font-family:ui-monospace,Menlo,monospace;font-size:12px}