/* All presentation is profile scoped. No youth layout overrides. */
html[data-profile="kids"] [data-profile="youth"]{display:none!important}
html[data-profile="youth"] [data-profile="kids"]{display:none!important}
html[data-profile="kids"]{--kids-ink:#214950;--kids-muted:#5c787c;--kids-teal:#087e83;--kids-line:#d8e6e3;--kids-paper:#fffdf7;--editor-width:68vw}
html[data-profile="kids"] body{background:var(--kids-paper);color:var(--kids-ink)}
html[data-profile="kids"] :is(button,select){font-family:inherit;touch-action:manipulation}
html[data-profile="kids"] :is(button,select):focus-visible{outline:3px solid #087e83;outline-offset:3px}
html[data-profile="kids"] button:disabled{opacity:.42;cursor:default}
/* Welcome: one 90 KB illustration, no extra animated canvas. */
html[data-profile="kids"] .intro{background:#fcfaf4;padding:32px;overflow:auto;gap:0}
html[data-profile="kids"] .intro>:is(.intro-logo,.intro-title,.intro-sub){display:none}
html[data-profile="kids"] .kids-welcome{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(30px,5vw,80px);width:min(1120px,100%);text-align:left}
html[data-profile="kids"] .kids-welcome-art{position:relative;min-width:0}
html[data-profile="kids"] .kids-welcome-art>img{width:100%;height:auto;display:block;border-radius:44% 44% 32% 32%}
html[data-profile="kids"] .kids-art-spark{position:absolute;right:3%;top:15%;font-size:58px;color:#efb848}
html[data-profile="kids"] .kids-wordmark{font-size:23px;font-weight:850;letter-spacing:-.8px;color:#14545c}
html[data-profile="kids"] .kids-wordmark>span{display:inline-block;background:#ffda71;color:#745021;padding:4px 12px;border-radius:12px;margin-left:5px;transform:rotate(-6deg);font-size:19px}
html[data-profile="kids"] .kids-welcome h1{font-size:clamp(34px,4vw,58px);line-height:1.2;letter-spacing:-1.7px;color:#17464d;margin:28px 0 18px;word-break:keep-all;text-wrap:balance}
html[data-profile="kids"] .kids-welcome-copy>p{font-size:19px;line-height:1.65;color:#5b7779;word-break:keep-all;margin:0 0 24px}
html[data-profile="kids"] .kids-welcome-steps{display:flex;align-items:center;gap:14px;color:#669991;margin:18px 0 28px}
html[data-profile="kids"] .kids-welcome-steps>span{display:grid;place-items:center;width:66px;height:50px;background:#e4f1e9;border-radius:16px;color:#286d6a;font-size:22px;font-weight:700}
html[data-profile="kids"] .kids-welcome-steps>span:nth-of-type(2){background:#ffedb3;color:#926d18}
html[data-profile="kids"] .kids-welcome-steps>span:nth-of-type(3){background:#ffe2d9;color:#b76c51}
html[data-profile="kids"] .kids-welcome-steps i{font-style:normal;font-size:23px}
html[data-profile="kids"] .kids-welcome-language{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}
html[data-profile="kids"] .lang-current{padding:12px 16px;min-height:52px;background:white;border:1px solid #cadfda;color:#315b61;border-radius:16px;font-size:16px}
html[data-profile="kids"] .lang-more-toggle{color:#5b7478;font-size:14px;min-height:48px}
html[data-profile="kids"] .lang-cards{width:100%;max-height:190px;overflow-y:auto;gap:6px}
html[data-profile="kids"] .lang-card{background:white;border:1px solid #d2dfdb;color:#315b61;min-height:48px}
html[data-profile="kids"] .lang-card.active{background:#d6eee4;border-color:#138181}
html[data-profile="kids"] .kids-welcome-actions{display:flex;gap:12px;flex-wrap:wrap}
html[data-profile="kids"] .intro-start{min-height:64px;min-width:230px;border-radius:20px;background:#087e83;color:white;padding:15px 30px;font-size:22px;font-weight:750;border:0;border-bottom:5px solid #056368;box-shadow:none}
html[data-profile="kids"] .intro-start.intro-fresh{background:transparent;border:1px solid #b9d3cd;color:#35636a;font-size:17px;min-width:170px}
html[data-profile="kids"] .intro-start[hidden]{display:none}
/* Navigation and toy shelf. */
html[data-profile="kids"] .app{grid-template-columns:310px minmax(0,1fr);grid-template-rows:82px minmax(0,1fr)}
html[data-profile="kids"] .hdr{background:#fffdf7;border-bottom:1px solid var(--kids-line);padding:12px 18px;gap:20px;overflow:visible}
html[data-profile="kids"] .hdr .logo{font-size:20px;letter-spacing:-.7px;gap:5px;flex-shrink:0}
html[data-profile="kids"] .hdr .logo b{color:#185a62}
html[data-profile="kids"] .hdr .logo i{color:#087e83;font-style:normal}
html[data-profile="kids"] .hdr .logo i{display:inline!important;margin-left:4px}
html[data-profile="kids"] #settingsBtn [data-ico]{display:flex!important}
html[data-profile="kids"] .hsep{display:none!important}
html[data-profile="kids"] .mode-tabs{background:#edf3ec;border-radius:20px;padding:5px;gap:5px}
html[data-profile="kids"] .app .hdr .mtab{min-height:52px;min-width:106px;height:auto;font-size:17px;color:#53716f;border-radius:16px;padding:10px 16px;gap:8px}
html[data-profile="kids"] .mtab.active{background:#087e83!important;color:white!important}
html[data-profile="kids"] .hdr .mtab:not(.active){background:transparent;color:#53716f}
html[data-profile="kids"] .hdr .mtab :is(.mtab-txt,[data-t]){display:inline!important}
html[data-profile="kids"] #langCurName{color:#315b61}
html[data-profile="kids"] .mtab svg{width:23px;height:23px}
html[data-profile="kids"] .btn{min-height:48px;min-width:48px;background:white;border:1px solid #cdddd8;border-radius:15px;color:#45666c;font-size:14px}
html[data-profile="kids"] .hright{gap:8px}
html[data-profile="kids"] .draft-status{display:none}
html[data-profile="kids"] .lpan{background:var(--kids-paper);border-right:1px solid var(--kids-line);padding:14px;scrollbar-width:thin;scrollbar-color:#a9c8c0 transparent;min-width:0}
html[data-profile="kids"] .lpan>.slbl,html[data-profile="kids"] #howToContent{display:none}
html[data-profile="kids"] .kids-picker-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#edf2e9;padding:5px;border-radius:18px;position:sticky;top:-14px;z-index:2}
html[data-profile="kids"] .kids-picker-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:65px;border:0;border-radius:14px;background:transparent;color:#5c766e;font-size:14px;font-weight:750;padding:8px;word-break:keep-all}
html[data-profile="kids"] .kids-picker-tabs button[aria-pressed="true"]{background:white!important;color:#087e83!important;border:1px solid #d2dfd4}
html[data-profile="kids"] .kids-picker-title{font-size:20px;line-height:1.4;margin:22px 4px 18px;color:#234d53;word-break:keep-all}
html[data-profile="kids"] #presets{display:grid!important;grid-template-columns:1fr 1fr;gap:12px!important;padding-bottom:12px}
html[data-profile="kids"] .preset-btn{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-height:166px;padding:12px;border:1px solid #d8e5dc;border-bottom:4px solid #d2e0d6;border-radius:20px;background:#f0f6e9;color:#285051;text-align:left;white-space:normal}
html[data-profile="kids"] .preset-btn:nth-child(3n+2){background:#fff2cb;border-color:#ecdfa9}
html[data-profile="kids"] .preset-btn:nth-child(3n){background:#e5f0f6;border-color:#cfdfe8}
html[data-profile="kids"] .preset-btn:hover{border-color:#298b83}
html[data-profile="kids"] .preset-icon{width:100%;height:70px;display:flex;justify-content:center;align-items:center}
html[data-profile="kids"] .preset-icon img{width:76px;height:76px;object-fit:contain;pointer-events:none}
html[data-profile="kids"] .preset-icon{position:relative}
html[data-profile="kids"] .preset-icon .kids-route-part{width:36px;height:36px;position:absolute;right:-5px;bottom:-3px}
html[data-profile="kids"] .preset-info{min-width:0;display:flex;flex-direction:column;gap:4px;width:100%}
html[data-profile="kids"] .preset-name{font-size:16px;font-weight:750;line-height:1.3;color:#234f55;display:block}
html[data-profile="kids"] .preset-num{font-size:12px;color:#69877e}
html[data-profile="kids"] .preset-meta{display:none}
html[data-profile="kids"] .preset-mission{font-size:12px;color:#627d79;line-height:1.35;font-style:normal}
html[data-profile="kids"] .lesson-done{font-size:11px;color:#087a54;display:block;margin-top:4px}
html[data-profile="kids"] .lesson-done[hidden]{display:none}
html[data-profile="kids"] [data-kids-lesson="lv20"]{grid-column:1/-1;min-height:82px;flex-direction:row;align-items:center;background:white}
html[data-profile="kids"] [data-kids-lesson="lv20"] .preset-icon{width:64px;flex-shrink:0;height:64px}
html[data-profile="kids"] [data-kids-lesson="lv20"] img{width:62px;height:62px}
html[data-profile="kids"] :is(#bp,#ap){display:grid;grid-template-columns:1fr 1fr;gap:10px}
html[data-profile="kids"] .kids-parts-title{color:#5e7a73;font-size:14px;margin:22px 4px 12px}
html[data-profile="kids"] .blk-btn{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid #d9e4dc;border-bottom:3px solid #d4e0d8;background:white;border-radius:18px;min-height:128px;padding:10px;touch-action:none}
html[data-profile="kids"] .blk-btn .th{width:65px;height:65px;background:#f1f5ed;border-radius:14px}
html[data-profile="kids"] .blk-btn .th img{width:65px;height:65px;object-fit:contain}
html[data-profile="kids"] .blk-btn .bn{color:#264f54;font-size:15px;font-weight:750;text-align:center;line-height:1.3}
html[data-profile="kids"] .blk-btn .bd{display:none}
html[data-profile="kids"] .blk-limit{font-size:11px;color:#7a9592}
html[data-profile="kids"] .kids-parts-hint{font-size:14px;line-height:1.6;color:#597974}
html[data-profile="kids"] #lpan[data-kids-pane="lessons"] :is(#bp,#ap,.kids-parts-title,.kids-parts-hint){display:none}
html[data-profile="kids"] #lpan[data-kids-pane="parts"] :is(#presets,.kids-picker-title){display:none!important}
/* Scene and contextual controls. */
html[data-profile="kids"] #stepGuide{display:none!important}
html[data-profile="kids"] .sc{background:#d9e9e6}
html[data-profile="kids"] .kids-scene-welcome{position:absolute;top:28%;left:7%;right:7%;text-align:center;pointer-events:none;color:#2c6268}
html[data-profile="kids"] .kids-scene-welcome[hidden]{display:none}
html[data-profile="kids"] .kids-empty-symbol{display:flex;justify-content:center;align-items:flex-end;height:110px;margin-bottom:20px}
html[data-profile="kids"] .kids-empty-symbol img{width:92px;height:92px;object-fit:contain;transform:rotate(-13deg)}
html[data-profile="kids"] .kids-empty-symbol img+img{width:80px;height:80px;transform:rotate(12deg);margin-left:-12px}
html[data-profile="kids"] .kids-scene-welcome h2{font-size:clamp(22px,2.7vw,36px);letter-spacing:-.8px;margin:8px 0 15px;word-break:keep-all}
html[data-profile="kids"] .kids-scene-welcome p{font-size:17px;line-height:1.6;margin:0;word-break:keep-all}
html[data-profile="kids"] .kids-point{display:block;font-size:40px;color:#4e8c86;margin-top:15px}
html[data-profile="kids"] .kids-to-code{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:26px;border:0;border-bottom:4px solid #086668;border-radius:20px;background:#07888a;color:white;font-size:20px;font-weight:750;padding:15px 25px;min-height:62px;white-space:nowrap;cursor:pointer;z-index:12}
html[data-profile="kids"] .kids-to-code[hidden]{display:none}
html[data-profile="kids"] .rpan{position:absolute;right:16px;top:98px;width:185px;max-height:45vh;overflow-y:auto;padding:12px;background:#fffdf7ed;border:1px solid #d8e6dc;border-radius:20px;color:#365c60;font-size:14px;z-index:12}
html[data-profile="kids"] .rpan .stats,html[data-profile="kids"] #selRot{display:none}
html[data-profile="kids"] .kids-empty .rpan{visibility:hidden}
html[data-profile="kids"] .collapse-toggle{font-size:13px;min-height:48px;color:#56756f;background:transparent}
html[data-profile="kids"] .kids-need-title{font-size:14px;color:#5a7671;font-weight:600;margin:8px 0}
html[data-profile="kids"] .val-item.kids-need{display:flex;align-items:center;gap:8px;padding:9px;min-height:70px;background:white;border:1px solid #d4e4d9;border-radius:16px;margin-bottom:10px;font-size:14px;font-weight:700;color:#315b5d}
html[data-profile="kids"] .val-item.kids-need img{width:44px;height:44px;object-fit:contain;border-radius:10px;background:#f2f6ed}
html[data-profile="kids"] .val-item.kids-ready{font-size:15px;font-weight:750;color:#09846c;padding:12px 4px;line-height:1.5}
html[data-profile="kids"] #selName{font-size:15px!important;color:#29585e!important}
html[data-profile="kids"] :is(.rbtn,.del-btn){min-height:48px;min-width:48px;border-radius:13px;border:1px solid #c8dbd1;background:white;color:#315b61;font-size:14px}
html[data-profile="kids"] .del-btn{color:#aa5046;background:#fff2ed;border-color:#efd5ca}
html[data-profile="kids"] .cbtn{min-height:48px;min-width:48px;border-radius:14px;background:#fffdf4;color:#547575;border:1px solid #b8d6cd;font-size:13px;padding:8px 12px}
html[data-profile="kids"] .cbtn.active{background:#087e83!important;color:white!important}
html[data-profile="kids"] #cams{bottom:18px;left:16px;gap:6px}
html[data-profile="kids"] #drvCtrl{background:#fffdf3eb;border:1px solid #d2dfd4;border-radius:22px;color:#315c60;backdrop-filter:none}
html[data-profile="kids"] .dbtn{width:62px;height:62px;border-radius:18px;background:#d9ede5;border:1px solid #b5d4c7;color:#17696b;font-size:27px}
html[data-profile="kids"] .dpad{grid-template-columns:repeat(3,62px);grid-template-rows:repeat(3,62px);gap:7px}
html[data-profile="kids"] .drv-tab{min-height:48px;background:#eef3e8;color:#4d706a}
html[data-profile="kids"] .drv-tab.active{background:#c4e7d8!important;color:#0b6766!important}
/* Code: tap to connect; classic Blockly and the codec remain shared. */
html[data-profile="kids"] .app.code-active{grid-template-columns:minmax(0,1fr) var(--editor-width);grid-template-rows:82px minmax(0,1fr)}
html[data-profile="kids"] .app.code-active .hdr{padding:12px 18px;gap:20px;overflow:visible}
html[data-profile="kids"] .app.code-active .hdr .logo{font-size:20px}
html[data-profile="kids"] .code-overlay{top:82px;--ed-frame:#fffdf7;--ed-panel:#f0f5eb;--ed-control:#ffffff;--ed-border:#d0dfd5;--ed-ink:#28565c;--ed-muted:#688079;--ed-accent:#087e83;--ed-canvas:#fcfdf8;box-shadow:none}
html[data-profile="kids"] .code-panel{border-left:1px solid #cadfd5}
html[data-profile="kids"] .code-overlay:not(.open){visibility:hidden}
html[data-profile="kids"] .code-panel-header{min-height:65px;padding:8px 12px}
html[data-profile="kids"] .code-tab{min-height:48px;font-size:18px!important;border-radius:14px}
html[data-profile="kids"] .code-tab.active{background:#d9eee4!important;color:#136d6d!important}
html[data-profile="kids"] .ed-font-controls{background:#eaf1e6;border-radius:14px}
html[data-profile="kids"] .free-editor .ed-font-controls{display:flex}
html[data-profile="kids"] #edFontLabel{display:none}
html[data-profile="kids"] :is(.ed-view-tools button,.code-panel-close,.mini-btn,.prog-ex-sel){min-width:48px;min-height:48px;height:48px;border-radius:13px;font-size:14px}
html[data-profile="kids"] .code-prog-col{padding:12px;position:relative}
html[data-profile="kids"] .code-prog-header{margin-bottom:8px}
html[data-profile="kids"] .free-tools{min-height:48px;color:#4b7774;padding:0 0 8px}
html[data-profile="kids"] :is(.free-version,.free-help){display:none!important}
html[data-profile="kids"] #freeFit{min-height:44px;border:1px solid #cadcd0;border-radius:12px;color:#42746c;background:white;padding:8px 14px;font-size:14px}
html[data-profile="kids"] .free-status{font-size:12px;color:#5e7c75;padding:8px 2px;min-height:30px}
html[data-profile="kids"] .kids-code-body{display:flex;flex:1;min-height:180px;min-width:0;gap:12px;overflow:hidden}
html[data-profile="kids"] .kids-code-body .free-canvas{flex:1;min-width:0;min-height:0;width:auto;border:1px solid #cbdcd0;border-radius:20px}
html[data-profile="kids"] .kids-command-palette{width:148px;flex-shrink:0;overflow-y:auto;padding:2px 4px 10px 0;scrollbar-width:thin;scrollbar-color:#b3cbbb transparent;display:flex;flex-direction:column;gap:10px}
html[data-profile="kids"] .kids-command-palette h3{font-size:12px;color:#637e72;margin:14px 4px 0}
html[data-profile="kids"] .kids-command-palette h3:first-child{margin-top:0}
html[data-profile="kids"] .kids-command-palette button{min-height:62px;border:1px solid var(--command-edge,#b5d9e1);border-bottom:4px solid var(--command-edge,#b5d9e1);border-radius:15px;background:var(--command-color,#d9eef6);color:#255563;font-size:16px;font-weight:750;display:flex;align-items:center;text-align:left;gap:8px;padding:10px;line-height:1.3;cursor:pointer;white-space:normal}
html[data-profile="kids"] .kids-command-palette button span{flex:1}
html[data-profile="kids"] .kids-command-palette button b{font-size:21px;opacity:.6}
html[data-profile="kids"] .kids-command-palette button:is([data-cls="pi-led"],[data-cls="pi-master"]){--command-color:#d9efdc;--command-edge:#afd4b8}
html[data-profile="kids"] .kids-command-palette button[data-cls="pi-sound"]{--command-color:#eadef8;--command-edge:#ccbae5}
html[data-profile="kids"] .kids-command-palette button:is([data-cls="pi-loop"],[data-cls="pi-wait"]){--command-color:#ffebba;--command-edge:#e4ce94}
html[data-profile="kids"] .kids-command-palette button[data-cls="pi-stop"]{--command-color:#f9dcd4;--command-edge:#e5b9ad}
html[data-profile="kids"] .kids-code-hint{font-size:13px;color:#5c7c73;flex:1;padding-right:10px;line-height:1.35}
html[data-profile="kids"] :is(.run-btn,.stop-prog-btn){min-height:62px;width:100%;font-size:22px;font-weight:800;border-radius:18px;border:0;border-bottom:4px solid #07656b;background:#07858a;color:white}
html[data-profile="kids"] .stop-prog-btn{background:#e7806e;border-color:#bd6053;color:#4f2d2b}
html[data-profile="kids"] .prog-output{font-size:12px;max-height:62px;background:#edf2e9;color:#55766d;border:0;border-radius:12px}
html[data-profile="kids"] .blocklyMainBackground{stroke:none}
html[data-profile="kids"] .blocklyText{fill:#234b50!important}
html[data-profile="kids"] .blocklyDropdownText{fill:#234b50!important}
html[data-profile="kids"] .blocklyEditableText .blocklyFieldRect{fill:#fafff7!important;fill-opacity:1}
html[data-profile="kids"] .kids-command-palette button{word-break:keep-all;gap:6px}
html[data-profile="kids"] .kids-command-palette button svg{flex-shrink:0;width:20px;height:20px}
html[data-profile="kids"] .shortcut-hint{display:none}
html[data-profile="kids"] :is(#bleDrawer,#bleOverlay){display:none!important}
html[data-profile="kids"] .ft{background:#fffdf7;color:#708b80;border-color:#d6e3d9}
html[data-profile="kids"] .warn-overlay{background:#1b484b55;backdrop-filter:none}
html[data-profile="kids"] .warn-modal{background:#fffdf7;border:1px solid #d6e3d8;border-radius:24px;padding:28px;box-shadow:0 16px 40px #234b4522}
html[data-profile="kids"] .warn-title{color:#29585d;font-size:22px}
html[data-profile="kids"] .warn-msg{color:#5b7773;font-size:17px;line-height:1.6}
html[data-profile="kids"] .warn-icon{color:#bc8641}
html[data-profile="kids"] :is(.warn-ok,.warn-cancel){min-height:52px;min-width:100px;border-radius:14px;font-size:17px;padding:12px 22px}
html[data-profile="kids"] .warn-ok{background:#087e83;color:white;border:0}
html[data-profile="kids"] .warn-cancel{background:#e9f1e7;color:#496e66;border:1px solid #c9dcd0}
html[data-profile="kids"] .sim-settings .set-lbl{color:#315b61}
html[data-profile="kids"] .hdr .sim-settings .btn span{display:inline-flex!important}
html[data-profile="kids"] .sim-settings :is(.setting-value,#expLvl){color:#087e83}
html[data-profile="kids"] .sim-settings select{font-size:16px!important}
html[data-profile="kids"] .sim-settings::backdrop{background:#1b484b55;backdrop-filter:none}
html[data-profile="kids"] .free-editor .code-prog-col :is(.run-btn,.stop-prog-btn){min-height:62px;font-size:22px;font-weight:800;border-radius:18px;border:0;border-bottom:4px solid #07656b;background:#07858a;color:white}
html[data-profile="kids"] .free-editor .code-prog-col .stop-prog-btn{background:#e7806e;border-color:#bd6053;color:#4f2d2b}
html[data-profile="kids"] .tutorial-modal :is(.tut-next,.tut-finish){background:#087e83;color:white;border:0;padding:12px 22px}
html[data-profile="kids"] .tutorial-modal .tut-prev{background:#e8f0e5;color:#51756b;border:1px solid #cdddce}
html[data-profile="kids"] .kids-block-toolbar button{width:54px!important;height:54px!important;border:1px solid #c5dace!important;box-shadow:none!important;background:#fffdf7!important}
/* Utility screens and illustrated onboarding. */
html[data-profile="kids"] .sim-settings{background:#fffdf7;color:#355d61;border:1px solid #c6ded2;border-radius:22px;box-shadow:0 12px 32px #1b514422;max-height:calc(100dvh - 105px);overflow-y:auto;width:330px}
html[data-profile="kids"] .sim-settings h3{font-size:13px;color:#658074}
html[data-profile="kids"] .sim-settings :is(button,select){min-height:48px;font-size:15px;background:white!important;color:#3b6568!important;border-color:#d1e1d6!important;border-radius:12px}
html[data-profile="kids"] .sim-settings .sim-settings-heading{color:#285b61}
html[data-profile="kids"] .kids-grownup-actions{display:flex;flex-direction:column;gap:8px;border-top:1px solid #d5e1d7;padding-top:14px;margin-top:14px}
html[data-profile="kids"] .theme-menu{background:#fffdf7;border:1px solid #d0e0d4;border-radius:18px}
html[data-profile="kids"] :is(.theme-menu button,.theme-option){color:#315b61;min-height:48px}
html[data-profile="kids"] .tutorial-overlay{background:#1b484b55;backdrop-filter:none}
html[data-profile="kids"] .tutorial-modal{background:#fffdf7;color:#285a60;border:1px solid #dae5da;border-radius:30px;max-width:510px;padding:30px;box-shadow:0 18px 50px #20494022}
html[data-profile="kids"] .tutorial-desc{font-size:22px;line-height:1.55;color:#275b60;margin:20px 0;word-break:keep-all}
html[data-profile="kids"] .tutorial-modal button{min-height:48px;min-width:48px;border-radius:14px;font-size:16px}
html[data-profile="kids"] .tutorial-next{background:#087e83;color:white}
html[data-profile="kids"] .tutorial-close{color:#597974}
html[data-profile="kids"] .tutorial-dots .dot{background:#c9ddd1;width:11px;height:11px}
html[data-profile="kids"] .tutorial-dots .dot.active{background:#087e83}
@media(max-width:1150px){
 html[data-profile="kids"] .app{grid-template-columns:270px minmax(0,1fr)}
 html[data-profile="kids"] :is(.hdr,.app.code-active .hdr){gap:10px;padding:10px 12px}
 html[data-profile="kids"] .app .hdr .mtab{min-width:90px;padding:10px;font-size:15px}
 html[data-profile="kids"] :is(.hdr .logo,.app.code-active .hdr .logo){font-size:17px}
 html[data-profile="kids"] .preset-btn{padding:10px;min-height:160px}
 html[data-profile="kids"] .kids-command-palette{width:148px}
 html[data-profile="kids"] #edFocus{font-size:12px;padding:0 8px}
 html[data-profile="kids"] .ed-view-tools{gap:3px}
 html[data-profile="kids"] .kids-to-code{font-size:17px;padding:12px 18px;bottom:84px}
}
@media(max-width:900px){
 html[data-profile="kids"] .app{grid-template-columns:250px minmax(0,1fr);grid-template-rows:76px minmax(0,1fr)}
 html[data-profile="kids"] .hdr .logo{font-size:16px}
 html[data-profile="kids"] .hdr .mode-tabs{padding:4px}
 html[data-profile="kids"] .app .hdr .mtab{min-width:70px;font-size:14px;padding:8px;gap:4px}
 html[data-profile="kids"] .mtab svg{width:20px;height:20px}
 html[data-profile="kids"] .hright{gap:4px}
 html[data-profile="kids"] .rpan{position:absolute;right:10px;top:90px;width:164px;max-height:44vh;overflow-y:auto;border:1px solid #d0dfd5;border-radius:18px;background:#fffdf7eb;z-index:12;padding:8px}
 html[data-profile="kids"] .rpan:has(#rotToolbar[style*="display: none"]){display:none}
 html[data-profile="kids"] .app.code-active{grid-template-columns:1fr;grid-template-rows:76px 160px minmax(0,1fr)}
 html[data-profile="kids"] .app.code-active #sc{grid-row:2;grid-column:1;height:160px}
 html[data-profile="kids"] :is(.code-overlay,.code-overlay.running){top:236px;width:100vw}
 html[data-profile="kids"] .app.code-active .rpan{display:none}
 html[data-profile="kids"] .app.code-active #cams{bottom:6px;left:8px}
 html[data-profile="kids"] .app.code-active #cams .cbtn{min-height:40px;padding:5px 8px;font-size:11px}
 html[data-profile="kids"] .code-panel-header{min-height:60px}
 html[data-profile="kids"] .code-prog-header{margin:0 0 6px}
 html[data-profile="kids"] .free-tools{min-height:42px}
 html[data-profile="kids"] .kids-welcome{gap:25px}
 html[data-profile="kids"] .kids-welcome h1{font-size:38px}
 html[data-profile="kids"] .intro-start{min-width:180px}
}
@media(max-width:600px){
 html[data-profile="kids"] .intro{padding:24px 20px;justify-content:flex-start}
 html[data-profile="kids"] .kids-welcome{display:flex;flex-direction:column;gap:8px;max-width:420px;text-align:center}
 html[data-profile="kids"] .kids-welcome-art{width:min(66vw,270px)}
 html[data-profile="kids"] .kids-welcome h1{font-size:32px;margin:18px 0 12px;letter-spacing:-1px}
 html[data-profile="kids"] .kids-welcome-copy>p{font-size:16px;margin-bottom:12px}
 html[data-profile="kids"] .kids-welcome-steps{display:none}
 html[data-profile="kids"] :is(.kids-welcome-language,.kids-welcome-actions){justify-content:center}
 html[data-profile="kids"] .kids-wordmark{font-size:19px}
 html[data-profile="kids"] .intro-start{width:100%;min-height:60px}
 html[data-profile="kids"] .app{grid-template-columns:174px minmax(0,1fr);grid-template-rows:70px minmax(0,1fr)}
 html[data-profile="kids"] :is(.hdr,.app.code-active .hdr){padding:7px;gap:6px;overflow-x:auto;overflow-y:hidden}
 html[data-profile="kids"] .hdr .logo{display:none}
 html[data-profile="kids"] .app .hdr .mtab{min-width:54px;font-size:12px;flex-direction:column;gap:2px;min-height:48px;padding:5px 7px;border-radius:12px}
 html[data-profile="kids"] .hdr .btn{min-width:44px;min-height:48px;padding:8px}
 html[data-profile="kids"] #settingsBtn span{display:none}
 html[data-profile="kids"] .lpan{padding:9px}
 html[data-profile="kids"] .kids-picker-tabs{top:-9px;gap:3px;padding:3px;border-radius:13px}
 html[data-profile="kids"] .kids-picker-tabs button{font-size:12px;flex-direction:column;gap:3px;padding:5px;min-height:58px}
 html[data-profile="kids"] .kids-picker-title{font-size:17px;margin:16px 3px}
 html[data-profile="kids"] :is(#presets,#bp,#ap){grid-template-columns:1fr}
 html[data-profile="kids"] .preset-btn{min-height:140px}
 html[data-profile="kids"] .preset-icon{height:64px}
 html[data-profile="kids"] .kids-scene-welcome{top:25%;left:8%;right:8%}
 html[data-profile="kids"] .kids-scene-welcome h2{font-size:23px}
 html[data-profile="kids"] .kids-scene-welcome p{font-size:14px}
 html[data-profile="kids"] .kids-empty-symbol img{width:70px;height:70px}
 html[data-profile="kids"] .kids-empty-symbol img+img{width:60px;height:60px}
 html[data-profile="kids"] .rpan{top:82px;right:6px;width:158px}
 html[data-profile="kids"] .app.code-active{grid-template-rows:70px 128px minmax(0,1fr)}
 html[data-profile="kids"] .app.code-active #sc{height:128px}
 html[data-profile="kids"] :is(.code-overlay,.code-overlay.running){top:198px}
 html[data-profile="kids"] .code-tabs{display:none}
 html[data-profile="kids"] .ed-view-tools{margin-left:0;flex:1}
 html[data-profile="kids"] .code-panel-header{padding:6px;min-height:58px}
 html[data-profile="kids"] .code-prog-col{padding:8px}
 html[data-profile="kids"] .ed-workspace-title{font-size:15px}
 html[data-profile="kids"] .prog-ex-sel{max-width:110px}
 html[data-profile="kids"] .code-prog-header{gap:4px}
 html[data-profile="kids"] .kids-command-palette{width:128px;gap:8px}
 html[data-profile="kids"] .kids-command-palette button{font-size:14px;padding:8px;min-height:60px}
 html[data-profile="kids"] .kids-code-body{gap:7px}
 html[data-profile="kids"] .kids-code-hint{font-size:12px}
 html[data-profile="kids"] .free-status{font-size:11px;min-height:24px}
 html[data-profile="kids"] .prog-output{display:none}
 html[data-profile="kids"] :is(.run-btn,.stop-prog-btn){min-height:56px}
 html[data-profile="kids"] .sim-settings{position:fixed;top:76px;right:8px;max-width:calc(100vw - 16px)}
 html[data-profile="kids"] .tutorial-modal{padding:24px 20px;width:calc(100vw - 28px)}
 html[data-profile="kids"] .tutorial-desc{font-size:20px}
}
html[data-profile="kids"] .editor-focus .app.code-active{grid-template-columns:0 minmax(0,1fr);grid-template-rows:82px minmax(0,1fr)}
html[data-profile="kids"] .editor-focus .code-overlay{top:82px;width:100vw}
html[data-profile="kids"] .editor-focus .app.code-active #sc{visibility:hidden}
@media(max-width:900px){html[data-profile="kids"] .editor-focus .code-overlay{top:76px}}
@media(max-width:600px){html[data-profile="kids"] .editor-focus .code-overlay{top:70px}}