/* Canvas-first little-maker layout, scoped so older makers keep their full studio. */
.ipad-little main{padding-top:12px}
.ipad-little .editor-intro{margin-bottom:12px;gap:12px;align-items:center}
.ipad-little .editor-intro .eyebrow,.ipad-little .editor-intro p{display:none}
.ipad-little .editor-intro h1{font-size:30px;margin:0}
.ipad-little .editor-intro #savePlay{width:auto;min-width:160px;min-height:52px;padding:10px 18px;box-shadow:0 3px 0 #194c40}
.ipad-little .editor-grid{grid-template-columns:minmax(0,1fr) 240px;gap:18px}
.ipad-little .drawing-panel{display:flex;flex-direction:column}
.ipad-little .editor-grid .canvas-top{height:auto;min-height:60px;padding:5px 10px;gap:6px;flex-wrap:wrap}
.ipad-little .canvas-top button,.ipad-little .editing-bar button,.ipad-little .tool-presets button,.ipad-little .object-actions button{min-height:48px;min-width:48px}
.ipad-little .canvas-top .editor-modes button{font-size:14px;padding:0 12px}
.ipad-little .canvas-top>div:last-child{display:flex;gap:3px}
.ipad-little .tool-presets{padding:5px 10px;gap:5px;flex-wrap:nowrap;overflow:auto;-webkit-overflow-scrolling:touch}
.ipad-little .tool-presets button{flex-shrink:0;font-size:12px;padding:0 11px}
.ipad-little:not(.ipad-more-open) .tool-presets [data-tool=pencil]:not(.selected),.ipad-little:not(.ipad-more-open) .tool-presets [data-tool=marker]:not(.selected),.ipad-little:not(.ipad-more-open) .brush-settings{display:none}
.ipad-little .brush-settings input{min-height:48px}
.ipad-little .editor-grid .palette{padding:7px 10px 10px;gap:7px;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto}
.ipad-little .editor-grid .palette .swatch{width:48px;min-width:48px;min-height:48px;border:7px solid white;flex-shrink:0;transform:none}
.ipad-little .custom-colour{width:48px;min-width:48px;height:48px;flex-shrink:0}
.ipad-little .editor-paper{height:clamp(310px,calc(100dvh - 390px),520px);margin:0 10px;align-items:center}
.ipad-little .editor-paper #drawing{width:auto;max-width:100%;height:100%;aspect-ratio:1;object-fit:contain}
.ipad-little .editing-bar{padding:3px 10px;background:white;justify-content:center;min-height:54px}
.ipad-little #layerHint{display:none}
.ipad-little .editor-hint{padding:0 12px 10px;min-height:25px;font-size:12px}
.ipad-little .editor-side{display:flex;gap:12px}
.ipad-little .preview-card{padding:12px}
.ipad-little .preview-stage.sculpture-stage{height:180px!important}
.ipad-little .toggle button,.ipad-little .sculpture-tools button{min-height:48px}
.ipad-little .sculpture-tools>span{margin:7px 0}
.ipad-little .inspector:not(.has-selection){display:none}
.ipad-little .inspector.has-selection{order:-1;padding:14px}
.ipad-little .inspector input,.ipad-little .inspector select{min-height:48px}
.ipad-more{background:#f0eafa;border:1px solid #e2d6ec;border-radius:18px;overflow:hidden}
.ipad-more>summary{min-height:54px;display:flex;align-items:center;padding:12px 16px;font-weight:700;font-size:14px;cursor:pointer}
.ipad-more>summary:before{content:'＋';font-size:20px;margin-right:8px}.ipad-more[open]>summary:before{content:'−'}
.ipad-more-content{display:flex;flex-direction:column;gap:12px;padding:0 10px 12px}
.ipad-more-content>button{min-height:48px}
.ipad-little .ipad-more .little-guide{flex-wrap:wrap;margin:0;padding:7px;gap:6px}
.ipad-little .ipad-more .little-guide button{flex:1;min-height:48px;font-size:12px;padding:7px;justify-content:center}
.ipad-little .ipad-more .little-guide b{font-size:14px}
.ipad-little .ipad-more .little-guide .step-arrow{display:none}
.ipad-little .ipad-more .little-guide #readAloud{flex-basis:100%;margin:0}
.ipad-little .ipad-more .power-guide{margin:0;padding:8px;border:0;background:#e9e0f1}
.ipad-little .ipad-more .power-guide summary{flex-wrap:wrap;min-height:48px}
.ipad-little .ipad-more .power-guide button{min-height:48px;flex-basis:100%;font-size:12px}
.ipad-little .ipad-more .layer-panel{padding:10px}
.ipad-little .ipad-more .layer-panel summary,.ipad-little .ipad-more .layer-row button{min-height:48px}
.ipad-little .ipad-more .under-studio{display:flex;flex-direction:column;margin:0;font-size:12px;gap:8px}
.ipad-little .ipad-more .under-studio>span{display:none}
.ipad-little .ipad-more .under-studio button{min-height:48px;font-size:13px}
.ipad-little .ipad-more .under-studio>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.ipad-little .return-quest{margin-bottom:12px}
.ipad-little .discovered-palette{flex-wrap:wrap}
.grownup-tools{max-width:680px;max-height:90dvh;overflow:auto;overscroll-behavior:contain}
.grownup-heading{display:flex;gap:14px;justify-content:space-between;align-items:flex-start}
.grownup-heading h2{font-size:28px;margin:8px 0 0}
.grownup-heading>button{font-size:28px;min-width:48px;min-height:48px;background:#eceee4}
.grownup-tools>p{font-size:14px;line-height:1.55}
.grownup-tools button{min-height:48px}
.grownup-tools #downloadFamily{width:100%}
.grownup-tools .backup-includes{font-size:12px;color:#62766b;margin:12px 0 20px}
.backup-file{position:relative;display:flex;align-items:center;justify-content:center;min-height:54px;border:2px dashed #9aa992;border-radius:14px;background:#f1f4e9;padding:12px;font-weight:600;cursor:pointer;overflow:hidden}
.backup-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.backup-file:focus-within{outline:3px solid #8d6ab5;outline-offset:3px}
#backupReview{padding:14px;background:#edf1e5;border-radius:14px;margin-top:14px;font-size:13px}
#backupReview[hidden]{display:none}
#backupReview p{margin:0 0 12px}
#backupStatus{min-height:24px;color:#366747;font-weight:600}
.backup-undo{border-top:1px solid #dbe1d2;padding-top:8px;margin-top:8px}
.backup-undo summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font-size:14px}
.backup-undo p{font-size:13px;color:#586b60}
.grownup-tools .fine{font-size:11px}
@media(min-width:1100px) and (max-height:900px){.ipad-little .editor-grid{grid-template-columns:minmax(0,1fr) 250px}.ipad-little .editor-paper{height:calc(100dvh - 390px);min-height:310px;max-height:520px}}
@media(min-width:651px) and (max-width:950px){.ipad-little main{padding:14px 18px}.ipad-little .editor-grid{grid-template-columns:minmax(0,1fr) 200px;gap:12px}.ipad-little .canvas-top .editor-modes button{padding:0 9px}.ipad-little .editor-paper{height:min(50dvh,500px)}.ipad-little .preview-stage.sculpture-stage{height:150px!important}.ipad-little .editor-grid .palette{gap:5px}}
@media(max-width:650px){.ipad-little main{padding:12px}.ipad-little .editor-intro h1{font-size:24px}.ipad-little .editor-intro #savePlay{font-size:12px;min-width:135px;padding:10px}.ipad-little .editor-grid{grid-template-columns:1fr;gap:14px}.ipad-little .editor-grid .canvas-top{justify-content:space-between}.ipad-little .canvas-top .editor-modes button{padding:0 8px}.ipad-little .editor-paper{height:min(420px,calc(100vw - 48px));margin:0 10px}.ipad-little .editor-side{display:grid;grid-template-columns:1fr 1fr}.ipad-little .preview-card{grid-row:auto}.ipad-little .ipad-more{grid-column:2;align-self:start}.ipad-little .inspector.has-selection{grid-column:1/-1}.ipad-little .ipad-more>summary{padding:10px;font-size:12px}.ipad-little .ipad-more-content{padding:0 7px 10px}.ipad-little .preview-stage.sculpture-stage{height:140px!important}.ipad-little .editor-side .preview-card input{font-size:20px}.grownup-tools{padding:20px}.grownup-heading h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.ipad-little *{scroll-behavior:auto}}

.ipad-little .ipad-tool-strip{display:flex;align-items:center;gap:5px}.ipad-little .ipad-tool-strip #toolOptions{flex:1;min-width:0}.ipad-little .ipad-tool-strip .editing-bar{flex-shrink:0;padding-left:0;padding-right:7px}.ipad-little .ipad-tool-strip .editing-bar button{padding:0 10px}