.al-toolbar,.al-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0}.al-toolbar label{display:flex;align-items:center;gap:8px}.al-tool button,.al-tool select,.al-tool input{min-height:44px;border:1px solid #aab7c3;border-radius:10px;padding:8px 14px;background:var(--card-bg,#fff);color:inherit;font:inherit}.al-tool button:focus-visible{outline:3px solid #267bcb;outline-offset:3px}.al-tool button:disabled{opacity:.5}.al-tool canvas{width:100%;max-width:640px;aspect-ratio:8/5;display:block;margin:auto;border-radius:16px;touch-action:manipulation}.al-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);gap:18px;align-items:start}.al-task{font-size:1.15rem;font-weight:700}.al-tool input{width:90px}.al-status{min-height:3em;white-space:pre-line;line-height:1.6}.al-program{max-height:100px;overflow:auto;overflow-wrap:anywhere;padding:10px;background:#e9f0f4;color:#25364c;border-radius:10px}.al-tool:fullscreen{overflow:auto;padding:20px;background:var(--card-bg,#fff)}.al-resources{line-height:1.8;margin-top:16px}.al-resources a{color:inherit;text-decoration:underline}@media(max-width:700px){.al-workspace{grid-template-columns:1fr;gap:4px}.al-tool canvas{max-height:240px;object-fit:contain}.al-tool{padding:14px!important}.al-toolbar{gap:6px}.al-tool button{padding:8px 10px}.al-task{font-size:1rem}}@media(prefers-reduced-motion:reduce){.al-tool *{scroll-behavior:auto!important}}

.al-toolbar label{white-space:nowrap;flex:0 1 auto}.al-toolbar select{max-width:160px}@media(max-width:420px){.al-toolbar label{flex:1 1 130px}.al-toolbar select{flex:1;min-width:0}}
html[data-theme="dark"] .al-tool,html[data-theme="dark"] .al-tool p,html[data-theme="dark"] .al-tool label,html[data-theme="dark"] .al-tool summary{color:#e8edf3}html[data-theme="dark"] .al-tool button,html[data-theme="dark"] .al-tool select,html[data-theme="dark"] .al-tool input{background:#353e49;color:#f0f4f9;border-color:#8291a3}html[data-theme="dark"] .al-tool:fullscreen{background:#252c34}
html[data-theme="dark"] .al-tool select,html[data-theme="dark"] .al-tool input{background-color:#353e49!important;color:#f0f4f9!important;color-scheme:dark}

.al-game:fullscreen{box-sizing:border-box;overflow:auto;padding:16px;background:var(--main-bg-color,#fff);color:var(--main-color,#25364c)}.al-game:fullscreen>.al-toolbar{position:sticky;top:-16px;z-index:2;margin-top:0;padding:12px 0;background:var(--main-bg-color,#fff)}html[data-theme="dark"] .al-tool .al-program{background:#353e49;color:#e8edf3}.al-tool button:disabled{cursor:not-allowed}