:root{--moonscape: #7f6c71;--grandma’s-pink-tiles: #e1bac0;--cinderella: #f8d1c6;--young-apricot: #f8d7b6;--cereal-flake: #f0d8ad;--oatmeal: #cdc5b9;--made-in-the-shade: #67717c;--misty-mountains: #b8cce0;--lucid-dreams: #c7e6f4;--icy-breeze: #c2eff1;--crushed-ice: #bdf5ed;--water-leaf: #b7efe7;--wizards-brew: #9d8bb3;--innocent-snowdrop: #cec0fa;--foggy-plateau: #d5d2fb;--puffy-cloud: #dce3fb;--diamond-white: #e1f4fb;--delicate-cloud: #d9dbe4}:root{--color-1: oklch(4.1308% .25306 109.22);--color-2: oklch(98.369% .01834 67.664);--color-3: oklch(26.787% .00168 186.65);--accent: oklch(86.947% .25527 28.789);--bg-color: var(--color-2);--text-color: var(--color-1)}@media (prefers-color-scheme: dark){:root{--bg-color: var(--color-3);--text-color: var(--color-2)}}:root{font-family:Inter,sans-serif;font-size:var(--fs-base)}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif;font-feature-settings:"ss03" 2;font-optical-sizing:auto}}body{background-color:oklch(from var(--bg-color) calc(l - .025) c h);color:var(--text-color);display:flex;flex-direction:column;overflow:hidden;height:100dvh}iframe{border:0}iframe[src*="/configurator/"],iframe[src*="/engine/"],iframe[src*="/input/"],iframe[src*="/orchestrator/"],iframe[src*="/processor/"],iframe[src*="/output/"]{height:0;left:110vw;opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:110vh;width:0}main{display:grid;gap:var(--space-2xs);grid-template-columns:repeat(3,1fr);grid-template-rows:auto;height:100dvh;overflow:hidden;padding:var(--space-md) var(--space-md);& iframe{border-radius:6px}}iframe[src*="/artwork-controller/"]{grid-column:3;height:100%;justify-self:end;max-width:var(--container-3xs);width:100%}