.pet-builder{background:linear-gradient(135deg,#eaf6ffb8,#eaf3ff8c)}.pet-builder [data-pet-scene]{background:linear-gradient(#b9e0fc,#ecf7ff);border-radius:26px}.pet-builder [data-pet-scene]>svg{opacity:.95}.pet-builder button{cursor:pointer}.pet-builder button:disabled{cursor:default}@media (min-width:1024px){.pet-builder [data-pet-scene]{aspect-ratio:1}}@media (max-width:419px){.pet-builder .breed-picker img,.pet-builder .breed-picker .breed-placeholder{max-height:76px}}.mobile-wizard-progress{color:#4b6396;flex-shrink:0;align-items:center;gap:14px;min-height:25px;font-size:12px;display:none}.mobile-wizard-progress>span:first-child{color:#0a1b55;font-weight:700}.mobile-wizard-progress [role=progressbar]{background:#dce8fa;border-radius:10px;flex:1;height:5px;overflow:hidden}.mobile-wizard-progress i{background:#2a70e2;border-radius:10px;height:100%;display:block}@media (max-width:1023px){:is(body:has(.quiz-workspace) #main+footer,body:has(.mutt-workshop) #main+footer){display:none}.quiz-workspace{min-height:calc(100svh - 65px);padding:8px 12px}.quiz-layout{padding:0;display:block}.quiz-main{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-rows:auto auto auto auto auto;grid-template-columns:minmax(0,1fr);gap:8px;padding:0;display:grid}.quiz-desktop-progress,.quiz-aside{display:none}.mobile-wizard-progress{display:flex}.quiz-heading{margin:0}.quiz-heading h1{font-size:22px}.quiz-heading p{display:none}.quiz-mobile-preview{min-width:0;height:calc(44px + clamp(200px,32svh,260px));min-height:0;margin:0}.quiz-mobile-preview>div{flex-direction:column;height:100%;display:flex}.quiz-mobile-preview>div>div:first-child{width:100%;box-shadow:none;background:#f3f7fd;border:0;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;height:44px;margin:0;padding:0 12px;display:flex}.quiz-mobile-preview>div>div:first-child p:first-child{white-space:nowrap;text-overflow:ellipsis;max-width:50%;font-size:16px;overflow:hidden}.quiz-mobile-preview>div>div:first-child p:nth-child(2){white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.quiz-mobile-preview [data-pet-scene]{border-radius:20px;flex:1;width:100%;max-width:none;height:auto;min-height:0}.quiz-mobile-preview [data-pet-scene]>div{width:auto;max-width:65%;height:90%;bottom:3%}.quiz-mobile-preview [data-pet-scene]>div>div{height:100%}.quiz-mobile-preview [data-pet-scene] img{object-fit:contain;width:100%;height:100%}.quiz-mobile-preview [data-pet-scene]>p,.quiz-mobile-preview [data-pet-scene]>span{display:none}.quiz-question{background:#fff;border:1px solid #dfe9fa;border-radius:20px;min-width:0;min-height:0;margin:0;padding:14px}.quiz-question>div:first-child>span{display:none}.quiz-question h2{font-size:19px}.quiz-question>div:first-child p{font-size:12px}.quiz-question>div:nth-child(2){margin-top:14px}.quiz-question fieldset legend{font-size:13px}.quiz-question button{min-height:44px;font-size:14px}.quiz-question button>div[aria-hidden]{height:60px}.quiz-footer{padding:8px 0 env(safe-area-inset-bottom,0px);background:0 0;border:0;flex-wrap:nowrap;margin:0;position:static}.quiz-footer>button{flex:1;min-width:0;min-height:44px;padding:10px;font-size:15px}.quiz-footer>button:last-child{flex:1.6}.quiz-later{display:none}}@media (min-width:768px) and (max-width:1023px){.quiz-workspace,.mutt-workshop{min-height:calc(100svh - 89px)}}@media (max-height:720px) and (max-width:767px){.quiz-main{gap:5px}.quiz-heading h1{font-size:19px}.quiz-heading p{display:none}}.quiz-save-error{width:100%}.quiz-footer:has(.quiz-save-error){flex-wrap:wrap}@media (max-width:359px){:is(body:has(.pet-builder)>header .container-page,body:has(.pet-achievement)>header .container-page){gap:6px;padding-left:10px;padding-right:10px}:is(body:has(.pet-builder)>header a[aria-label=Toodle\ home] img,body:has(.pet-achievement)>header a[aria-label=Toodle\ home] img){object-fit:contain;max-width:120px}}@media (max-width:1023px){.quiz-look-panels>[role=group]{background:#f3f7fd;margin-bottom:10px}.quiz-breed-intro{margin-bottom:10px}.quiz-breed-intro>span,.quiz-breed-intro p{display:none}.quiz-breed-intro h2{font-size:15px}.quiz-look-panels>section{margin-bottom:12px}}@media (max-width:767px){body:has(.pet-builder)>header>.container-page{gap:8px;height:56px;padding-inline:12px}body:has(.pet-builder)>header a[aria-label=Toodle\ home] img{width:auto;max-width:128px;height:34px}:is(body:has(.pet-builder)>header button[aria-controls=mobile-nav],body:has(.pet-builder)>header button[aria-label="Switch or add pets"]){min-width:44px;min-height:44px}}.quiz-detail-tabs{display:none}@media (max-width:1023px){.pet-builder{--pet-header-height:57px;--workspace-height:calc(var(--pet-editor-height,100svh) - var(--pet-header-height))}.quiz-workspace{height:var(--workspace-height);min-height:0;padding:6px 10px}.quiz-layout{height:100%}.quiz-main{grid-template-rows:25px minmax(80px,28%) minmax(0,1fr) 52px;gap:4px;height:100%}.quiz-heading{display:none}.quiz-mobile-preview{grid-row:2;height:100%}.quiz-mobile-preview>div>div:first-child{height:32px;padding-inline:8px}.quiz-question{grid-row:3;padding:8px}.quiz-question>.flex.items-start{display:none}.quiz-question>.mt-5{margin-top:0}.quiz-footer{grid-row:4;padding-top:4px}.quiz-look-panels{flex-direction:column;gap:6px;display:flex}.quiz-look-panels>*,.quiz-look-panels>[role=group]{margin:0}.quiz-look-panels>[role=group] button{min-height:44px}.quiz-breed-intro,.quiz-look-panels>.rounded-2xl:not([role=group]){display:none}.breed-picker [role=group]{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}.breed-picker [role=group]>button{padding:6px 3px}.breed-picker img,.breed-picker .breed-placeholder{height:56px}.breed-picker>div:last-child{gap:4px;margin-top:4px}.breed-picker>div:last-child>div{gap:4px}.quiz-workspace[data-step="0"] .quiz-main{grid-template-rows:25px auto minmax(80px,1fr) 52px}.quiz-workspace[data-step="0"] .quiz-question{grid-row:2}.quiz-workspace[data-step="0"] .quiz-mobile-preview{grid-row:3}.quiz-workspace[data-step="0"] .space-y-5>:not(:last-child){margin-bottom:10px}.quiz-detail-tabs{gap:6px;margin-bottom:8px;display:flex}.quiz-detail-tabs button{color:#1247b5;background:#f3f7fd;border-radius:12px;flex:1;min-height:44px;font-weight:700}.quiz-detail-tabs [aria-pressed=true]{color:#fff;background:#2a70e2}.quiz-detail-groups>*{margin:0}.quiz-workspace[data-question-panel="0"] .quiz-detail-groups>:not(:first-child),.quiz-workspace[data-question-panel="1"] .quiz-detail-groups>:first-child{display:none}.quiz-detail-groups>fieldset>.grid{gap:6px}.quiz-detail-groups button{min-height:44px;padding:8px 4px}.quiz-detail-groups>.quiz-weight{width:100%;max-width:none;margin-top:12px}.quiz-workspace[data-step="3"] .quiz-detail-groups>fieldset>.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quiz-workspace[data-short-viewport=true]:has(input:focus) .quiz-main{grid-template-rows:25px auto}:is(.quiz-workspace[data-short-viewport=true]:has(input:focus) .quiz-mobile-preview,.quiz-workspace[data-short-viewport=true]:has(input:focus) .quiz-footer){display:none}.quiz-workspace[data-short-viewport=true]:has(input:focus) .quiz-question{grid-row:2}.quiz-workspace[data-short-viewport=true][data-step="0"]:has(input:focus) fieldset{display:none}.quiz-workspace[data-short-viewport=true]:has(input:focus) .quiz-look-panels>[role=group]{display:none}.quiz-workspace[data-short-viewport=true]:has(input:focus) .quiz-look-panels>button{display:none}}@media (min-width:768px) and (max-width:1023px){.pet-builder{--pet-header-height:89px}}@media (max-height:700px) and (max-width:1023px){.quiz-main{grid-template-rows:25px minmax(80px,22%) minmax(0,1fr) 52px}}@media (max-width:1023px){.quiz-footer{min-width:0;margin-inline:0;padding-inline:0}.quiz-footer>button{overflow:hidden}.quiz-footer>button svg{flex-shrink:0}.quiz-question>div:nth-child(2){margin-top:0}.quiz-workspace .pet-control-page fieldset>.flex.flex-wrap{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.quiz-workspace .pet-control-page fieldset>.flex.flex-wrap button{min-width:0;padding-inline:4px}.quiz-workspace .pet-control-page fieldset>.flex.items-center{flex-wrap:wrap}.quiz-footer:has(.quiz-save-error){position:relative}.quiz-save-error{background:#fff;border:1px solid #fecaca;border-radius:12px;padding:8px;position:absolute;bottom:100%}}.breed-search-row{flex-shrink:0;gap:8px;display:flex}.breed-search-row>label{flex:1;min-width:0}.breed-pages{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;margin-top:8px;display:flex;overflow:auto hidden}.breed-pages::-webkit-scrollbar{display:none}.breed-page{scroll-snap-align:start;flex:0 0 100%;align-content:start;min-width:0;padding:2px}.breed-search-done{color:#1247b5;min-height:44px;padding:0 12px;font-weight:700}@media (max-width:1023px){.quiz-question:has(.breed-picker)>div:has(.quiz-look-panels){height:100%;min-height:0}.quiz-look-panels:has(.breed-picker){height:100%;min-height:0}.quiz-look-panels>section:has(.breed-picker){flex:1;min-height:0;margin:0}.breed-picker{flex-direction:column;height:100%;min-height:0;display:flex}.breed-picker .breed-pages{height:calc(var(--breed-rows,1) * 110px - 2px);flex:none;min-height:0}.breed-picker .breed-page{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:104px;gap:6px;margin:0}.breed-picker .breed-page>button{min-height:104px}.breed-picker .breed-page img,.breed-picker .breed-page .breed-placeholder{height:50px}.breed-picker>.breed-picker-footer{flex-shrink:0;min-height:44px;margin-top:4px;padding-inline:2px}body:has(.breed-picker[data-searching=true])>main{z-index:60}.breed-picker[data-searching=true]{z-index:80;left:0;right:0;top:var(--breed-search-top,0px);height:var(--breed-search-height,100dvh);background:#fff;padding:12px;position:fixed;box-shadow:0 0 0 100vmax #eaf6ff}.breed-picker[data-searching=true] input{font-size:16px}}.pet-type-silhouette{background:#7197d5;width:130px;height:112px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:alpha;mask-mode:alpha}.mutt-footer:has(.quiz-later){grid-template-columns:1fr 1.6fr;gap:4px 12px;display:grid}.mutt-footer .quiz-later{grid-area:2/1/auto/-1}@media (max-width:1023px){.pet-type-silhouette{max-width:100%;height:72px}.quiz-main{grid-template-rows:25px minmax(80px,21%) minmax(0,1fr) 94px}.quiz-workspace[data-step="0"] .quiz-main{grid-template-rows:25px auto minmax(64px,1fr) 94px}.quiz-footer{grid-template-rows:44px 44px;grid-template-columns:1fr 1.6fr;gap:2px 12px;padding-bottom:0;display:grid}.quiz-footer>button{width:100%;margin:0}.quiz-footer>button:first-of-type{grid-area:1/1}.quiz-footer>button:last-of-type{grid-area:1/2}.quiz-later{grid-area:2/1/auto/-1;width:100%;display:block}.mutt-lab-with-preview:has(.quiz-later){grid-template-rows:36px 32px minmax(64px,1fr) 330px 94px}}@media (max-height:700px) and (max-width:1023px){.quiz-main{grid-template-rows:25px minmax(64px,15%) minmax(0,1fr) 94px}.mutt-lab-with-preview:has(.quiz-later){grid-template-rows:0 24px minmax(64px,1fr) 268px 94px}.mutt-workshop:has(.quiz-later)>.mobile-wizard-progress{padding-right:38px}.mutt-lab-with-preview:has(.quiz-later) .mutt-heading{padding:0;position:relative}.mutt-lab-with-preview:has(.quiz-later) .mutt-heading>:not(button){display:none}.mutt-lab-with-preview:has(.quiz-later) .mutt-heading>button{height:25px;min-height:25px;position:absolute;top:-25px;right:0}.mutt-lab-with-preview:has(.quiz-later) .mutt-identity{height:24px}}@media (min-height:900px) and (max-width:1023px){.mutt-lab-with-preview:has(.quiz-later){grid-template-rows:36px 32px minmax(80px,1fr) 380px 94px}}@media (min-height:1100px) and (max-width:1023px){.mutt-lab-with-preview:has(.quiz-later){grid-template-rows:36px 32px minmax(80px,1fr) 480px 94px}}@media (max-width:1023px){.quiz-main{grid-template-rows:25px minmax(230px,32%) minmax(0,1fr) 94px}.quiz-question{overscroll-behavior-y:contain;overflow-y:auto}.quiz-mobile-preview [data-pet-scene]>div{max-width:78%;height:100%;bottom:0}.quiz-workspace[data-compact-viewport=true] .quiz-look-panels>[role=group] button,.quiz-workspace[data-compact-viewport=true] .quiz-detail-tabs button,.quiz-workspace[data-compact-viewport=true] .quiz-detail-groups button{min-height:40px;padding-block:5px}.quiz-workspace[data-compact-viewport=true] .quiz-look-panels,.quiz-workspace[data-compact-viewport=true] .quiz-detail-groups>fieldset>.grid{gap:4px}.quiz-workspace[data-compact-viewport=true] .breed-picker .breed-pages{height:calc(var(--breed-rows,1) * 98px - 2px)}.quiz-workspace[data-compact-viewport=true] .breed-picker .breed-page{grid-auto-rows:92px}.quiz-workspace[data-compact-viewport=true] .breed-picker .breed-page>button{min-height:92px}.quiz-workspace[data-compact-viewport=true] .breed-picker .breed-page img,.quiz-workspace[data-compact-viewport=true] .breed-picker .breed-page .breed-placeholder{height:44px}.quiz-workspace[data-tight-viewport=true] .quiz-main{grid-template-rows:25px minmax(190px,30%) minmax(0,1fr) 94px}.quiz-workspace[data-tiny-viewport=true] .quiz-main{grid-template-rows:25px minmax(160px,30%) minmax(0,1fr) 94px}.quiz-question:has(.pet-control-grid){overscroll-behavior-y:contain;overflow-y:auto}.quiz-workspace .pet-control-grid button{font-size:12px}.quiz-workspace .pet-control-grid fieldset>.flex.flex-wrap{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:5px}.quiz-workspace .pet-control-grid fieldset>.flex.flex-wrap>button{width:100%;min-height:44px}}