.formula-lab[data-v-a478acdc]{--atmosphere:color-mix(in srgb,var(--lab-accent) 13%,#fcfcfa);min-height:100dvh;background:radial-gradient(circle at 85% 7%,color-mix(in srgb,var(--lab-accent) 20%,transparent),transparent 27rem),linear-gradient(180deg,var(--atmosphere),#fcfcfa 28rem)}.formula-lab__header[data-v-a478acdc]{padding-block:30px 38px}.formula-lab__heading[data-v-a478acdc]{display:grid;align-items:end;gap:40px;padding-block-start:46px}.formula-lab__heading h1[data-v-a478acdc]{max-width:920px;margin-block-end:16px;font-size:clamp(2.25rem,5.4vw,5.6rem)}.formula-lab__heading h1 bdi[data-v-a478acdc]{display:inline-block;margin-inline:.12em;font-family:var(--font-en);font-weight:800;letter-spacing:-.04em}.formula-lab__heading p[data-v-a478acdc]{max-width:740px;margin:0;color:var(--text-secondary);font-size:1rem}.formula-lab__layout[data-v-a478acdc]{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(0,1.35fr);gap:46px;align-items:start}.chromatic-stage[data-v-a478acdc]{display:grid;gap:14px}.chromatic-stage__field[data-v-a478acdc]{display:flex;min-height:min(58vh,590px);flex-direction:column;justify-content:space-between;padding:28px;overflow:hidden;border:1px solid hsla(0,0%,100%,.46);border-radius:32px;box-shadow:0 32px 90px color-mix(in srgb,var(--lab-accent) 22%,transparent)}.chromatic-stage__field span[data-v-a478acdc]{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.chromatic-stage__field strong[data-v-a478acdc]{font-size:clamp(1.8rem,4vw,3.5rem)}.chromatic-stage__actions[data-v-a478acdc]{display:flex;gap:8px}.chromatic-stage__actions>button[data-v-a478acdc],.code-grid button[data-v-a478acdc],.mobile-action-dock>button[data-v-a478acdc]{min-height:44px;padding-inline:13px;border:1px solid var(--border-subtle);border-radius:10px;background:#fff;font-size:.72rem;font-weight:800}.chromatic-stage__strip[data-v-a478acdc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(38px,1fr));min-height:58px;overflow:hidden;border:6px solid #fff;border-radius:14px;box-shadow:var(--shadow-sm)}.chromatic-stage__strip>span[data-v-a478acdc]{position:relative;display:grid;min-width:0}.chromatic-stage__strip button[data-v-a478acdc]{min-height:46px;border:0;cursor:pointer}.chromatic-stage__strip a[data-v-a478acdc]{position:absolute;inset-inline-end:3px;inset-block-end:3px;display:grid;width:20px;height:20px;place-items:center;border-radius:6px;background:#ffffffe0;color:#111318;font-size:.6rem}.chromatic-stage__rail[data-v-a478acdc]{display:flex;flex-wrap:wrap;gap:6px}.chromatic-stage__rail a[data-v-a478acdc]{padding:7px 10px;border:1px solid var(--border-subtle);border-radius:999px;background:#ffffffb8;color:var(--text-secondary);font-size:.67rem;font-weight:700}.laboratory-deck[data-v-a478acdc]{display:grid;gap:70px;padding-block-end:80px}.laboratory-section[data-v-a478acdc]{scroll-margin-top:100px}.value-rail[data-v-a478acdc]{border-block-start:1px solid var(--border-strong)}.value-rail article[data-v-a478acdc]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:84px;padding-block:13px;border-block-end:1px solid var(--border-subtle)}.value-rail article>div[data-v-a478acdc]{display:grid;grid-template-columns:minmax(110px,.3fr) minmax(0,1fr);align-items:baseline;gap:12px}.value-rail small[data-v-a478acdc],.value-rail span[data-v-a478acdc]{color:var(--text-secondary);font-size:.7rem;font-weight:700}.value-rail strong[data-v-a478acdc]{overflow-wrap:anywhere;font-size:.88rem}.value-rail small[data-v-a478acdc]{grid-column:2}.preview-worlds[data-v-a478acdc]{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--border-subtle);border-radius:26px}.preview-worlds>div[data-v-a478acdc]{min-height:390px;padding:24px}.preview-worlds__light[data-v-a478acdc]{background:#f4f4f1;color:#111318}.preview-worlds__dark[data-v-a478acdc]{background:#111318;color:#fff}.preview-ui[data-v-a478acdc]{display:grid;min-height:100%;align-content:center;gap:17px;padding:24px;border-radius:20px;border:1px solid color-mix(in srgb,currentColor 14%,transparent)}.preview-ui>span[data-v-a478acdc]{color:color-mix(in srgb,currentColor 64%,transparent);font-family:var(--font-en);font-size:.68rem}.preview-ui h3[data-v-a478acdc]{margin:0;font-size:1.45rem}.preview-ui p[data-v-a478acdc]{margin:0;color:color-mix(in srgb,currentColor 70%,transparent);font-size:.78rem}.preview-ui button[data-v-a478acdc]{width:-moz-fit-content;width:fit-content;min-height:44px;padding-inline:18px;border:0;border-radius:12px;background:var(--preview);color:var(--preview-text);font-weight:800}.code-grid[data-v-a478acdc]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.code-grid>div[data-v-a478acdc]{min-width:0;overflow:hidden;border:1px solid #2d3038;border-radius:18px;background:#111318;color:#f8f8f4}.code-grid header[data-v-a478acdc]{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:10px;padding-inline:15px;border-block-end:1px solid #2d3038;font-size:.7rem;font-weight:800}.code-grid header>div[data-v-a478acdc]{display:flex;gap:6px}.code-grid pre[data-v-a478acdc]{max-height:330px;padding:18px;margin:0;overflow:auto;color:#d9f7eb;font-size:.72rem;white-space:pre-wrap}.related-grid[data-v-a478acdc]{display:grid;grid-template-columns:repeat(2,1fr);border-block-start:1px solid var(--border-strong)}.related-grid a[data-v-a478acdc]{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:12px;padding-inline:4px 18px;border-block-end:1px solid var(--border-subtle)}.related-grid a[data-v-a478acdc]:nth-child(odd){border-inline-end:1px solid var(--border-subtle)}.related-grid span[data-v-a478acdc]{font-size:.82rem;font-weight:750}.related-grid b[data-v-a478acdc]{color:var(--lab-accent)}.mobile-action-dock[data-v-a478acdc]{display:none}@media(min-width:1025px)and (min-height:1200px){.chromatic-stage[data-v-a478acdc]{position:sticky;inset-block-start:calc(var(--header-height) + 18px)}.chromatic-stage__field[data-v-a478acdc]{min-height:clamp(300px,calc(100dvh - 570px),470px)}}@media(max-width:1024px){.formula-lab__layout[data-v-a478acdc]{grid-template-columns:minmax(285px,.7fr) minmax(0,1fr);gap:28px}.chromatic-stage__field[data-v-a478acdc]{min-height:430px}.code-grid[data-v-a478acdc]{grid-template-columns:1fr}}@media(max-width:768px){.formula-lab__heading[data-v-a478acdc]{gap:22px;padding-block-start:34px}.formula-lab__heading[data-v-a478acdc],.formula-lab__layout[data-v-a478acdc]{grid-template-columns:1fr}.chromatic-stage[data-v-a478acdc]{position:static;padding-block-end:8px;background:transparent}.chromatic-stage__field[data-v-a478acdc]{min-height:360px}.laboratory-deck[data-v-a478acdc]{gap:54px;padding-block-end:38px}.preview-worlds[data-v-a478acdc]{grid-template-columns:1fr}.mobile-action-dock[data-v-a478acdc]{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:min(calc(100% - 24px),var(--container));margin:28px auto 0;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border:1px solid var(--border-subtle);border-radius:16px;background:#fcfcfaf5;box-shadow:var(--shadow-sm)}.mobile-action-dock>.mobile-action-dock__edit[data-v-a478acdc]{display:grid;min-height:44px;place-items:center;border:0;border-radius:10px;background:#111318;color:#fff;font-size:.72rem;font-weight:800}}@media(max-width:560px){.formula-lab__header[data-v-a478acdc]{padding-block-end:24px}.formula-lab__heading h1[data-v-a478acdc]{font-size:2.35rem}.chromatic-stage__field[data-v-a478acdc]{min-height:320px;padding:21px;border-radius:24px}.value-rail article[data-v-a478acdc],.value-rail article>div[data-v-a478acdc]{grid-template-columns:1fr}.value-rail small[data-v-a478acdc]{grid-column:1}.value-rail article[data-v-a478acdc] .copy-button{width:100%}.preview-worlds>div[data-v-a478acdc]{min-height:330px;padding:12px}.preview-ui[data-v-a478acdc]{padding:18px}.related-grid[data-v-a478acdc]{grid-template-columns:1fr}.related-grid a[data-v-a478acdc]:nth-child(odd){border-inline-end:0}}@media(prefers-reduced-motion:reduce){[data-v-a478acdc]{animation:none!important;transition:none!important;scroll-behavior:auto!important}}