/* Workflow and workspace colors for the kids theme. */
:root[data-theme="kids"] {
 --theme-sun:#ffd428;
 --theme-sky:#52cfff;
 --theme-leaf:#79dc4e;
 --theme-mango:#ff9d32;
 --theme-berry:#ff7fae;
 --theme-grape:#b4a0ff;
 --theme-orange:#ff724f;
 --theme-mint:#47dfb4;
 --theme-lemon:#ffe175;
 --theme-apricot:#ffbc80;
 --theme-aqua:#78e2ed;
 --theme-turquoise:#69dfcf;
 --theme-periwinkle:#adbfff;
 --theme-rose:#f8b6dd;
 --theme-coral:#ffa899;
 --theme-lavender:#dec5ff;
 --theme-page:#ffffff;
 --theme-chrome:#ffffff;
 --theme-brand:#403bb1;
 --theme-chrome-raised:#ffdf40;
 --theme-hero:#ffd428;
 --theme-arch-outer:#51cfff;
 --theme-arch-middle:#ff52a2;
 --theme-arch-inner:#8ae659;
 --theme-house:#ff7649;
 --theme-roof:#713bd0;
 --theme-frame:#4c4296;
 --theme-focus:#4c277e;
 --theme-action:#3427aa;
 --theme-action-hover:#261b86;
 --theme-shadow:#5a351516;
 --theme-pattern:#e8a31a41;
 --theme-scene:#edf6ff;
 --theme-radius:22px;
}

:root[data-theme="kids"] {
 color-scheme:light;
 --theme-type:'Nunito Studio',Nunito,'Segoe UI',sans-serif;
 --theme-edge:right;
 --stage-fill:var(--theme-sun);
 --stage-ink:var(--theme-stage-ink,#523306);
 --stage-side:var(--theme-sky);
 --stage-detail:var(--theme-berry);
 --stage-accent:var(--theme-leaf);
 --studio-page:var(--theme-page);
 --studio-canvas:#fff;
 --studio-panel:#fff;
 --studio-raised:color-mix(in srgb,var(--theme-chrome) 30%,white);
 --studio-field:#fff;
 --studio-glass:#fffffff5;
 --studio-chrome:var(--theme-chrome);
 --studio-chrome-raised:var(--theme-chrome-raised);
 --studio-line:color-mix(in srgb,var(--theme-frame) 50%,white);
 --studio-line-strong:var(--theme-frame);
 --studio-scrim:#36223b85;
 --studio-ink:#2e203a;
 --studio-muted:#594a62;
 --studio-accent:#6a255b;
 --studio-focus:var(--theme-focus);
 --studio-cta:var(--theme-action);
 --studio-cta-hover:var(--theme-action-hover);
 --studio-pink:#9a1a57;
 --studio-blue:#075980;
 --studio-violet:#5f3192;
 --studio-lime:#24652e;
 --studio-amber:#815109;
 --studio-error:#a41c42;
 --studio-accent-tint:color-mix(in srgb,var(--theme-chrome) 43%,white);
 --studio-pink-tint:#ffe0ef;
 --studio-blue-tint:#d9f4ff;
 --studio-violet-tint:#f0e2ff;
 --studio-lime-tint:#e0f8d2;
 --studio-amber-tint:#fff0c6;
 --studio-error-tint:#ffe4eb;
 --studio-blue-line:#74bddd;
 --studio-lime-line:#91c880;
 --studio-amber-line:#dca64d;
 --studio-error-line:#e99bb1;
 --studio-blue-tint-soft:#f0faff;
 --studio-lime-tint-soft:#f0fbea;
 --studio-amber-tint-soft:#fff8e4;
}
:root[data-theme="kids"][lang="fa"] {
 --theme-type:'Vazirmatn Studio',Studio Persian,Tahoma,sans-serif;
 --studio-type-fa:var(--theme-type);
}
:root[dir="rtl"] { --theme-edge:left; }

:root[data-theme="kids"] :is(body,button,select,summary,textarea) {
 font-family:var(--theme-type);
}
:root[data-theme="kids"] body {
 background:radial-gradient(circle at 2px 2px,var(--theme-pattern) 1.4px,transparent 1.7px) 0 0/20px 20px,
  var(--studio-page);
}
:root[data-theme="kids"] :is(button,a,input,select,textarea,summary):focus-visible {
 outline:3px solid var(--studio-focus);
 outline-offset:2px;
}

:root[data-theme="kids"] :is(#main:has(.heading),#steps [data-stage]) {
 --stage-ink:var(--theme-stage-ink,var(--stage-label,#523306));
}
:root[data-theme="kids"] :is(body[data-stage216="1"] #main:has(.heading),#steps [data-stage="1"]) {
 --stage-fill:var(--theme-sky);
 --stage-label:#113d57;
 --stage-side:var(--theme-mango);
 --stage-detail:var(--theme-leaf);
 --stage-accent:var(--theme-berry);
}
:root[data-theme="kids"] :is(body[data-stage216="2"] #main:has(.heading),#steps [data-stage="2"]) {
 --stage-fill:var(--theme-leaf);
 --stage-label:#20442d;
 --stage-side:var(--theme-berry);
 --stage-detail:var(--theme-sky);
 --stage-accent:var(--theme-mango);
}
:root[data-theme="kids"] :is(body[data-stage216="10"] #main:has(.heading),#steps [data-stage="10"]) {
 --stage-fill:var(--theme-mango);
 --stage-label:#5b3209;
 --stage-side:var(--theme-sky);
 --stage-detail:var(--theme-grape);
 --stage-accent:var(--theme-mint);
}
:root[data-theme="kids"] #steps [data-stage="6"] {
 --stage-fill:var(--theme-berry);
 --stage-label:#581437;
}
:root[data-theme="kids"] body[data-stage216="6"] #main:has(.heading) {
 --stage-fill:var(--theme-grape);
 --stage-label:#392164;
 --stage-side:var(--theme-aqua);
 --stage-detail:var(--theme-lemon);
 --stage-accent:var(--theme-apricot);
}
:root[data-theme="kids"] :is(body[data-stage216="7"] #main:has(.heading),#steps [data-stage="7"]) {
 --stage-fill:var(--theme-grape);
 --stage-label:#392164;
 --stage-side:var(--theme-mint);
 --stage-detail:var(--theme-mango);
 --stage-accent:var(--theme-berry);
}
:root[data-theme="kids"] :is(body[data-stage216="9"] #main:has(.heading),#steps [data-stage="9"]) {
 --stage-fill:var(--theme-orange);
 --stage-label:#62281c;
 --stage-side:var(--theme-sky);
 --stage-detail:var(--theme-sun);
 --stage-accent:var(--theme-mint);
}
:root[data-theme="kids"] :is(body[data-stage216="8"] #main:has(.heading),#steps [data-stage="8"]) {
 --stage-fill:var(--theme-mint);
 --stage-label:#153f3a;
 --stage-side:var(--theme-grape);
 --stage-detail:var(--theme-berry);
 --stage-accent:var(--theme-sun);
}

:root[data-theme="kids"] .sidebar {
 --sidebar-width:clamp(218px,19vw,258px);
 --studio-focus:#fff;
 background:var(--theme-brand);
 color:#fff;
 border-inline-end:2px solid var(--theme-brand);
 box-shadow:0 0 24px var(--theme-shadow);
 padding-block:1rem;
}
@media (min-width:761px) {
 :root[data-theme="kids"] .main-wrap {
  --sidebar-width:clamp(218px,19vw,258px);
 }
}
:root[data-theme="kids"] .sidebar .brand {
 margin-block-end:.6rem;
 padding:.7rem .65rem;
 background:var(--theme-brand);
 color:#fff;
 border:1px solid #ffffff59;
 border-radius:18px 18px 24px 18px;
 box-shadow:0 3px 0 var(--theme-shadow);
 font-size:1rem;
 line-height:1.55;
}
:root[data-theme="kids"] .sidebar .brand small { color:#fff; letter-spacing:.045em; }
:root[data-theme="kids"] .sidebar .workspace-help {
 background:#fff;
 color:var(--studio-ink);
 border-radius:999px;
 min-height:38px;
 padding:.3rem .75rem;
 margin:.12rem 0 .35rem;
}
:root[data-theme="kids"] .sidebar .workspace-help:hover { background:#f5f3ff; }
:root[data-theme="kids"] .sidebar .caption {
 font-weight:800;
 color:inherit;
 padding:.45rem .55rem .5rem;
}
:root[data-theme="kids"] .sidebar .edition {
 color:inherit;
 border-color:#ffffff59;
 padding:.75rem .45rem 0;
}
:root[data-theme="kids"] .sidebar .edition span { border-color:#ffffff80; }
:root[data-theme="kids"] #steps { gap:.5rem; }
:root[data-theme="kids"] #steps .step-group238 + .step-group238 {
 margin:0;
 padding:0;
 border:0;
}
:root[data-theme="kids"] #steps .step-sub238 { margin:.42rem .45rem 0; }
:root[data-theme="kids"] #steps button {
 background:var(--stage-fill);
 color:var(--stage-ink);
 border:2px solid color-mix(in srgb,var(--stage-ink) 23%,var(--stage-fill));
 border-radius:18px 18px 23px 18px;
 min-height:48px;
 gap:.4rem;
 padding:5px 7px;
 line-height:1.4;
 box-shadow:0 3px 0 var(--theme-shadow);
}
:root[data-theme="kids"] #steps .step-primary238 button {
 min-height:53px;
 font-weight:800;
}
:root[data-theme="kids"] #steps .step-sub238 button { font-weight:650; }
:root[data-theme="kids"] #steps button:hover {
 background:color-mix(in srgb,var(--stage-fill) 76%,white);
 border-color:var(--stage-ink);
}
:root[data-theme="kids"] #steps button.active {
 border-color:var(--stage-ink);
 box-shadow:0 3px 0 var(--stage-ink);
 font-weight:850;
}
:root[data-theme="kids"] #steps .step-icon {
 display:grid;
 place-items:center;
 width:31px;
 height:31px;
 flex:0 0 31px;
 border-radius:10px;
 background:#fffd;
}
:root[data-theme="kids"] #steps .step-icon svg { width:21px; height:21px; }
:root[data-theme="kids"] #steps .active .step-icon { background:var(--stage-ink); color:#fff; }
:root[data-theme="kids"] #steps .step-no {
 flex:none;
 min-width:1.15rem;
 color:inherit;
 font:800 .74rem/1 var(--theme-type);
}
:root[data-theme="kids"] #steps .step-check216 { background:#fff; }

:root[data-theme="kids"] .workspace-topbar {
 background:#fff;
 border-color:var(--theme-frame);
 box-shadow:0 3px 0 var(--theme-shadow);
}
:root[data-theme="kids"] .workspace-commands #file-commands { border-radius:16px; }
:root[data-theme="kids"] #main:has(.heading) {
 --studio-raised:color-mix(in srgb,var(--stage-fill) 24%,white);
 --studio-accent:var(--stage-ink);
 --studio-accent-tint:color-mix(in srgb,var(--stage-fill) 35%,white);
 --studio-line:color-mix(in srgb,var(--stage-fill) 72%,var(--stage-ink));
 --teal:var(--studio-accent);
}
:root[data-theme="kids"] #main .heading {
 padding:clamp(.75rem,1.6vw,1.45rem);
 background:var(--stage-fill);
 border:2px solid color-mix(in srgb,var(--stage-ink) 30%,var(--stage-fill));
 border-radius:var(--theme-radius);
 box-shadow:0 4px 0 var(--theme-shadow);
}
:root[data-theme="kids"] #main .heading :is(h1,.subtext,.eyebrow,.project-switch) {
 color:var(--stage-ink);
}
:root[data-theme="kids"] .stage-title {
 display:grid;
 grid-template-columns:auto minmax(0,1fr);
 gap:0 .75rem;
 align-items:center;
}
:root[data-theme="kids"] #main .heading h1 { font-weight:850; line-height:1.4; margin:0; }
:root[data-theme="kids"] .stage-title .subtext { grid-column:2; }
:root[data-theme="kids"] .stage-icon {
 grid-row:1 / span 2;
 display:grid;
 place-items:center;
 width:clamp(38px,4vw,54px);
 aspect-ratio:1;
 border:2px solid #fff;
 border-radius:32% 32% 42% 32%;
 background:#fffc;
 color:var(--stage-ink);
 box-shadow:0 3px 0 var(--theme-shadow);
}
:root[data-theme="kids"] .stage-icon svg { width:58%; height:58%; }
:root[data-theme="kids"] .workspace-context > .spatial-toolbar {
 background:#fff;
 border-color:var(--studio-line);
 border-radius:14px;
}

/* A building and layered arches echo the shapes of the printed references. */
.welcome-art { display:none; }
:root[data-theme="kids"] .welcome { max-width:1050px; }
:root[data-theme="kids"] .welcome-top {
 display:grid;
 align-content:center;
 position:relative;
 isolation:isolate;
 overflow:hidden;
 min-height:clamp(16rem,26vw,21rem);
 padding:clamp(1.1rem,3.5vw,3rem);
 padding-inline-end:44%;
 background:var(--theme-hero);
 border:2px solid var(--theme-frame);
 border-radius:30px;
 box-shadow:0 6px 0 var(--theme-shadow);
}
:root[data-theme="kids"] .welcome-top h1 {
 font-size:clamp(1.7rem,3.2vw,3.1rem);
 line-height:1.35;
 font-weight:900;
 margin:.35rem 0;
}
:root[data-theme="kids"] :is(.welcome-top,.guide-hero) :is(h1,h3,p,small) { color:var(--studio-ink); }
:root[data-theme="kids"] .welcome-top p { max-width:44ch; margin:.35rem 0 0; }
:root[data-theme="kids"] .welcome-art {
 position:absolute;
 display:block;
 pointer-events:none;
 inset-block:0;
 inset-inline-end:0;
 width:42%;
}
.welcome-arch {
 position:absolute;
 width:100%;
 height:89%;
 inset-block-end:-9%;
 inset-inline-end:-3%;
 border-radius:50% 50% 0 0 / 74% 74% 0 0;
 background:radial-gradient(circle at 51% 98%,
  var(--theme-arch-inner) 0 24%,var(--theme-arch-middle) 24.5% 44%,var(--theme-arch-outer) 44.5%);
 border:3px solid #fff;
}
.welcome-sun {
 position:absolute;
 display:grid;
 place-items:center;
 inset-block-start:13%;
 inset-inline-start:9%;
 width:clamp(42px,6vw,92px);
 aspect-ratio:1;
 border-radius:50%;
 border:3px solid #fff;
 background:#ffe94b;
 color:#593324;
 box-shadow:0 4px 0 #6e3d2830;
 transform:rotate(-9deg);
}
.welcome-sun::before {
 content:'';
 position:absolute;
 width:8%;
 aspect-ratio:1;
 border-radius:50%;
 background:currentColor;
 transform:translate(-190%,-70%);
 box-shadow:.27em 0 currentColor;
 font-size:clamp(34px,5.2vw,86px);
}
.welcome-sun::after {
 content:'';
 position:absolute;
 width:25%;
 height:16%;
 inset-block-start:52%;
 border-radius:0 0 50% 50%;
 background:currentColor;
}
.welcome-house {
 position:absolute;
 inset-block-end:6%;
 inset-inline-end:18%;
 width:29%;
 height:29%;
 border-radius:10px 10px 18px 18px;
 border:3px solid #fff;
 background:var(--theme-house);
 box-shadow:0 4px 0 #49315629;
}
.welcome-house::before {
 content:'';
 position:absolute;
 inset:-63% -14% auto;
 height:73%;
 background:var(--theme-roof);
 clip-path:polygon(50% 0,100% 100%,0 100%);
}
.welcome-house::after {
 content:'';
 position:absolute;
 width:32%;
 height:69%;
 inset-block-end:0;
 inset-inline-start:34%;
 border-radius:999px 999px 0 0;
 background:#fff;
}
:root[data-theme="kids"] .welcome .card {
 --tile-fill:var(--theme-sky);
 border-radius:var(--theme-radius);
 margin-block-start:1rem;
}
:root[data-theme="kids"] .welcome .card-body .actions > .btn {
 flex:1 0 auto;
 min-height:52px;
 font-size:.9rem;
}
:root[data-theme="kids"] .welcome .card-body .actions > .btn svg {
 width:22px;
 height:22px;
}
:root[data-theme="kids"] .welcome .card-body .actions > .btn:nth-child(2) { background:var(--theme-mango); }
:root[data-theme="kids"] .welcome .card-body .actions > .btn:nth-child(3) { background:var(--theme-leaf); }
:root[data-theme="kids"] .welcome .card-body .actions > .btn:nth-child(4) { background:var(--theme-grape); }
@media (max-width:600px) {
 :root[data-theme="kids"] .welcome-top {
  min-height:0;
  padding:1.15rem 1.05rem min(31vw,8rem);
 }
 :root[data-theme="kids"] .welcome-art {
  inset-block-start:auto;
  height:min(33vw,8.5rem);
  width:min(55%,12.5rem);
 }
}

/* Colored headers identify tools. Light surfaces keep plans and inputs legible. */
:root[data-theme="kids"] :is(.card,.guest-panel237,.project-floor36,.portfolio-project,
 .proposal-card38,.layout-gallery-row,.stat,.workspace-settings-grid section,.guide-step,.ar-settings,.ar-preview-figure,.ar-card) {
 background:var(--studio-panel);
 border-color:color-mix(in srgb,var(--tile-fill,var(--stage-fill)) 67%,var(--stage-ink));
 border-radius:var(--theme-radius);
 box-shadow:0 3px 0 var(--theme-shadow);
}
:root[data-theme="kids"] :is(.stat:nth-child(even),
 .guest-spaces237,.workspace-settings-grid section:nth-child(3n+2),.guide-step:nth-of-type(3n+2),
 .ar-card:nth-child(3n+2),.layout-gallery-row:nth-child(3n+2),.proposal-card38:nth-child(3n+2)) {
 --tile-fill:var(--theme-sky);
}
:root[data-theme="kids"] :is(.guest-brief237,
 .workspace-settings-grid section:nth-child(3n),.guide-step:nth-of-type(3n),.ar-card:nth-child(3n),
 .layout-gallery-row:nth-child(3n),.proposal-card38:nth-child(3n)) {
 --tile-fill:var(--theme-berry);
}
:root[data-theme="kids"] #main .side-panels > .card:nth-child(3n+2 of .card) {
 --tile-fill:var(--stage-side);
}
:root[data-theme="kids"] #main .side-panels > .card:nth-child(3n of .card) {
 --tile-fill:var(--stage-detail);
}
:root[data-theme="kids"] :is(.card-title,.canvas-top,#modal .modal-top,.feedback-plan-bar228,.survey-bar228,
 .guide-step > summary,.guide-step[open] > summary,.layout-gallery-row > header) {
 background:var(--tile-fill,var(--stage-fill));
 border-color:var(--studio-line);
 color:var(--studio-ink);
}
:root[data-theme="kids"] :is(.card-title h3,.modal-top h2,.guide-step > summary strong) {
 font-weight:800;
}
:root[data-theme="kids"] :is(.stat,.workspace-settings-grid section,.guest-panel237,.ar-card,
 .layout-gallery-card,.proposal-card38,.movement-group230,.survey-question228,.guide-phases button) {
 background-color:var(--tile-fill,var(--stage-fill));
}
:root[data-theme="kids"] :is(.layout-gallery-card,.proposal-card38,.survey-question228,.guest-layout237,
 .program-space216,.option-card,.movement-group230,.guide-phases button,.workspace-dialog-intro,.note) {
 border-radius:16px;
}
:root[data-theme="kids"] .workspace-settings-grid section { border-block-start:5px solid var(--tile-fill,var(--theme-sun)); }
:root[data-theme="kids"] :is(.welcome-choice,.guide-phases button,.survey-question228,.program-space216,
 .viewer-settings223,.layout-gallery-description) {
 border-color:var(--studio-line);
}
:root[data-theme="kids"] :is(.guide-hero,.decision-hero223,.ar-hero) {
 background:var(--theme-hero);
 color:var(--studio-ink);
 border-color:var(--theme-frame);
 border-radius:var(--theme-radius);
}
:root[data-theme="kids"] :is(.guide-hero img,.ar-hero-art) { border-radius:15px; }
:root[data-theme="kids"] :is(.guide-kicker,.decision-hero223 :is(p,h2,small)) { color:var(--studio-ink); }
:root[data-theme="kids"] :is(.guide-phases li:nth-child(2) button,.movement-group230:nth-child(2),
 .proposal-card38:nth-child(3n+1)) { --tile-fill:var(--theme-leaf); }
:root[data-theme="kids"] :is(.guide-phases li:nth-child(3) button,.movement-group230:nth-child(3)) { --tile-fill:var(--theme-mango); }
:root[data-theme="kids"] .movement-group230:nth-child(4) { --tile-fill:var(--theme-grape); }

:root[data-theme="kids"] :is(.btn,.welcome-choice,.guide-phases button,#enter,#pair-submit,.ar-primary) {
 border-radius:13px;
 font-weight:700;
}
:root[data-theme="kids"] :is(.workspace-commands > .btn,#file-menu > summary,.btn.mobile,.welcome .btn) { min-height:44px; }
:root[data-theme="kids"] :is(.btn.primary,.invitation-dialog237 button,#enter,#pair-submit,.ar-primary,#ar-retry) {
 background:var(--studio-cta);
 border-color:var(--studio-cta);
 color:#fff;
}
:root[data-theme="kids"] :is(.btn.primary,.invitation-dialog237 button,#enter,#pair-submit,.ar-primary,#ar-retry):enabled:hover {
 background:var(--studio-cta-hover);
}
:root[data-theme="kids"] :is(.btn.secondary,.btn.active:not(.primary),.btn[aria-pressed="true"]:not(.primary),
 .segmented button:is(.active,[aria-pressed="true"]),.layout-gallery-card.approved,.proposal-reference38) {
 background:var(--studio-accent-tint);
 border-color:var(--studio-accent);
 color:var(--studio-ink);
}
:root[data-theme="kids"] :is(.btn.danger,.liked,.guest-like237[aria-pressed="true"]) {
 color:var(--studio-error);
 background:var(--studio-error-tint);
}
:root[data-theme="kids"] :is(input[type="range"],input[type="checkbox"],input[type="radio"],progress) {
 accent-color:var(--studio-cta);
}
:root[data-theme="kids"] :is(.plan-shell,.graph-viewport,.round-overlay-panel38,.pedestrian-view,.furnish-viewport244,.image-panel) {
 background:var(--studio-canvas);
}

:root[data-theme="kids"] :is(.guest-header237,.ar-header) {
 background:var(--studio-chrome);
 border-block-end:2px solid var(--theme-frame);
}
:root[data-theme="kids"] .ar-header-links button { background:#fff; border-radius:12px; }
:root[data-theme="kids"] :is(dialog,#vr-panel,#vr-screen-tools) {
 border-radius:var(--theme-radius);
 border-color:var(--theme-frame);
 box-shadow:0 6px 0 var(--theme-shadow),0 18px 46px var(--theme-shadow);
}
:root[data-theme="kids"] #vr-panel { border-block-start:6px solid var(--studio-chrome); }
:root[data-theme="kids"].viewer-shell223 body:not(.camera-ar216) {
 background-color:var(--theme-scene);
}


:root[data-theme="kids"] #main {background:#fff;}
:root[data-theme="kids"] #main .workspace > section.card,
:root[data-theme="kids"] #main .workspace > div > section.card,
:root[data-theme="kids"] #main .side-panels > .card {--tile-fill:var(--stage-side);}
:root[data-theme="kids"] #main .side-panels > .card:nth-child(3n+1 of .card) {--tile-fill:var(--stage-detail);}
:root[data-theme="kids"] #main .side-panels > .card:nth-child(3n of .card) {--tile-fill:var(--stage-accent);}
:root[data-theme="kids"] :is(.workspace-topbar,#modal .modal-top,.guest-header237,.ar-header) {
 border-block-end:4px solid var(--theme-sky);
}
:root[data-theme="kids"] .fz-table213 [data-criterion-group="expert"] {--fz-group-fill:#79dc4e;}
:root[data-theme="kids"] .fz-table213 [data-criterion-group="user"] {--fz-group-fill:#52cfff;}
:root[data-theme="kids"] .fz-table213 [data-criterion-group="social"] {--fz-group-fill:#ffd428;}
:root[data-theme="kids"] .fz-table213 th[data-criterion-group] {background:var(--fz-group-fill);color:#241d35;}
:root[data-theme="kids"] .fz-table213 td[data-criterion-group] {background:#fff;border-color:var(--fz-group-fill);}

/* The program and decision tree share the selected room hue. */
:root[data-theme="kids"] body[data-stage216="0"] #main :is(.program-space216,.layout-gallery-row) {
 --space-highlight:var(--space-color,var(--theme-sun));
 --tile-fill:var(--space-highlight);
 --studio-raised:color-mix(in srgb,var(--space-highlight) 19%,white);
 --studio-accent-tint:color-mix(in srgb,var(--space-highlight) 39%,white);
 --studio-line:color-mix(in srgb,var(--space-highlight) 80%,var(--studio-ink));
 background:color-mix(in srgb,var(--space-highlight) 30%,white);
 border:1px solid var(--studio-line);
 border-inline-start-width:4px;
}
@supports (color:hsl(from red h s l)) {
 :root[data-theme="kids"] body[data-stage216="0"] #main :is(.program-space216,.layout-gallery-row) {
  --space-highlight:hsl(from var(--space-color,var(--theme-sun)) h min(calc(s * 1.55),92) clamp(65,calc(45 + l * .48),78));
 }
}
:root[data-theme="kids"] #main #layout-gallery { --tile-fill:var(--theme-lemon); }
:root[data-theme="kids"] body[data-stage216="0"] #main .side-panels > .card:has(#spec-list) {
 --tile-fill:var(--theme-apricot);
}
:root[data-theme="kids"] #main .layout-gallery-row { padding:.6rem; }
:root[data-theme="kids"] #main .layout-gallery-row > header { padding:.45rem .65rem; border-radius:12px; }

/* Space organization cards and rows. */
:root[data-theme="kids"] #main .connections228 .connection-plan228 > .card:first-child { --tile-fill:var(--theme-sky); }
:root[data-theme="kids"] #main .connections228 .connection-plan228 > .justified228 { --tile-fill:var(--theme-grape); }
:root[data-theme="kids"] #main .connection-graph228 #opening-panel > .card { --tile-fill:var(--theme-apricot); }
:root[data-theme="kids"] #main .connection-graph228 > .card { --tile-fill:var(--theme-aqua); }
:root[data-theme="kids"] #main .movement-settings230 > .card:nth-child(6n+1 of .card) { --tile-fill:var(--theme-lemon); }
:root[data-theme="kids"] #main .movement-settings230 > .card:nth-child(6n+2 of .card) { --tile-fill:var(--theme-periwinkle); }
:root[data-theme="kids"] #main .movement-settings230 > .card:nth-child(6n+3 of .card) { --tile-fill:var(--theme-coral); }
:root[data-theme="kids"] #main .movement-settings230 > .card:nth-child(6n+4 of .card) { --tile-fill:#b5e985; }
:root[data-theme="kids"] #main .movement-settings230 > .card:nth-child(6n+5 of .card) { --tile-fill:var(--theme-lavender); }
:root[data-theme="kids"] #main .movement-settings230 > .card:nth-child(6n of .card) { --tile-fill:var(--theme-rose); }
:root[data-theme="kids"] #movement-section230 > .card:nth-child(3n+1 of .card) { --tile-fill:var(--theme-periwinkle); }
:root[data-theme="kids"] #movement-section230 > .card:nth-child(3n+2 of .card) { --tile-fill:var(--theme-mango); }
:root[data-theme="kids"] #movement-section230 > .card:nth-child(3n of .card) { --tile-fill:var(--theme-turquoise); }
:root[data-theme="kids"] #main .connection-analysis228 {
 background:color-mix(in srgb,var(--theme-periwinkle) 21%,white);
 border-color:var(--theme-periwinkle);
}
:root[data-theme="kids"] #main .connection-analysis228 .card {
 --studio-raised:color-mix(in srgb,var(--tile-fill) 22%,white);
 --studio-accent-tint:color-mix(in srgb,var(--tile-fill) 34%,white);
 --studio-line:color-mix(in srgb,var(--tile-fill) 65%,var(--stage-ink));
}

:root[data-theme="kids"] #main :is(.connections228,.feedback-columns230) :is(
 .movement-group230,.opening-row,.privacy-weights224 > label,.connection-graph228 tbody > tr,
 .material-gallery32 tbody tr,.history-row,.render-card35
) {
 --row-fill:var(--theme-periwinkle);
 background-color:color-mix(in srgb,var(--row-fill) 46%,white);
 border-color:var(--row-fill);
 &:nth-child(5n+2) { --row-fill:var(--theme-lemon); }
 &:nth-child(5n+3) { --row-fill:var(--theme-aqua); }
 &:nth-child(5n+4) { --row-fill:var(--theme-apricot); }
 &:nth-child(5n) { --row-fill:var(--theme-lavender); }
}
:root[data-theme="kids"] #main .connections228 .opening-list > .opening-row.selected {
 background-color:var(--row-fill);
 border-color:var(--stage-ink);
}
:root[data-theme="kids"] #main .connection-graph228 thead th { background:var(--column-fill,var(--theme-aqua)); }
:root[data-theme="kids"] #main .connection-graph228 thead th:nth-child(5n+2) { --column-fill:var(--theme-lemon); }
:root[data-theme="kids"] #main .connection-graph228 thead th:nth-child(5n+3) { --column-fill:var(--theme-lavender); }
:root[data-theme="kids"] #main .connection-graph228 thead th:nth-child(5n+4) { --column-fill:var(--theme-apricot); }
:root[data-theme="kids"] #main .connection-graph228 thead th:nth-child(5n) { --column-fill:var(--theme-periwinkle); }

:root[data-theme="kids"] #survey-form221[data-group="expert"] .survey-bar228 {
 --tile-fill:var(--theme-lavender);
 border-color:var(--theme-grape);
}

/* Feedback panels, materials and questionnaire rows. */
:root[data-theme="kids"] #main .feedback-columns230 > .side-panels > .card:nth-child(4n+1 of .card) { --tile-fill:var(--theme-apricot); }
:root[data-theme="kids"] #main .feedback-columns230 > .side-panels > .card:nth-child(4n+2 of .card) { --tile-fill:var(--theme-periwinkle); }
:root[data-theme="kids"] #main .feedback-columns230 > .side-panels > .card:nth-child(4n+3 of .card) { --tile-fill:var(--theme-lemon); }
:root[data-theme="kids"] #main .feedback-columns230 > .side-panels > .card:nth-child(4n of .card) { --tile-fill:var(--theme-lavender); }
:root[data-theme="kids"] #main .feedback-columns230 #furnish-card244 {
 background:color-mix(in srgb,var(--tile-fill) 30%,white);
 border-color:var(--tile-fill);
}
:root[data-theme="kids"] #main .feedback-columns230 .furnish-mark244 { background:var(--tile-fill); }
:root[data-theme="kids"] #main .feedback-columns230 .render-gallery32 { background:#fff6d7; }
:root[data-theme="kids"] #main .feedback-columns230 .material-gallery32 { background:#edf0ff; }
:root[data-theme="kids"] #main .feedback-columns230 .material-gallery32 thead th { background:var(--theme-periwinkle); }
:root[data-theme="kids"] #main .feedback-columns230 .material-gallery32 thead th:nth-child(2) { background:var(--theme-lemon); }
:root[data-theme="kids"] #main .feedback-columns230 .material-gallery32 thead th:nth-child(3) { background:var(--theme-aqua); }
:root[data-theme="kids"] #main .feedback-columns230 .material-gallery32 tbody th { background:inherit; }
:root[data-theme="kids"] #survey-form221[data-group="user"] .survey-domain227 {
 --survey-heading:var(--theme-periwinkle);
 --survey-first:var(--theme-aqua);
 --survey-second:var(--theme-lemon);
 --survey-third:var(--theme-lavender);
}
:root[data-theme="kids"] #survey-form221[data-group="user"] .survey-domain227:nth-child(even) {
 --survey-heading:var(--theme-apricot);
 --survey-first:var(--theme-periwinkle);
 --survey-second:var(--theme-apricot);
 --survey-third:var(--theme-sky);
}
:root[data-theme="kids"] #survey-form221[data-group="user"] .survey-domain-heading227 { background:var(--survey-heading); }
:root[data-theme="kids"] #survey-form221[data-group="user"] .user-question35 {
 --tile-fill:var(--survey-first);
 background:color-mix(in srgb,var(--tile-fill) 44%,white);
 border-color:var(--tile-fill);
}
:root[data-theme="kids"] #survey-form221[data-group="user"] .user-question35:nth-child(3n+2) { --tile-fill:var(--survey-second); }
:root[data-theme="kids"] #survey-form221[data-group="user"] .user-question35:nth-child(3n) { --tile-fill:var(--survey-third); }

/* AI recommendation controls and proposal cards. */
:root[data-theme="kids"] #main .proposal-workspace4 > .card:first-child { --tile-fill:var(--theme-lemon); }
:root[data-theme="kids"] #main .proposal-workspace4 > .card:nth-child(2) { --tile-fill:var(--theme-grape); }
:root[data-theme="kids"] #main .proposal-workspace4 .note { background:color-mix(in srgb,var(--tile-fill) 25%,white); }
:root[data-theme="kids"] #main .proposal-workspace4 :is(.proposal-scope4 > .btn,.proposal-grid38 > .proposal-card38) {
 --tile-fill:var(--theme-sky);
 background:color-mix(in srgb,var(--tile-fill) 44%,white);
 border-color:color-mix(in srgb,var(--tile-fill) 72%,var(--studio-ink));
 &:nth-child(6n+2) { --tile-fill:var(--theme-lemon); }
 &:nth-child(6n+3) { --tile-fill:var(--theme-apricot); }
 &:nth-child(6n+4) { --tile-fill:var(--theme-lavender); }
 &:nth-child(6n+5) { --tile-fill:var(--theme-aqua); }
 &:nth-child(6n) { --tile-fill:var(--theme-coral); }
}
:root[data-theme="kids"] #main .proposal-scope4 > .btn:is([aria-pressed="true"],:enabled:hover) { background:var(--tile-fill); }
:root[data-theme="kids"] #main .proposal-scope4 > .btn[aria-pressed="true"] {
 border-color:var(--stage-ink);
 box-shadow:inset 0 -2px var(--stage-ink);
}
:root[data-theme="kids"] #main .proposal-workspace4 .proposal-preview38 { background:#fff; }
:root[data-theme="kids"] #main .proposal-workspace4 .proposal-tags4 span { background:color-mix(in srgb,var(--tile-fill) 68%,white); }

:root[data-theme="kids"] #main .reward-card238 > .card {
 --tile-fill:var(--theme-periwinkle);
 --reward-rule:#a7b3e3;
 --studio-line:var(--reward-rule);
 background:#f1f4ff;
}
:root[data-theme="kids"] #main .reward-card238 .rewards-table237 thead th { background:#dbe4ff; }
:root[data-theme="kids"] #main .reward-card238 .rewards-table237 tbody tr:nth-child(even) { background:#eaf0ff; }
:root[data-theme="kids"] #main .reward-card238 .rewards-table237 tbody th { background:inherit; }
:root[data-theme="kids"] #main .reward-card238 .note { background:#e5eaff; border-color:#a7b3e3; }

.layout-gallery-links .selected38 {
 stroke:#00bd8a;stroke-width:3.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;
 filter:drop-shadow(0 0 2px #00e6a3aa);
}
:root[data-theme="dark"] .layout-gallery-links .selected38 {stroke:#64ffd3;filter:drop-shadow(0 0 3px #00ffc6c0)}
:root[data-theme="kids"] .layout-gallery-links .selected38 {stroke:#8943ff;filter:drop-shadow(0 0 3px #be95ffda)}