.bits-to-pictures_shell__N3FZq{background:#fff;border:1px solid #dcdfea;border-radius:28px;box-shadow:0 18px 55px rgba(47,32,87,.1);margin:0 auto;max-width:1120px;overflow:hidden}.bits-to-pictures_hero__82_rX{align-items:center;background:radial-gradient(circle at 80% 20%,rgba(155,112,224,.32),transparent 38%),linear-gradient(135deg,#f1ecff,#eaf6ff);display:flex;justify-content:space-between;min-height:185px;padding:1.5rem 2rem}.bits-to-pictures_eyebrow__15lHf{color:#6346a5;font-size:.7rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.bits-to-pictures_hero__82_rX h1{font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.055em;margin:.25rem 0}.bits-to-pictures_hero__82_rX p{color:#5d6575;margin:0}.bits-to-pictures_assignmentBar__qHS9v{align-items:center;background:#17132a;color:#f7f4ff;display:flex;flex-wrap:wrap;font-size:.78rem;gap:.6rem 1.2rem;justify-content:space-between;padding:.65rem 1.2rem}.bits-to-pictures_assignmentBar__qHS9v span{align-items:center;display:flex;gap:.35rem}.bits-to-pictures_assignmentBar__qHS9v span:last-child{color:#d4c7f2}.bits-to-pictures_steps__RTN18{background:#fff;border-bottom:1px solid #e2e5ed;border-top:1px solid #e2e5ed;display:grid;grid-template-columns:repeat(5,1fr);padding:.6rem 1rem}.bits-to-pictures_steps__RTN18>span{align-items:center;color:#98a2b3;display:flex;gap:.45rem;justify-content:center;padding:.35rem;transition:color .22s ease,transform .22s cubic-bezier(.2,.9,.25,1.15)}.bits-to-pictures_steps__RTN18 i{align-items:center;border:1px solid;border-radius:50%;display:flex;font-size:.7rem;font-style:normal;height:25px;justify-content:center;transition:background-color .22s ease,transform .22s cubic-bezier(.2,.9,.25,1.15);width:25px}.bits-to-pictures_steps__RTN18 strong{font-size:.75rem}.bits-to-pictures_steps__RTN18 .bits-to-pictures_active__7ITjO{color:#5d43a2;transform:translateY(-1px)}.bits-to-pictures_steps__RTN18 .bits-to-pictures_active__7ITjO i{background:#f1ebff;transform:scale(1.1)}.bits-to-pictures_steps__RTN18 .bits-to-pictures_done__aNefb{color:#197047}.bits-to-pictures_lessonLayout__9pck_{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:500px}.bits-to-pictures_lessonBrief__ZsICH{border-right:1px solid #e2e5ed;display:flex;flex-direction:column;gap:.9rem;padding:1.4rem}.bits-to-pictures_lessonBrief__ZsICH>span{color:#7257b1;font-size:.72rem;font-weight:800;text-transform:uppercase}.bits-to-pictures_lessonBrief__ZsICH h2{font-size:1.5rem;margin:0}.bits-to-pictures_lessonBrief__ZsICH>p{color:#667085;line-height:1.5;margin:0}.bits-to-pictures_lessonBrief__ZsICH>small{color:#667085;text-align:center}.bits-to-pictures_feedback__WvSSw{align-items:center;background:#fff6dd;border:1px solid #eed28c;border-radius:16px;display:flex;font-size:.78rem;gap:.4rem;line-height:1.4;margin-top:auto;padding:.55rem}.bits-to-pictures_canvas__7G5aV{align-items:center;background:radial-gradient(#dfe4ef 1px,transparent 0);background-size:22px 22px;display:flex;justify-content:center;min-width:0;padding:clamp(1rem,4vw,3rem)}.bits-to-pictures_saveState__Nk4i9{color:#667085;display:block;text-align:center}.bits-to-pictures_saveState__Nk4i9[data-state=conflict],.bits-to-pictures_saveState__Nk4i9[data-state=error]{color:#a32929;font-weight:700}.bits-to-pictures_bitLesson__eGz7m,.bits-to-pictures_colourLesson__4RBtX,.bits-to-pictures_compressionLesson__Jv_0c,.bits-to-pictures_decodeLesson__qW29o,.bits-to-pictures_designLesson__H9w1C{background:rgba(255,255,255,.96);border:1px solid #d9dfeb;border-radius:22px;box-shadow:0 14px 35px rgba(31,49,93,.09);padding:clamp(1rem,3vw,2rem);width:min(100%,700px)}.bits-to-pictures_target__rxV7k{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.2rem}.bits-to-pictures_target__rxV7k strong{font-size:2.2rem}.bits-to-pictures_bitRow__Os0j_{display:grid;gap:.45rem;grid-template-columns:repeat(8,1fr)}.bits-to-pictures_bitOff__xaVLj,.bits-to-pictures_bitOn__wxlnG{border:2px solid #d5dbe6;border-radius:13px;display:grid;min-height:86px;padding:.4rem;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s cubic-bezier(.2,.9,.25,1.2)}.bits-to-pictures_bitOn__wxlnG{background:#7654bd;border-color:#4f328d;box-shadow:0 7px 16px rgba(79,50,141,.22);color:#fff;transform:translateY(-2px) scale(1.025)}.bits-to-pictures_bitOff__xaVLj{background:#f5f7fa;color:#667085}.bits-to-pictures_bitRow__Os0j_ button:active{transform:translateY(1px) scale(.94)}.bits-to-pictures_bitRow__Os0j_ button small{font-size:.65rem}.bits-to-pictures_bitRow__Os0j_ button strong{font-size:1.6rem}.bits-to-pictures_total__1Vgba{align-items:center;display:flex;font-family:monospace;font-size:1.05rem;justify-content:space-between;margin-top:1rem}.bits-to-pictures_binaryGrid__h4a5i,.bits-to-pictures_pixelEditor__w3NVt{display:grid;gap:3px;grid-template-columns:repeat(8,1fr);margin:0 auto 1.2rem;max-width:360px}.bits-to-pictures_pixelOff__VksbV,.bits-to-pictures_pixelOn__wZltM{aspect-ratio:1;border:0;border-radius:3px;display:block;transition:background-color .13s ease,box-shadow .13s ease,transform .13s cubic-bezier(.2,.9,.25,1.2)}.bits-to-pictures_pixelOn__wZltM{background:#6842ad;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}.bits-to-pictures_pixelOff__VksbV{background:#edf0f5}.bits-to-pictures_compressionLesson__Jv_0c fieldset,.bits-to-pictures_decodeLesson__qW29o fieldset{display:grid;gap:.55rem}.bits-to-pictures_compressionLesson__Jv_0c legend,.bits-to-pictures_decodeLesson__qW29o legend{font-size:1rem;font-weight:750;margin-bottom:.5rem}.bits-to-pictures_decodeLesson__qW29o label{align-items:center;border:1px solid #dce2ec;border-radius:12px;display:flex;gap:.55rem;padding:.7rem}.bits-to-pictures_designLesson__H9w1C p{color:#667085;text-align:center}.bits-to-pictures_pixelEditor__w3NVt button{cursor:pointer}.bits-to-pictures_pixelEditor__w3NVt button:active{transform:scale(.72)}.bits-to-pictures_colourCompare__Y5CG2{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:.8rem}.bits-to-pictures_colourGoal__Og_M9,.bits-to-pictures_colourPixel__PSvLi{align-items:flex-end;aspect-ratio:2/1;border-radius:20px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);display:flex;justify-content:center;margin:0;padding:1rem}.bits-to-pictures_colourGoal__Og_M9{align-items:center;background:rgb(170,60,190);color:#fff;flex-direction:column}.bits-to-pictures_colourGoal__Og_M9 small{font-size:.68rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.bits-to-pictures_colourGoal__Og_M9 strong{font-size:1.15rem}.bits-to-pictures_colourPixel__PSvLi span{background:rgba(255,255,255,.9);border-radius:999px;color:#241b38;font-family:monospace;font-size:.72rem;padding:.3rem .6rem}.bits-to-pictures_colourChecks__2t99_{display:grid;gap:.4rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:.8rem}.bits-to-pictures_colourChecks__2t99_ span{align-items:center;background:#f6f7fa;border:1px solid #dde2ea;border-radius:10px;color:#667085;display:flex;font-size:.75rem;gap:.4rem;padding:.5rem}.bits-to-pictures_colourChecks__2t99_ span[data-met=true]{background:#ecfdf3;border-color:#a6e4be;color:#197047;font-weight:750}.bits-to-pictures_colourLesson__4RBtX label{display:grid;gap:.2rem;margin:.7rem 0}.bits-to-pictures_colourLesson__4RBtX label span{display:flex;justify-content:space-between}.bits-to-pictures_colourLesson__4RBtX input{width:100%}.bits-to-pictures_compressionPattern___348F{background:#17132a;border-radius:15px;color:#c9baff;display:grid;gap:.4rem;margin-bottom:1rem;padding:1rem}.bits-to-pictures_compressionPattern___348F code{overflow-wrap:anywhere}.bits-to-pictures_compressionPattern___348F span{color:#aaa3bd;font-size:.78rem}.bits-to-pictures_compressionLesson__Jv_0c label{align-items:flex-start;border:1px solid #dce2ec;border-radius:14px;display:flex;gap:.65rem;padding:.85rem}.bits-to-pictures_compressionLesson__Jv_0c label span{display:grid}.bits-to-pictures_compressionLesson__Jv_0c label small{color:#667085}.bits-to-pictures_compressionLesson__Jv_0c .bits-to-pictures_choiceSelected__NIWIr{background:#f1ecff;border-color:#7654bd}.bits-to-pictures_compressionMetrics__PeoRA{display:grid;gap:.55rem;grid-template-columns:repeat(3,1fr);margin-bottom:1rem}.bits-to-pictures_compressionMetrics__PeoRA span{background:#f6f4fb;border-radius:12px;display:grid;gap:.15rem;padding:.65rem}.bits-to-pictures_compressionMetrics__PeoRA small{color:#667085;font-size:.68rem}.bits-to-pictures_compressionMetrics__PeoRA strong{font-size:1.05rem}.bits-to-pictures_compressionLesson__Jv_0c .bits-to-pictures_reflection__h_9HB{display:grid;margin-top:.9rem}.bits-to-pictures_reflection__h_9HB>span{font-size:.82rem;font-weight:700}.bits-to-pictures_reflection__h_9HB textarea{border:1px solid #ccd3df;border-radius:11px;padding:.7rem;resize:vertical;width:100%}.bits-to-pictures_reflection__h_9HB>small{text-align:right}.bits-to-pictures_complete__ZjjEp{align-items:center;display:flex;gap:1.5rem;min-height:460px;padding:clamp(1.5rem,5vw,4rem)}.bits-to-pictures_complete__ZjjEp h2{font-size:clamp(1.7rem,4vw,2.8rem);letter-spacing:-.04em;margin:.25rem 0}.bits-to-pictures_complete__ZjjEp p{color:#667085;max-width:620px}.bits-to-pictures_complete__ZjjEp div div{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.bits-to-pictures_artefactSummary__iC1A2{background:#f7f5fc;border:1px solid #e1d9f1;border-radius:20px;display:grid!important;gap:1rem!important;grid-template-columns:120px minmax(180px,1fr);padding:1rem}.bits-to-pictures_miniSprite__F_7DB{display:grid!important;gap:2px!important;grid-template-columns:repeat(8,1fr);height:120px;margin:0!important;width:120px}.bits-to-pictures_artefactSummary__iC1A2 dl{display:grid;gap:.45rem;margin:0}.bits-to-pictures_artefactSummary__iC1A2 dl div{display:grid!important;gap:.1rem!important;margin:0!important}.bits-to-pictures_artefactSummary__iC1A2 dt{color:#667085;font-size:.68rem;text-transform:uppercase}.bits-to-pictures_artefactSummary__iC1A2 dd{font-family:monospace;margin:0}.bits-to-pictures_artefactSummary__iC1A2 blockquote{border-left:3px solid #7654bd;grid-column:1/-1;margin:0;padding-left:.8rem}@media (max-width:800px){.bits-to-pictures_hero__82_rX{padding:1rem 1.2rem}.bits-to-pictures_hero__82_rX img{height:105px;width:105px}.bits-to-pictures_assignmentBar__qHS9v,.bits-to-pictures_assignmentBar__qHS9v span{align-items:flex-start;flex-direction:column}.bits-to-pictures_lessonLayout__9pck_{grid-template-columns:1fr}.bits-to-pictures_lessonBrief__ZsICH{border-bottom:1px solid #e2e5ed;border-right:0}.bits-to-pictures_feedback__WvSSw{margin-top:0}.bits-to-pictures_steps__RTN18 strong{display:none}.bits-to-pictures_bitRow__Os0j_{gap:.2rem}.bits-to-pictures_bitOff__xaVLj,.bits-to-pictures_bitOn__wxlnG{min-height:65px}.bits-to-pictures_compressionMetrics__PeoRA{grid-template-columns:1fr}.bits-to-pictures_complete__ZjjEp{align-items:flex-start;flex-direction:column}.bits-to-pictures_artefactSummary__iC1A2{grid-template-columns:1fr}.bits-to-pictures_artefactSummary__iC1A2 blockquote{grid-column:1}}@media (max-width:520px){.bits-to-pictures_colourChecks__2t99_,.bits-to-pictures_colourCompare__Y5CG2{grid-template-columns:1fr}.bits-to-pictures_colourGoal__Og_M9,.bits-to-pictures_colourPixel__PSvLi{aspect-ratio:3/1}}@media (prefers-reduced-motion:reduce){.bits-to-pictures_bitOff__xaVLj,.bits-to-pictures_bitOn__wxlnG,.bits-to-pictures_pixelOff__VksbV,.bits-to-pictures_pixelOn__wZltM,.bits-to-pictures_steps__RTN18 i,.bits-to-pictures_steps__RTN18>span{transition:none}.bits-to-pictures_bitOn__wxlnG,.bits-to-pictures_pixelEditor__w3NVt button:active,.bits-to-pictures_steps__RTN18 .bits-to-pictures_active__7ITjO,.bits-to-pictures_steps__RTN18 .bits-to-pictures_active__7ITjO i{transform:none}}