.tilesPrototype[hidden]{display:none !important;}
.tilesSrOnly{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.tilesPrototype{position:fixed;inset:0;z-index:9999;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
.tilesPrototypeBackdrop{position:absolute;inset:0;background:rgba(15,23,42,.45);}
.tilesPrototypePanel{position:absolute;inset:24px;max-width:860px;max-height:calc(100dvh - 48px);margin:auto;background:#fff;color:#111827;border:1px solid rgba(17,24,39,.2);border-radius:8px;box-shadow:0 18px 60px rgba(15,23,42,.28);display:flex;flex-direction:column;overflow:hidden;}
.tilesPrototypeHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid rgba(17,24,39,.1);background:#f8fafc;}
.tilesPrototypeHeader p{margin:0 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:700;}
.tilesPrototypeHeader h2{margin:0;font-size:24px;line-height:1.1;}
.tilesPrototypeHeader span{display:block;margin-top:4px;color:#475569;font-size:14px;}
.tilesPrototypeMeta{display:block;margin-top:6px;color:#334155;font-size:12px;word-break:break-word;}
.tilesPrototypeClose,.tilesPrototype button{font:inherit;}
.tilesPrototypeClose,.tilesPrototypeActions button,.tilesPrototypeCard > button,.tilesPrototypeBuilder > button,.tilesPrototypeCompletionActions button{border:1px solid rgba(17,24,39,.22);background:#fff;border-radius:8px;padding:8px 12px;cursor:pointer;}
.tilesPrototypeClose:hover,.tilesPrototypeActions button:hover,.tilesPrototypeCard > button:hover,.tilesPrototypeBuilder > button:hover,.tilesPrototypeCompletionActions button:hover{background:#f1f5f9;}
.tilesPrototypeCompletionActions button:disabled{opacity:.45;cursor:not-allowed;}
.tilesPrototypeActions button:disabled{opacity:.5;cursor:not-allowed;}
.tilesPrototypeProgress{padding:12px 18px;border-bottom:1px solid rgba(17,24,39,.08);}
.tilesPrototypeProgressTrack{position:relative;height:12px;border-radius:999px;background:#e5e7eb;overflow:hidden;}
.tilesPrototypeProgressFill{position:absolute;inset:0 auto 0 0;width:0;border-radius:999px;background:#111827;transition:width 180ms ease;}
.tilesPrototypeProgressMarker{position:absolute;top:0;bottom:0;width:2px;background:rgba(255,255,255,.72);transform:translateX(-1px);}
.tilesPrototypeCard{margin:18px;min-height:0;flex:1 1 auto;border:1px solid rgba(17,24,39,.1);border-radius:8px;padding:18px;display:flex;flex-direction:column;gap:16px;overflow:auto;}
.tilesPrototypeQuestionMeta{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-weight:700;}
.tilesPrototypeCard h3{margin:0;font-size:28px;}
.tilesPrototypeWatch,.tilesPrototypeTileRow,.tilesPrototypeTileChoices,.tilesPrototypeChoices{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.tilesPrototypeWatchSteps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;}
.tilesPrototypeWatchStep{border:1px solid rgba(17,24,39,.12);border-radius:8px;background:#f8fafc;padding:14px;display:grid;gap:10px;align-content:start;min-height:180px;}
.tilesPrototypeWatchStep > span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:999px;background:#111827;color:#fff;font-size:13px;font-weight:700;}
.tilesPrototypeWatchStep strong{font-size:18px;}
.tilesPrototypeWatchStep p{margin:0;color:#475569;line-height:1.35;}
.tilesPrototypeTileChoices button{min-width:92px;min-height:92px;border:1px solid rgba(17,24,39,.18);border-radius:8px;background:#f8fafc;display:grid;place-items:center;cursor:grab;padding:12px;touch-action:none;}
.tilesPrototypeTileChoices button:active{cursor:grabbing;}
.tilesPrototypeTileChoices button:hover,.tilesPrototypeTileChoices button.is-selected,.tilesPrototypeChoices button:hover,.tilesPrototypeChoices button.is-selected{outline:3px solid rgba(79,128,212,.35);}
.tilesPrototypeChoices{align-items:stretch;}
.tilesPrototypeChoices button{border:1px solid rgba(17,24,39,.18);border-radius:8px;background:#fff;padding:12px 14px;cursor:pointer;text-align:left;}
.tilesPrototypeMatch{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px;}
.tilesPrototypeBuilder{display:grid;gap:14px;}
.tilesPrototypeInteractionHint{margin:0;color:#475569;font-weight:700;line-height:1.35;}
.tilesPrototypeLessonBoard{display:block;width:100%;height:320px;min-height:0;}
.lessonBoardWorkspace{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:8px;}
.lessonBoardWorkspace.is-palette-hidden{grid-template-columns:minmax(0,1fr);}
.lessonBoardWorkspace.is-focused-onboarding .lessonBoardMat{background-image:linear-gradient(rgba(0,0,0,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.025) 1px,transparent 1px);}
.lessonBoardWorkspace.is-focused-onboarding .tile{cursor:pointer;}
.tilesPrototypeBuilder.is-identify .tilesPrototypeLessonBoard{height:320px;min-height:280px;}
.lessonBoardStage{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr);}
.lessonBoardComparisonHeading{position:absolute;left:50%;bottom:10px;z-index:96;min-height:28px;padding:6px 11px;border:1px solid rgba(37,99,235,.3);border-radius:999px;background:rgba(239,246,255,.94);color:#1d4ed8;box-shadow:0 5px 16px rgba(30,64,175,.12);font-size:13px;font-weight:800;line-height:1.2;transform:translateX(-50%);backdrop-filter:blur(7px);}
.lessonBoardComparisonHeading[hidden],.lessonBoardComparisonActions[hidden]{display:none !important;}
.lessonBoardComparisonActions{position:absolute;left:50%;top:10px;z-index:96;display:flex;justify-content:center;gap:8px;max-width:calc(100% - 20px);padding:7px;border:1px solid rgba(37,99,235,.22);border-radius:999px;background:rgba(239,246,255,.9);box-shadow:0 6px 18px rgba(30,64,175,.12);transform:translateX(-50%);backdrop-filter:blur(8px);}
.lessonBoardComparisonActions button{min-height:36px;border:1px solid #2563eb;border-radius:999px;background:#fff;color:#1d4ed8;padding:6px 12px;cursor:pointer;font:800 12px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;white-space:nowrap;touch-action:manipulation;}
.lessonBoardComparisonActions button:first-child{background:#2563eb;color:#fff;}
.lessonBoardComparisonActions button:focus-visible{outline:3px solid rgba(37,99,235,.42);outline-offset:2px;}
.lessonBoardMat{--board-pan-x:0px;--board-pan-y:0px;--board-zoom:1;position:relative;min-width:0;min-height:0;overflow:hidden;border:2px solid rgba(0,0,0,.32);border-radius:18px;background-color:var(--atb-mat-bg);background-image:linear-gradient(rgba(0,0,0,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 1px);background-size:40px 40px;box-shadow:inset 0 1px 0 rgba(255,255,255,.62);touch-action:none;transition:border-color 220ms ease,box-shadow 220ms ease,background-color 220ms ease;}
.lessonBoardTargetZone{position:absolute;z-index:4;border:2px dashed rgba(37,99,235,.56);border-radius:14px;background:rgba(219,234,254,.28);box-shadow:inset 0 0 0 1px rgba(255,255,255,.52);pointer-events:none;}
.lessonBoardWorkspace.has-target-zone .lessonBoardTileLayer{z-index:8;}
.lessonBoardMat.is-result-correct{border-color:#087a36;background-color:#d8f8e4;box-shadow:inset 0 1px 0 rgba(255,255,255,.72),inset 0 0 0 3px rgba(8,122,54,.24),inset 0 0 42px rgba(8,122,54,.44);}
.lessonBoardMat.is-result-incorrect{border-color:#b42318;background-color:#ffe0d8;box-shadow:inset 0 1px 0 rgba(255,255,255,.72),inset 0 0 0 3px rgba(180,35,24,.24),inset 0 0 42px rgba(180,35,24,.42);}
.lessonBoardMat.is-result-comparison{border-color:#2563eb;background-color:#eff6ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.62),inset 0 0 24px rgba(37,99,235,.2);}
.lessonBoardMat.is-result-correct::after,.lessonBoardMat.is-result-incorrect::after{position:absolute;right:14px;top:14px;z-index:95;display:inline-flex;align-items:center;min-height:34px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(15,23,42,.16);font:900 13px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.02em;pointer-events:none;}
.lessonBoardMat.is-result-correct::after{content:"Correct";border:1px solid rgba(8,122,54,.34);color:#087a36;}
.lessonBoardMat.is-result-incorrect::after{content:"Not quite";border:1px solid rgba(180,35,24,.34);color:#b42318;}
.lessonBoardMat.is-result-comparison .lessonBoardTrashDrop{opacity:0;}
.lessonBoardTileLayer{position:absolute;inset:0;}
.lessonBoardFeedbackLayer{position:absolute;inset:0;z-index:24;pointer-events:none;overflow:hidden;}
.lessonBoardWorkspace .selectionMarquee[hidden]{display:none !important;}
.lessonBoardComparisonBar{position:absolute;left:50%;top:12px;z-index:97;display:inline-flex;align-items:center;gap:10px;max-width:calc(100% - 24px);min-height:40px;padding:6px 7px 6px 13px;border:1px solid rgba(234,88,12,.34);border-radius:999px;background:rgba(255,247,237,.97);color:#9a3412;box-shadow:0 8px 24px rgba(124,45,18,.16);pointer-events:auto;transform:translateX(-50%);backdrop-filter:blur(8px);}
.lessonBoardComparisonBar strong{font-size:13px;white-space:nowrap;}
.lessonBoardComparisonBar button{min-height:30px;border:1px solid #ea580c;border-radius:999px;background:#fff;color:#9a3412;padding:5px 10px;cursor:pointer;font:800 12px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;white-space:nowrap;}
.lessonBoardComparisonBar button:focus-visible{outline:3px solid rgba(37,99,235,.55);outline-offset:2px;}
.lessonBoardComparisonBar.is-comparison{border-color:rgba(37,99,235,.38);background:rgba(239,246,255,.97);color:#1d4ed8;box-shadow:0 8px 24px rgba(30,64,175,.16);}
.lessonBoardComparisonBar.is-comparison button{border-color:#2563eb;color:#1d4ed8;}
.lessonBoardTileLayer{transition:opacity 180ms ease;}
.lessonBoardTileLayer.is-comparison-swapping{opacity:.18;}
.lessonBoardWorkspace .tile.is-comparison-extra{opacity:.38;}
.lessonBoardWorkspace .tile.is-comparison-extra .tile__face{border-style:dashed !important;filter:saturate(.55);}
.lessonBoardWorkspace .tile.is-comparison-missing{opacity:.52;pointer-events:none !important;}
.lessonBoardWorkspace .tile.is-comparison-missing .tile__face{border-style:dashed !important;box-shadow:0 0 0 2px rgba(255,255,255,.7),0 0 14px rgba(59,130,246,.22) !important;}
.lessonBoardWorkspace .tile.is-comparison-flipped .tile__face{box-shadow:0 0 0 2px rgba(255,255,255,.72),0 0 13px rgba(59,130,246,.22) !important;}
.lessonBoardTrashDrop{position:absolute;left:12px;bottom:12px;z-index:48;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 10px;border:1.5px dashed rgba(31,41,51,.32);border-radius:999px;background:rgba(255,255,255,.78);color:#40505f;box-shadow:0 10px 24px rgba(31,41,51,.08);font:900 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;pointer-events:none;transition:background 140ms ease,border-color 140ms ease,color 140ms ease,box-shadow 140ms ease,transform 140ms ease;}
.lessonBoardTrashDrop svg{width:16px;height:16px;fill:currentColor;}
.lessonBoardTrashDrop span{white-space:nowrap;}
.lessonBoardTrashDrop.is-over{z-index:90;border-color:#0877f8;background:rgba(8,119,248,.22);color:#075bd4;box-shadow:0 0 0 6px rgba(8,119,248,.16),0 12px 28px rgba(8,119,248,.2);transform:scale(1.06);}
.lessonBoardPalette{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;overflow:auto;border:1px solid rgba(31,41,51,.12);border-radius:14px;background:rgba(255,255,255,.62);padding:8px;}
.lessonBoardPalette button{width:max-content;min-width:0;min-height:0;border:0;background:transparent;display:block;padding:0;margin:0;cursor:grab;touch-action:none;}
.lessonBoardPalette button:active{cursor:grabbing;}
.lessonBoardPalette button:hover .tilePreview{filter:brightness(1.04);}
.lessonPaletteDragProxy{position:fixed !important;z-index:10001 !important;pointer-events:none !important;margin:0 !important;transform:none !important;}
.tilesPrototypeActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;}
.tilesPrototypeActions button,.tilesPrototypeCompletionActions button{min-height:40px;}
.tilesPrototypeCompletionActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,460px);}
.tilesPrototypeHint{min-height:20px;color:#334155;font-weight:600;}
.tilesPrototypeFeedback{margin:0;font-weight:700;white-space:pre-line;}
.tilesPrototypeFeedback.is-correct{color:#166534;}
.tilesPrototypeFeedback.is-incorrect{color:#991b1b;}
.tilesPrototypeFeedback.is-nudge{color:#7c4a03;}
.tilesCoachTileToken{position:relative;display:inline-flex;vertical-align:middle;margin:0 4px;width:24px;height:30px;align-items:center;justify-content:center;}
.tilesPrototype .tilesCoachTileToken .tilePreview{position:absolute !important;left:50% !important;top:50% !important;pointer-events:none;transform:translate(-50%,-50%) scale(.5) !important;transform-origin:center !important;}
.tilesPrototype .tilesCoachTileToken .tilePreview--xV{transform:translate(-50%,-50%) scale(.2) !important;}
.lessonBoardWorkspace .tile.is-coach-emphasis .tile__inner{animation:lessonCoachPulse 420ms ease-in-out 2;filter:drop-shadow(0 0 5px rgba(217,119,6,.72));}
@keyframes lessonCoachPulse{50%{transform:scale(1.07);}}
.tilesPrototypeCard.has-build-feedback .tilesPrototypeFeedback.is-incorrect{max-width:620px;padding:11px 13px;border:1px solid rgba(217,119,6,.3);border-radius:14px;background:#fffbeb;color:#475569;box-shadow:0 5px 16px rgba(120,83,20,.08);line-height:1.4;animation:lessonFeedbackTextIn 180ms ease 680ms both;}
.tilesPrototypeWatchSteps.is-rearrange-demo{position:relative}
.tilesPrototypeWatchSteps.is-rearrange-demo .tilesPrototypeWatchStep:first-child .tilesPrototypeTileRow .tile:nth-child(odd){animation:lessonRearrangeTileA 1800ms ease-in-out infinite alternate}
.tilesPrototypeWatchSteps.is-rearrange-demo .tilesPrototypeWatchStep:first-child .tilesPrototypeTileRow .tile:nth-child(even){animation:lessonRearrangeTileB 1800ms ease-in-out infinite alternate}
.tilesPrototypeWatchExpression{grid-column:1/-1;justify-self:center;padding:8px 16px;border-radius:8px;background:#f1f5f9;font-size:1.3rem;font-weight:700}
@keyframes lessonRearrangeTileA{to{transform:translateX(18px)}}
@keyframes lessonRearrangeTileB{to{transform:translateX(-18px)}}
.tilesPrototypeCoachBubble{display:grid;gap:5px;max-width:620px;padding:13px 14px;border:1px solid rgba(217,119,6,.3);border-radius:16px;background:#fffbeb;color:#475569;box-shadow:0 6px 18px rgba(120,83,20,.1);}
.tilesPrototypeCoachBubble strong{color:#78350f;font-size:17px;}
.tilesPrototypeCoachBubble span{line-height:1.35;}
.tilesPrototypeCoachActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px;}
.tilesPrototypeCoachActions button{min-height:38px;border:1px solid rgba(146,64,14,.28);border-radius:999px;background:#fff;padding:7px 12px;color:#78350f;cursor:pointer;font-weight:800;}
.tilesPrototypeCoachActions button{display:inline-flex;align-items:center;gap:7px;}
.tilesPrototypeCoachActions button img{width:20px;height:20px;object-fit:contain;}
.tilesPrototypeCoachActions button:first-child{border-color:#d97706;background:#d97706;color:#fff;}
.tilesPrototypeCoachActions button:hover{filter:brightness(.97);}
.tilesPrototypeTypedExpression{display:grid;gap:14px;max-width:620px;}
.tilesPrototypeExpressionDisplay{display:block;min-height:54px;border:1px solid rgba(15,23,42,.18);border-radius:10px;background:#fff;padding:12px 14px;font-size:28px;font-weight:800;line-height:1.1;color:#111827;}
.tilesPrototypeKeyboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:min(100%,420px);}
.tilesPrototypeKeyboard button{min-height:46px;border:1px solid rgba(15,23,42,.2);border-radius:10px;background:#f8fafc;color:#111827;font-weight:900;cursor:pointer;}
.tilesPrototypeKeyboard .tile-var,.tilesPrototypeExpressionDisplay .tile-var,.tilesPrototypeFeedback .tile-var{font-family:inherit;font-style:italic;font-weight:inherit;text-shadow:.01em 0 currentColor;}
.tilesPrototypeKeyboard button:hover{background:#eef2ff;}
.tilesPrototypeBuilder.is-zone-task .tilesPrototypeLessonBoard{height:320px;min-height:280px;}
.tilesPrototypeBuilder.is-complete-collection .tilesPrototypeLessonBoard{height:320px;min-height:280px;}
.tilesPrototypeChoices button.is-representation-only{display:grid;place-items:center;min-width:132px;min-height:112px;padding:12px;}
.tilesPrototypeChoices button.is-representation-only .tilesPrototypeTileRow{margin:0;}
.tilesPrototypeExitConfirm{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.42);}
.tilesPrototypeExitConfirm__card{display:grid;gap:10px;width:min(100%,420px);padding:20px;border:1px solid rgba(15,23,42,.16);border-radius:8px;background:#fff;box-shadow:0 18px 52px rgba(15,23,42,.28);}
.tilesPrototypeExitConfirm__card h3,.tilesPrototypeExitConfirm__card p{margin:0;}
.tilesPrototypeExitConfirm__card>div{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:4px;}
.tilesPrototypeExitConfirm__card button{min-height:42px;padding:8px 14px;border:1px solid rgba(15,23,42,.2);border-radius:7px;background:#fff;color:#1e293b;font-weight:800;cursor:pointer;}
.tilesPrototypeExitConfirm__card [data-prototype-leave]{border-color:#b45309;background:#b45309;color:#fff;}
.tilesPrototypeTermFeedback{display:none !important;}
.tilesPrototypeTermChip{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border:1px solid rgba(71,85,105,.2);border-radius:999px;background:#f8fafc;color:#475569;font-size:12px;font-weight:800;}
.tilesPrototypeTermChip.is-correct{border-color:rgba(22,101,52,.24);background:#ecfdf3;color:#166534;}
.tilesPrototypeTermChip.is-attention{border-color:rgba(217,119,6,.3);background:#fffbeb;color:#92400e;}
@keyframes lessonFeedbackTextIn{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .lessonBoardMat{transition:none !important;}
  .lessonBoardTileLayer{transition:none !important;}
  .tilesPrototypeCard.has-build-feedback .tilesPrototypeFeedback.is-incorrect{animation:none !important;}
  .lessonBoardWorkspace .tile.is-coach-emphasis .tile__inner{animation:none;outline:3px solid #d97706;outline-offset:2px;}
  .tilesPrototypeWatchSteps.is-rearrange-demo .tile{animation:none!important}
}
.tilesPrototypeComplete{align-items:flex-start;justify-content:center;min-height:0;height:100%;}
.tilesPrototype .tilePreview{position:relative !important;left:auto !important;top:auto !important;transform:none !important;cursor:inherit !important;}
.tilesPrototypeDragGhost{position:fixed !important;left:0 !important;top:0 !important;z-index:10000 !important;pointer-events:none !important;margin:0 !important;padding:0 !important;opacity:1 !important;transform-origin:0 0 !important;}
.tilesLessonDevLauncher{position:fixed;right:14px;bottom:14px;z-index:9000;width:min(320px,calc(100vw - 28px));border:1px solid rgba(17,24,39,.22);border-radius:8px;background:#fff;color:#111827;box-shadow:0 12px 36px rgba(15,23,42,.24);padding:12px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:grid;gap:8px;}
.tilesLessonDevLauncher strong{font-size:15px;}
.tilesLessonDevLauncher small{color:#64748b;font-size:11px;line-height:1.25;}
.tilesLessonDevLauncher code{display:block;border:1px solid rgba(17,24,39,.12);border-radius:6px;background:#f8fafc;padding:6px;color:#334155;font-size:11px;white-space:normal;word-break:break-word;}
.tilesLessonDevLauncher__grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.tilesLessonDevLauncher button{border:1px solid rgba(17,24,39,.2);border-radius:7px;background:#fff;padding:7px 8px;cursor:pointer;text-align:left;font:inherit;font-size:12px;}
.tilesLessonDevLauncher button:hover{background:#f1f5f9;}
@media (max-width:760px){
  .tilesPrototypePanel{inset:0;border-radius:0;}
  .tilesPrototypeHeader{padding:12px 14px;gap:10px;}
  .tilesPrototypeHeader span{font-size:13px;}
  .tilesPrototypeMeta{font-size:11px;}
  .tilesPrototypeProgress{padding:10px 14px;}
  .tilesPrototypeProgressTrack{height:10px;}
  .tilesPrototypeCard{margin:10px;min-height:0;padding:14px;gap:12px;}
  .tilesPrototypeHeader h2{font-size:20px;}
  .tilesPrototypeCard h3{font-size:24px;}
  .tilesPrototypeWatchSteps{grid-template-columns:1fr;}
  .tilesPrototypeWatchStep{min-height:0;}
  .tilesPrototypeTileChoices button{min-width:76px;min-height:76px;padding:10px;}
  .tilesPrototypeBuildTray{min-height:200px;}
  .tilesPrototypeLessonBoard{height:300px;}
  .tilesPrototypeBuilder.is-identify .tilesPrototypeLessonBoard{height:300px;min-height:270px;}
  .tilesPrototypeBuilder.is-zone-task .tilesPrototypeLessonBoard,.tilesPrototypeBuilder.is-complete-collection .tilesPrototypeLessonBoard{height:300px;min-height:270px;}
  .lessonBoardWorkspace{grid-template-columns:minmax(0,1fr) 104px;}
  .lessonBoardPalette{padding:6px;gap:6px;}
  .tilesPrototypeCompletionActions{grid-template-columns:1fr;width:100%;}
}

@media (max-width:420px){
  .tilesPrototypeHeader{align-items:flex-start;}
  .tilesPrototypeHeader h2{font-size:18px;}
  .tilesPrototypeClose{padding:7px 10px;}
  .tilesPrototypeCard h3{font-size:21px;}
  .tilesPrototypeTileChoices{gap:8px;}
  .tilesPrototypeTileChoices button{min-width:64px;min-height:64px;padding:8px;}
  .tilesPrototypeActions{display:grid;grid-template-columns:1fr 1fr;}
  .tilesPrototypeActions button{width:100%;}
  .lessonBoardComparisonActions{gap:5px;padding:5px;}
  .lessonBoardComparisonActions button{min-height:34px;padding:5px 8px;font-size:11px;}
  .tilesPrototypeBuilder.is-zone-task .tilesPrototypeLessonBoard,.tilesPrototypeBuilder.is-complete-collection .tilesPrototypeLessonBoard{height:280px;min-height:260px;}
  .lessonBoardWorkspace{grid-template-columns:minmax(0,1fr) 88px;gap:6px;}
  .lessonBoardPalette{border-radius:10px;}
  .tilesLessonDevLauncher{right:8px;bottom:8px;width:calc(100vw - 16px);}
  .tilesLessonDevLauncher__grid{grid-template-columns:1fr;}
}