/* STUDIO'S OWN CHROME, captured 2026-10-15 from the running Eden Studio (dark mode, the Website project, showcase) for the Website project's demos: each fragment with only the rules of Studio's stylesheet that apply to it, scoped (.sx-*), and the values they use. Re-captured, never hand-edited (ids are carried as data-sx-id, so a fragment can appear twice on a page). */
.sx-rail{--hover:rgba(255,255,255,.045);--bar:0px;--ib-font:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;--ib-ink:#f4f4f5;--ib-line:rgba(255,255,255,.09);--ib-meta:#6f7077;--ib-kind-bg:#1c1c1f;--ib-card-shadow:none;--ib-kind:#82838a;--ib-name:#999aa1;--ib-link:#74757c;--ib-link-hi:#c4c4c8;--ib-save-bg:#f4f4f5;--ib-save-ink:#111113;--ib-card:#1c1c1f;--ib-val:#c2c2c7;--ib-hover:#242427;--ib-icon:#a6a7ad;--ib-label:#696a71;--ib-val-hi:#dddddf;--ib-dot-ring:rgba(255,255,255,.22);--ib-dot-shadow:#18181b;--ib-chev:#595a60;--ib-open:#29292c;--sheen:0deg;--sheen-edge:#f7f8f8,#9ee7ff,#c9b7ff,#f6c7e7,#fff4c2,#9ee7ff,#f7f8f8;--rail-solid:#121214;--line:rgba(255,255,255,.08);--shadow-rail:rgba(0,0,0,.45);font-family:"Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;color:rgb(244, 244, 245)}
.sx-rail *{box-sizing: border-box;}
.sx-rail :where(button, input, select, textarea, optgroup){font-family: inherit;}
.sx-rail .seg{display: flex; background: var(--hover); border-radius: 6px; padding: 2px; gap: 2px;}
.sx-rail .seg{background: rgba(255, 255, 255, 0.05);}
.sx-rail [data-sx-id="instrumentBar"]{position: fixed; z-index: 30; right: 22px; top: calc(var(--bar) + 22px); width: 280px; max-height: calc(100vh - var(--bar) - 44px); display: flex; flex-direction: column; gap: 7px; font-family: var(--ib-font); color: var(--ib-ink); padding: 10px; border-radius: 14px; background: var(--ib-panel,rgba(20,20,22,.92)); border: 1px solid var(--ib-line); box-shadow: rgba(0, 0, 0, 0.34) 0px 18px 44px; backdrop-filter: blur(14px); overflow: auto;}
.sx-rail [data-sx-id="instrumentBar"] button{font: inherit;}
.sx-rail [data-sx-id="instrumentBar"] .context-meta{display: grid; grid-template-columns: 1fr; padding: 0px 4px 5px; gap: 6px; color: var(--ib-meta); font-size: 9px; white-space: nowrap;}
.sx-rail [data-sx-id="instrumentBar"] .meta-kind{justify-self: start; padding: 4px 7px; border-radius: 6px; background: var(--ib-kind-bg); box-shadow: var(--ib-card-shadow); color: var(--ib-kind); font-size: 8.5px; font-weight: 620; letter-spacing: 0.08em; text-transform: uppercase;}
.sx-rail [data-sx-id="instrumentBar"] .meta-line{display: flex; align-items: center; min-width: 0px; width: 100%;}
.sx-rail [data-sx-id="instrumentBar"] .meta-name{min-width: 0px; overflow: hidden; text-overflow: ellipsis; color: var(--ib-name); font-size: 13px; font-weight: 600; letter-spacing: -0.005em;}
.sx-rail [data-sx-id="instrumentBar"] .meta-own{flex: 0 0 auto; margin-left: 8px; padding: 2px 6px; border-radius: 4px; font-size: 7.5px; font-weight: 620; letter-spacing: 0.07em; text-transform: uppercase; white-space: nowrap;}
.sx-rail [data-sx-id="instrumentBar"] .meta-own:empty{display: none;}
.sx-rail [data-sx-id="instrumentBar"] .master-link{display: none; margin-left: auto; padding: 2px 0px 2px 14px; border: 0px; background: transparent; color: var(--ib-link); font: 500 9px/1 var(--ib-font); cursor: pointer;}
.sx-rail [data-sx-id="instrumentBar"] .master-link:hover{color: var(--ib-link-hi);}
.sx-rail [data-sx-id="instrumentBar"] .master-save{margin-left: auto; height: 24px; padding: 0px 10px; border: 0px; border-radius: 6px; background: var(--ib-save-bg); color: var(--ib-save-ink); font: 600 10.5px/1 var(--ib-font); cursor: pointer; white-space: nowrap;}
.sx-rail [data-sx-id="instrumentBar"] .master-save[hidden]{display: none;}
.sx-rail [data-sx-id="instrumentBar"] .copy-strip{display: grid; gap: 8px; margin-top: 2px; min-width: 0px; white-space: normal;}
.sx-rail [data-sx-id="instrumentBar"] .copy-strip[hidden]{display: none;}
.sx-rail [data-sx-id="instrumentBar"] .instrument{display: flex; flex-direction: column; align-items: stretch; gap: 8px; width: calc(100% + 2px); padding: 1px 1px 3px; margin: -1px -1px 0px; background: transparent; overflow-y: auto; min-height: 0px;}
.sx-rail [data-sx-id="instrumentBar"] .instrument::-webkit-scrollbar{width: 0px;}
.sx-rail [data-sx-id="instrumentBar"] .stack-item{width: 100%; border-radius: 10px; background: var(--ib-card); box-shadow: var(--ib-card-shadow); overflow: hidden; flex: 0 0 auto;}
.sx-rail [data-sx-id="instrumentBar"] .pill{position: relative; width: 100%; height: 44px; border: 0px; border-radius: 10px; background: transparent; color: var(--ib-val); display: flex; align-items: center; gap: 10px; padding: 0px 38px 0px 13px; white-space: nowrap; cursor: pointer; transition: background 0.13s, color 0.13s;}
.sx-rail [data-sx-id="instrumentBar"] .pill:hover{background: var(--ib-hover); color: var(--ib-ink);}
.sx-rail [data-sx-id="instrumentBar"] .pill .icon{width: 16px; height: 16px; display: grid; place-items: center; color: var(--ib-icon); flex: 0 0 auto;}
.sx-rail [data-sx-id="instrumentBar"] .pill svg{width: 16px; height: 16px; stroke: currentcolor; fill: none; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;}
.sx-rail [data-sx-id="instrumentBar"] .pill .prop-copy{min-width: 0px; flex: 1 1 0%; display: flex; align-items: baseline; overflow: hidden; white-space: nowrap;}
.sx-rail [data-sx-id="instrumentBar"] .pill .val{min-width: 0px; flex: 0 1 auto; margin: 0px 0px 0px auto; padding: 0px; font-size: 10.5px; font-weight: 450; letter-spacing: 0.01em; color: var(--ib-name); overflow: hidden; text-overflow: ellipsis; text-align: right;}
.sx-rail [data-sx-id="instrumentBar"] .pill:hover .val{color: var(--ib-val);}
.sx-rail [data-sx-id="instrumentBar"] .pill.add .val{margin: 0px;}
.sx-rail [data-sx-id="instrumentBar"] .seg-card{padding: 10px 12px 11px; display: flex; flex-direction: column; gap: 10px;}
.sx-rail [data-sx-id="instrumentBar"] .seg-block{display: flex; flex-direction: column; gap: 6px;}
.sx-rail [data-sx-id="instrumentBar"] .seg-label{display: flex; align-items: baseline; gap: 6px; font-size: 11px; font-weight: 520; letter-spacing: 0.005em; color: var(--ib-val);}
.sx-rail [data-sx-id="instrumentBar"] .seg-more{margin-left: auto; border: 0px; background: none; padding: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 10px; color: var(--ib-label); cursor: pointer;}
.sx-rail [data-sx-id="instrumentBar"] .seg-more:hover{color: var(--ib-val);}
.sx-rail [data-sx-id="instrumentBar"] .seg-measure + .seg-more{margin-left: 8px;}
.sx-rail [data-sx-id="instrumentBar"] .seg-measure{margin-left: auto; font-size: 9.5px; font-weight: 450; color: var(--ib-label);}
.sx-rail [data-sx-id="instrumentBar"] .seg-row{display: flex; gap: 6px; align-items: stretch;}
.sx-rail [data-sx-id="instrumentBar"] .seg{flex: 1 1 0%; display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 2px; padding: 2px; border-radius: 8px; background: var(--ib-hover);}
.sx-rail [data-sx-id="instrumentBar"] .seg-opt{height: 26px; border: 0px; border-radius: 6px; background: transparent; color: var(--ib-name); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 10.5px; font-weight: 500; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0px 4px;}
.sx-rail [data-sx-id="instrumentBar"] .seg-opt:hover{color: var(--ib-ink);}
.sx-rail [data-sx-id="instrumentBar"] .seg-opt.on{background: var(--ib-card); color: var(--ib-ink); box-shadow: 0 0 0 1px var(--ib-line, rgba(127,127,127,.25));}
.sx-rail [data-sx-id="instrumentBar"] .ib-band{flex: 0 0 auto; margin: 6px 4px -2px; font-size: 9px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ib-label);}
.sx-rail [data-sx-id="instrumentBar"] .ib-band:first-child{margin-top: 0px;}
.sx-rail [data-sx-id="instrumentBar"] .pill .prop-label{order: -1; min-width: max-content; flex: 0 0 auto; margin: 0px; padding-right: 12px; color: var(--ib-val); font-size: 11px; font-weight: 520; letter-spacing: 0.005em;}
.sx-rail [data-sx-id="instrumentBar"] .pill:hover .prop-label{color: var(--ib-val-hi);}
.sx-rail [data-sx-id="instrumentBar"] .pill .prop-measure{min-width: max-content; flex: 0 0 auto; margin: 0px; padding-left: 6px; color: var(--ib-label); font-size: 9.5px; font-weight: 450; letter-spacing: 0.01em;}
.sx-rail [data-sx-id="instrumentBar"] .pill .current-swatch{width: 15px; height: 15px; display: block; border-radius: 50%; background: var(--swatch,#efefef); border: 1px solid var(--ib-dot-ring); box-shadow: 0 0 0 2px var(--ib-dot-shadow);}
.sx-rail [data-sx-id="instrumentBar"] .pill .chev{position: absolute; right: 13px; top: 50%; transform: translateY(-50%); width: 14px; height: 14px; display: grid; place-items: center; color: var(--ib-chev);}
.sx-rail [data-sx-id="instrumentBar"] .pill .chev svg{width: 12px; height: 12px; stroke-width: 1.8; transition: transform 0.14s;}
.sx-rail [data-sx-id="instrumentBar"] .pill.add{justify-content: center; padding: 0px; color: var(--ib-val); font-size: 19px;}
.sx-rail [data-sx-id="instrumentBar"] .pill.add .val{font-size: 19px; font-weight: 400;}
.sx-rail [data-sx-id="instrumentBar"] .stack-panel{display: none; padding: 0px 7px 7px;}
.sx-rail [data-sx-id="instrumentBar"] .al-card{display: grid; gap: 8px;}
.sx-rail [data-sx-id="instrumentBar"] .al-top{display: grid; grid-template-columns: 1fr 1fr; gap: 8px; align-items: start;}
.sx-rail [data-sx-id="instrumentBar"] .al-col{display: grid; gap: 6px;}
.sx-rail [data-sx-id="instrumentBar"] .al-label{color: var(--ib-label); font-size: 10.5px;}
.sx-rail [data-sx-id="instrumentBar"] .al-grid{display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 24px); padding: 4px; border-radius: 8px; background: var(--ib-hover);}
.sx-rail [data-sx-id="instrumentBar"] .al-dot{display: grid; place-items: center; border: 0px; background: transparent; border-radius: 5px; cursor: pointer; padding: 0px;}
.sx-rail [data-sx-id="instrumentBar"] .al-dot:hover{background: var(--ib-card);}
.sx-rail [data-sx-id="instrumentBar"] .al-pip{width: 3px; height: 3px; border-radius: 50%; background: var(--ib-label);}
.sx-rail [data-sx-id="instrumentBar"] .al-bars{display: flex; flex-direction: column; gap: 2px; width: 16px;}
.sx-rail [data-sx-id="instrumentBar"] .al-bars i{display: block; height: 2px; border-radius: 1px; background: var(--ib-ink);}
.sx-rail [data-sx-id="instrumentBar"] .al-bars i:nth-child(1){width: 12px;}
.sx-rail [data-sx-id="instrumentBar"] .al-bars i:nth-child(2){width: 16px;}
.sx-rail [data-sx-id="instrumentBar"] .al-bars i:nth-child(3){width: 9px;}
.sx-rail [data-sx-id="instrumentBar"] .al-field{display: flex; align-items: center; gap: 6px; height: 28px; padding: 0px 8px; border: 0px; border-radius: 8px; background: var(--ib-hover); color: var(--ib-ink); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 11px; cursor: pointer; min-width: 0px; width: 100%;}
.sx-rail [data-sx-id="instrumentBar"] .al-field:hover{background: var(--ib-open,var(--ib-hover));}
.sx-rail [data-sx-id="instrumentBar"] .al-ico{color: var(--ib-label); font-size: 10.5px; width: 12px; text-align: center;}
.sx-rail [data-sx-id="instrumentBar"] .al-val{flex: 1 1 0%; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sx-rail [data-sx-id="instrumentBar"] .al-chev{color: var(--ib-label); font-size: 10px;}
.sx-rail [data-sx-id="instrumentBar"] .al-padrow{display: grid; grid-template-columns: 1fr 28px; gap: 8px; align-items: start;}
.sx-rail [data-sx-id="instrumentBar"] .al-pad{display: grid; grid-template-columns: 1fr 1fr; gap: 8px;}
.sx-rail [data-sx-id="instrumentBar"] .al-sides{display: grid; place-items: center; height: 28px; width: 28px; border: 0px; border-radius: 6px; background: transparent; color: var(--ib-name); cursor: pointer;}
.sx-rail [data-sx-id="instrumentBar"] .al-sides:hover{background: var(--ib-hover); color: var(--ib-ink);}
.sx-rail [data-sx-id="instrumentBar"] .al-sq{width: 12px; height: 12px; border: 1.5px solid; border-radius: 3px; box-shadow: inset 0 0 0 2px var(--ib-bg,transparent);}
.sx-rail :is([data-sx-id="instrumentBar"] .seg-opt.on, .lib-filter button.on, .lib-source button.on, .ess-seg-b[data-on], .fs-mode.on, .fs-pk-set.on){position: relative; box-shadow: none;}
.sx-rail :is([data-sx-id="instrumentBar"] .seg-opt.on, .lib-filter button.on, .lib-source button.on, .ess-seg-b[data-on], .fs-mode.on, .fs-pk-set.on, .view-bar .vb-thumb)::after{content: ""; position: absolute; inset: 0px; border-radius: inherit; padding: 1px; pointer-events: none; background: conic-gradient(from var(--sheen),var(--sheen-edge)); mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); animation: 8s linear 0s infinite normal none running eden-sheen;}
.sx-rail :is([data-chrome="flat"], [data-chrome="float"]) [data-sx-id="instrumentBar"] .context-meta{padding: 12px 14px; border-bottom: 1px solid var(--ib-line);}
.sx-rail :is([data-chrome="flat"], [data-chrome="float"]) [data-sx-id="instrumentBar"] .instrument{width: 100%; padding: 0px; margin: 0px; gap: 0px;}
.sx-rail :is([data-chrome="flat"], [data-chrome="float"]) [data-sx-id="instrumentBar"] .stack-item{border-radius: 0px; background: transparent; box-shadow: none; border-bottom: 1px solid var(--ib-line);}
.sx-rail :is([data-chrome="flat"], [data-chrome="float"]) [data-sx-id="instrumentBar"] .seg-card{padding: 12px 14px 13px;}
.sx-rail :is([data-chrome="flat"], [data-chrome="float"]) [data-sx-id="instrumentBar"] .ib-band{margin: 0px; padding: 14px 14px 6px;}
.sx-rail :is([data-chrome="flat"], [data-chrome="float"]) [data-sx-id="instrumentBar"] :is(.pill, .option, .ib-fold, .ib-fold > summary, .fx-door, .coverage-toggle-row){border-radius: 0px;}
.sx-rail [data-sx-id="instrumentBar"]{right: 8px; top: calc(var(--bar) + 8px); max-height: calc(100vh - var(--bar) - 16px);}
.sx-rail [data-sx-id="instrumentBar"]{padding: 0px; gap: 0px; background: var(--rail-solid); border-color: var(--line); box-shadow: 0 12px 32px var(--shadow-rail); backdrop-filter: none;}
.sx-rail :is(.eden-rail, [data-sx-id="masterBar"].master-bar, .tools > .rail-corner, .tools > [data-sx-id="railStack"], .tools > [data-sx-id="railFoot"], .dock, .fdock, .sdock, [data-sx-id="registryView"], [data-sx-id="moodBoard"], [data-sx-id="meshLab"], [data-sx-id="instrumentBar"], .rail-fly){border-color: transparent !important;}
.sx-rail [data-sx-id="instrumentBar"] .seg-fixed{display: flex; align-items: center; gap: 3px; width: 74px; padding: 0px 8px; border-radius: 8px; background: var(--ib-hover); color: var(--ib-label); font-size: 10px;}
.sx-rail [data-sx-id="instrumentBar"] .seg-fixed input{width: 100%; min-width: 0px; border: 0px; background: transparent; color: var(--ib-ink); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 11px; text-align: right;}
.sx-rail [data-sx-id="instrumentBar"] .seg-fixed em{font-style: normal;}
.sx-tools{--strip:rgba(18,18,20,.88);--line:rgba(255,255,255,.08);--ink:#F7F8F8;--panel:#0F1011;--ink-2:#A6A7A7;--hover:rgba(255,255,255,.045);--tool-ink:#75757a;--tool-on-bg:rgba(255,255,255,.10);--tool-on-ink:#F7F8F8;--rail-w:70px;--chrome-font:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;--muted:#75757a;--faint:#47474b;--rail-solid:#121214;--shadow-rail:rgba(0,0,0,.45);font-family:"Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;color:rgb(247, 248, 248)}
.sx-tools *{box-sizing: border-box;}
.sx-tools .app > .tools{grid-area: 1 / 1 / 3;}
.sx-tools .app > .tools{transition: background-color 0.14s, border-color 0.14s;}
.sx-tools .app > .tools > *{transition: opacity 0.12s;}
.sx-tools .app > .tools::before{content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 6px; background: var(--strip); box-shadow: inset -1px 0 var(--line); opacity: 0; transition: opacity 0.12s; pointer-events: none;}
.sx-tools .tools .ab-avatar{width: 26px; height: 26px; font-size: 11px;}
.sx-tools .tools .ab-avatar{width: 21px; height: 21px; border-radius: 50%; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; background: var(--ink); color: var(--panel); font-size: 10px; font-weight: 600; letter-spacing: 0.02em; position: relative; overflow: hidden;}
.sx-tools .tools{background: var(--strip); border-right: 1px solid var(--line); display: flex; flex-direction: column; align-items: center; padding: 8px 0px; min-height: 0px; z-index: 40;}
.sx-tools .tools .cz-control{position: static; flex-direction: column; align-items: center; gap: 2px; background: none; border: 0px; box-shadow: none; padding: 0px;}
.sx-tools .tools .cz-control button{width: 36px; min-width: 0px; height: 28px; padding: 0px; border-radius: 9px; color: var(--ink-2); font-size: 15px;}
.sx-tools .tools .cz-control .cz-readout{font-size: 11px; height: 22px; color: var(--ink);}
.sx-tools .tools .cz-control button:hover{background: var(--hover);}
.sx-tools .tool{position: relative; width: 36px; height: 36px; border-radius: 11px; border: 0px; background: none; color: var(--tool-ink); display: grid; place-items: center; cursor: pointer; padding: 0px;}
.sx-tools .tool:hover{background: var(--hover); color: var(--ink);}
.sx-tools .tool.on{background: var(--tool-on-bg); color: var(--tool-on-ink);}
.sx-tools .tools{position: relative; padding: 0px; justify-content: center; overflow: visible;}
.sx-tools .rail-corner{position: absolute; left: 0px; top: 0px; width: var(--rail-w); height: 54px; border: 0px; background: none; color: var(--ink); font: 600 15px var(--chrome-font); cursor: pointer; display: grid; place-items: center; box-shadow: inset 0 -1px 0 var(--line); padding: 0px;}
.sx-tools .rail-corner:hover{background: var(--hover);}
.sx-tools .rail-corner svg{width: 19px; height: 19px; fill: none; stroke: currentcolor; stroke-width: 1.7; stroke-linecap: round;}
.sx-tools .rail-corner svg path{transition: d 0.16s;}
.sx-tools .rail-stack{display: flex; flex-direction: column; align-items: center; margin: 140px 0px;}
.sx-tools .rail-zone{display: flex; flex-direction: column; align-items: center; gap: 4px; position: relative;}
.sx-tools .rail-zone + .rail-zone{margin-top: 20px; padding-top: 20px;}
.sx-tools .rail-zone + .rail-zone::before{content: ""; position: absolute; top: 0px; left: 50%; width: 20px; margin-left: -10px; border-top: 1px solid var(--line);}
.sx-tools .rail-foot{position: absolute; left: 0px; right: 0px; bottom: 12px; display: flex; flex-direction: column; align-items: center; gap: 4px;}
.sx-tools .rail-foot .cz-control button:not(.cz-readout){display: none;}
.sx-tools .rail-foot .cz-control .cz-readout{font-size: 11px; height: 24px; width: 44px; color: var(--muted);}
.sx-tools .tools .tool{position: relative; width: 36px; height: 36px; border-radius: 10px;}
.sx-tools .tools .tool svg.ri{width: 20px; height: 20px; fill: none; stroke: currentcolor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; display: block;}
.sx-tools .tools .tool svg.ri path[data-morph]{fill: none; stroke: currentcolor;}
.sx-tools .tools .tool.more::after{content: ""; position: absolute; left: calc(50% + 15px); right: auto; top: 50%; width: 3px; height: 3px; margin-top: -2px; border-top: 1.25px solid; border-right: 1.25px solid; transform: rotate(45deg); opacity: 0.45;}
.sx-tools .tools .tool.more::after{display: none;}
.sx-tools .tools .tool.labelled{width: 62px; height: auto; min-height: 44px; padding: 8px 0px 4px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 11px;}
.sx-tools .tools .tool > .tool-label{font: 500 9px/1.1 var(--chrome-font, inherit); letter-spacing: 0.01em; color: var(--faint); white-space: nowrap; pointer-events: none;}
.sx-tools .tools .tool.on > .tool-label,.sx-tools .tools .tool:hover > .tool-label{color: var(--muted);}
.sx-tools .tools .tool > .tool-label{opacity: 0; transition: opacity 0.12s;}
.sx-tools .tools .tool:hover > .tool-label{opacity: 1;}
.sx-tools [data-sx-id="railStack"] .rail-zone{gap: 2px;}
.sx-tools .tools .tool.more.labelled::after{left: calc(50% + 15px); right: auto; top: var(--icon-mid,16px); margin-top: -2px;}
.sx-tools [data-sx-id="railStack"] .rail-zone + .rail-zone{margin-top: 12px; padding-top: 12px;}
.sx-tools [data-sx-id="railStack"]{position: absolute; inset: 54px 0px 92px; margin: 0px; justify-content: safe center; overflow: hidden auto; scrollbar-width: none; overscroll-behavior: contain;}
.sx-tools [data-sx-id="railStack"]::-webkit-scrollbar{display: none;}
.sx-tools .tools .tool.vs-opt::after{content: ""; position: absolute; right: 1px; top: 50%; width: 4px; height: 4px; margin-top: -2px; border-radius: 50%; background: currentcolor; opacity: 0; transform: scale(0.3); transition: opacity 0.2s, transform 0.26s;}
.sx-tools .tools .tool.vs-opt.on{background: none;}
.sx-tools .tools .tool.vs-opt.on::after{opacity: 1; transform: none;}
.sx-tools :is([data-sx-id="railStack"], [data-sx-id="railFoot"]) .tool.vs-opt::after{right: calc(50% - 17px);}
.sx-tools .tools .tool:hover,.sx-tools .tools .tool.on,.sx-tools .tools .tool.on:hover{background: none;}
.sx-tools .tools .tool svg.ri{border-radius: 2px; transition: background 0.12s, box-shadow 0.12s;}
.sx-tools .tools .tool:not(.vs-opt):not(:disabled):hover svg.ri{background: var(--hover); box-shadow: 0 0 0 8px var(--hover);}
.sx-tools .cz-control{position: absolute; right: 12px; bottom: 12px; z-index: 20; display: flex; align-items: center; background: var(--panel); border: 1px solid var(--line); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 8px; padding: 2px;}
.sx-tools .cz-control button{border: 0px; background: none; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; color: var(--ink); height: 26px; min-width: 26px; padding: 0px 6px; border-radius: 5px; cursor: pointer;}
.sx-tools .cz-control button:hover{background: var(--hover);}
.sx-tools .cz-control .cz-readout{min-width: 48px; font-variant-numeric: tabular-nums; font-size: 12px;}
.sx-tools :where(button, input, select, textarea, optgroup){font-family: inherit;}
.sx-tools .app > .tools{margin: 8px;}
.sx-tools .app > .tools{background: none; border: 0px; box-shadow: none; justify-content: space-between; gap: 8px; overflow: visible;}
.sx-tools .app > .tools::before{display: none;}
.sx-tools .tools > :is(.rail-corner, [data-sx-id="railStack"], [data-sx-id="railFoot"]){position: static; flex: 0 0 auto; width: auto; align-self: stretch; background: var(--rail-solid); border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 12px 32px var(--shadow-rail); transition: border-color 0.14s, box-shadow 0.14s;}
.sx-tools .tools > .rail-corner{height: auto; aspect-ratio: 1 / 1; box-shadow: 0 12px 32px var(--shadow-rail);}
.sx-tools .tools > [data-sx-id="railStack"]{flex: 0 1 auto; min-height: 0px; padding: 8px 0px; justify-content: flex-start;}
.sx-tools .tools > [data-sx-id="railFoot"]{padding: 8px 0px;}
.sx-tools :is(.eden-rail, [data-sx-id="masterBar"].master-bar, .tools > .rail-corner, .tools > [data-sx-id="railStack"], .tools > [data-sx-id="railFoot"], .dock, .fdock, .sdock, [data-sx-id="registryView"], [data-sx-id="moodBoard"], [data-sx-id="meshLab"], [data-sx-id="instrumentBar"], .rail-fly){border-color: transparent !important;}
.sx-tools .tools .tool[data-listen]::after{right: 5px; top: 6px; margin-top: 0px;}
.sx-pop{--ib-pop:#1c1c1f;--ib-pop-shadow:0 18px 44px rgba(0,0,0,.55);--ib-font:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;--ib-opt:#a6a7ac;--ib-hover:#242427;--ib-ink:#f4f4f5;--ib-open:#29292c;--ib-meta:#6f7077;--ib-check:#9abf7f;font-family:"Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;color:rgb(247, 248, 248)}
.sx-pop *{box-sizing: border-box;}
.sx-pop :where(button, input, select, textarea, optgroup){font-family: inherit;}
.sx-pop .token-popover{position: fixed; z-index: 2600; width: 108px; max-height: 320px; overflow: auto; padding: 4px; border-radius: 10px; background: var(--ib-pop); box-shadow: var(--ib-pop-shadow); display: none; font-family: var(--ib-font);}
.sx-pop .token-popover.on{display: grid; gap: 2px;}
.sx-pop .token-popover button{height: 30px; border: 0px; border-radius: 7px; background: transparent; color: var(--ib-opt); padding: 0px 9px; display: flex; align-items: center; justify-content: space-between; gap: 6px; font: 500 10px/1 var(--ib-font); cursor: pointer;}
.sx-pop .token-popover button:hover{background: var(--ib-hover); color: var(--ib-ink);}
.sx-pop .token-popover button.on{background: var(--ib-open); color: var(--ib-ink);}
.sx-pop .token-popover{width: 124px !important;}
.sx-pop .token-popover .tp-px{margin-left: auto; color: var(--ib-meta); font-size: 9px; font-variant-numeric: tabular-nums;}
.sx-pop .token-popover button.on::after{content: "✓"; color: var(--ib-check);}
.sx-dock{--faint:#47474b;--accent:#716cff;--muted:#75757a;--ib-font:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;--ink:#F7F8F8;--chrome-bg:#121214;--hover:rgba(255,255,255,.045);--panel:#0F1011;--line:rgba(255,255,255,.08);--ink-2:#A6A7A7;--chat-w:0px;--rail-w:70px;--bar:0px;--strip:rgba(18,18,20,.88);--shadow-rail:rgba(0,0,0,.45);--rail-solid:#121214;--panel-2:#16181B;--line-strong:rgba(255,255,255,.22);--line-2:rgba(255,255,255,.14);--sheen:0deg;--sheen-edge:#f7f8f8,#9ee7ff,#c9b7ff,#f6c7e7,#fff4c2,#9ee7ff,#f7f8f8;font-family:"Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;color:rgb(247, 248, 248)}
.sx-dock *{box-sizing: border-box;}
.sx-dock .lib-search{box-sizing: border-box; outline: none;}
.sx-dock .lib-search-box{position: relative; padding: 0px 10px; margin: 0px 0px 10px;}
.sx-dock .lib-search-box > svg{position: absolute; right: 21px; top: 50%; translate: 0px -50%; width: 14px; height: 14px; fill: none; stroke: var(--faint); stroke-width: 1.6; stroke-linecap: round; pointer-events: none;}
.sx-dock .lib-search:focus{border-color: var(--accent);}
.sx-dock .lib-tabs{display: flex; gap: 2px; padding: 10px 12px 6px; flex: 0 0 auto;}
.sx-dock .lib-tabs[hidden]{display: none;}
.sx-dock .lib-tab{flex: 1 1 0%; border: 0px; border-radius: 6px; padding: 6px 8px; background: transparent; color: var(--muted); font: 600 11px/1 var(--ib-font); cursor: pointer; letter-spacing: 0.01em;}
.sx-dock .lib-tab:hover{color: var(--ink);}
.sx-dock .lib-tab.on{background: var(--chrome-bg); color: var(--ink);}
.sx-dock .dock-pane.on[data-pane="components"]{display: flex; flex-direction: column; min-height: 0px;}
.sx-dock .dock-pane[data-pane="components"] > [data-sx-id="library"],.sx-dock .dock-pane[data-pane="components"] > [data-sx-id="icons"]{flex: 1 1 0%; min-height: 0px; display: flex; flex-direction: column;}
.sx-dock .dock-pane[data-pane="components"] > [data-sx-id="icons"][hidden]{display: none;}
.sx-dock .lib-filter{display: flex; gap: 2px; margin: 0px 10px 10px; padding: 2px; border-radius: 8px; background: var(--hover);}
.sx-dock .lib-filter button{flex: 1 1 0%; height: 24px; border: 0px; border-radius: 6px; background: transparent; color: var(--muted); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 11px; cursor: pointer;}
.sx-dock .lib-filter button:hover{color: var(--ink);}
.sx-dock .lib-filter button.on{background: var(--panel); color: var(--ink); box-shadow: 0 0 0 1px var(--line);}
.sx-dock .lib-group{padding: 0px 6px;}
.sx-dock :is([data-chrome="flat"], [data-chrome="float"]) [data-sx-id="library"] .lib-group{padding: 0px;}
.sx-dock :is([data-chrome="flat"], [data-chrome="float"]) [data-sx-id="library"] .lib-cat{height: auto; min-height: 44px; padding: 0px 20px; border-bottom: 1px solid var(--line); font-size: 12.5px; color: var(--ink-2);}
.sx-dock :is([data-chrome="flat"], [data-chrome="float"]) [data-sx-id="library"] .lib-cat:hover{color: var(--ink);}
.sx-dock :is([data-chrome="flat"], [data-chrome="float"]) [data-sx-id="library"] .lib-cat.open{background: var(--hover); color: var(--ink);}
.sx-dock :is([data-chrome="flat"], [data-chrome="float"]) [data-sx-id="library"] .lib-items{padding: 10px 10px 12px; border-bottom: 1px solid var(--line);}
.sx-dock .lib-cat{width: 100%; display: flex; align-items: center; gap: 6px; height: 30px; border: 0px; border-radius: 7px; background: transparent; color: var(--ink-2); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; padding: 0px 8px; cursor: pointer; text-align: left;}
.sx-dock .lib-cat:hover{background: var(--hover);}
.sx-dock .lib-chev{display: inline-block; width: 10px; margin-left: 6px; text-align: right; transition: transform 0.15s; color: var(--muted);}
.sx-dock .lib-cat.open .lib-chev{transform: rotate(90deg);}
.sx-dock .lib-cat-label{flex: 1 1 0%;}
.sx-dock .lib-n{font-size: 11px; color: var(--muted); font-variant-numeric: tabular-nums;}
.sx-dock .lib-items{padding: 4px 0px 8px;}
.sx-dock .lib-items .palette{padding: 0px 4px;}
.sx-dock .tile-label{display: flex; align-items: center; justify-content: center; gap: 6px; min-width: 0px;}
.sx-dock .tile.comp{grid-column: 1 / -1;}
.sx-dock .tile.comp .tile-prev{padding: 2px;}
.sx-dock .tile.comp .tile-name{outline: none; border-radius: 3px; padding: 0px 3px;}
.sx-dock .dock{position: fixed; left: calc(var(--chat-w) + var(--rail-w) + var(--chat-w)); top: var(--bar); bottom: 0px; width: 300px; background: var(--strip); border-right: 1px solid var(--line); box-shadow: 10px 0 28px var(--shadow-rail); z-index: 35; display: flex; flex-direction: column; clip-path: inset(0px 100% 0px 0px); visibility: hidden; transition: clip-path 0.14s, visibility linear 0.14s;}
.sx-dock .dock.open{clip-path: inset(0px -40px 0px 0px); visibility: visible; transition: clip-path 0.14s, visibility;}
.sx-dock .dock{background: var(--rail-solid); backdrop-filter: none;}
.sx-dock .dock-head{display: flex; align-items: center; gap: 8px; height: var(--bar,54px); min-height: 54px; flex: 0 0 auto; padding: 0px 6px 0px 14px; border-bottom: 1px solid var(--line); font-size: 12px; font-weight: 600;}
.sx-dock .dock-head .n{color: var(--muted); font-weight: 500;}
.sx-dock .dock-head .dock-thumbs{display: none !important;}
.sx-dock .dock-head .dock-reg-x{display: none !important;}
.sx-dock .dock-thumbs{width: 28px; height: 28px; border: 0px; background: none; border-radius: 7px; color: var(--muted); cursor: pointer; display: grid; place-items: center; padding: 0px;}
.sx-dock .dock-thumbs svg{width: 15px; height: 15px; fill: none; stroke: currentcolor; stroke-width: 1.5;}
.sx-dock .dock-thumbs:hover{background: var(--hover); color: var(--ink);}
.sx-dock .dock-thumbs[aria-pressed="true"]{color: var(--ink); background: var(--panel); box-shadow: 0 0 0 1px var(--line);}
.sx-dock .palette .tile .tile-prev{transition: transform 0.12s, box-shadow 0.12s;}
.sx-dock .tile.comp{position: relative;}
.sx-dock .palette:not(.no-thumbs){grid-template-columns: repeat(2, minmax(0px, 1fr)); grid-auto-flow: dense; gap: 0px; align-items: stretch; padding: 0px; overflow: hidden;}
.sx-dock .palette:not(.no-thumbs) > .tile{border: 0px; border-radius: 0px; background: var(--panel-2,var(--panel)); box-shadow: 1px 0 0 var(--line),0 1px 0 var(--line);}
.sx-dock .palette:not(.no-thumbs) > .tile:hover{background: var(--hover);}
.sx-dock [data-sx-id="library"] .lib-items.thumbs,.sx-dock .lib-items.thumbs{padding: 0px;}
.sx-dock .palette:not(.no-thumbs) > .tile{width: 100%; box-sizing: border-box;}
.sx-dock .palette:not(.no-thumbs) .tile-name{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-align: center;}
.sx-dock .palette:not(.no-thumbs) > .tile.comp:not(.wide){grid-column: auto;}
.sx-dock .palette:not(.no-thumbs) .tile-prev{width: 100%; overflow: hidden;}
.sx-dock .dock-x{margin-left: auto; width: 28px; height: 28px; border: 0px; background: none; border-radius: 7px; font-size: 17px; line-height: 1; color: var(--muted); cursor: pointer;}
.sx-dock .dock-x:hover{background: var(--hover); color: var(--ink);}
.sx-dock .dock-reg-x{margin-left: auto; width: 28px; height: 28px; display: grid; place-items: center; border: 0px; background: none; border-radius: 7px; color: var(--muted); cursor: pointer;}
.sx-dock .dock-reg-x[hidden]{display: none;}
.sx-dock .dock-reg-x svg{width: 14px; height: 14px; fill: none; stroke: currentcolor; stroke-width: 1.6; stroke-linecap: round;}
.sx-dock .dock-reg-x:hover{background: var(--hover); color: var(--ink);}
.sx-dock .dock-body{flex: 1 1 0%; min-height: 0px; overflow: auto; padding-top: 10px;}
.sx-dock .dock-pane{display: none;}
.sx-dock .dock-pane.on{display: block;}
.sx-dock .dock-back{width: 24px; height: 24px; border: 0px; background: none; border-radius: 6px; color: var(--muted); cursor: pointer; display: grid; place-items: center; padding: 0px; margin-left: -6px;}
.sx-dock .dock-back:hover{background: var(--hover); color: var(--ink);}
.sx-dock .dock-back[hidden]{display: none;}
.sx-dock .dock-pane.on[data-pane="components"]{min-height: 100%;}
.sx-dock .palette{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 6px; padding: 0px 10px 12px;}
.sx-dock .tile{min-width: 0px; border: 1px solid var(--line); border-radius: 8px; padding: 8px 6px 6px; cursor: grab; display: flex; flex-direction: column; align-items: center; gap: 6px; background: var(--panel-2); user-select: none; touch-action: none;}
.sx-dock .tile:hover{border-color: var(--line-strong); background: var(--panel);}
.sx-dock .tile-prev{height: 36px; width: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; pointer-events: none;}
.sx-dock .tile-prev > .node{flex: 0 0 auto; transform-origin: center center;}
.sx-dock .tile-name{font-size: 11px; color: var(--ink-2);}
.sx-dock :where(button, input, select, textarea, optgroup){font-family: inherit;}
.sx-dock .node{position: relative; box-sizing: border-box; user-select: none;}
.sx-dock .container{display: flex; align-content: flex-start;}
.sx-dock .leaf{display: flex; align-items: center; white-space: nowrap;}
.sx-dock .txt{outline: none; min-width: 1ch;}
.sx-dock .lib-search{width: 100%; height: 28px; border: 1px solid var(--line); border-radius: 6px; font: inherit; padding: 0px 8px; background: var(--panel); color: var(--ink);}
.sx-dock .lib-search{display: block; width: 100%; height: 34px; border-radius: 0px; padding: 0px 34px 0px 12px; font-size: 12.5px;}
.sx-dock .lib-search{background: transparent; border: 1px solid var(--line-2);}
.sx-dock :is([data-sx-id="instrumentBar"] .seg-opt.on, .lib-filter button.on, .lib-source button.on, .ess-seg-b[data-on], .fs-mode.on, .fs-pk-set.on){position: relative; box-shadow: none;}
.sx-dock :is([data-sx-id="instrumentBar"] .seg-opt.on, .lib-filter button.on, .lib-source button.on, .ess-seg-b[data-on], .fs-mode.on, .fs-pk-set.on, .view-bar .vb-thumb)::after{content: ""; position: absolute; inset: 0px; border-radius: inherit; padding: 1px; pointer-events: none; background: conic-gradient(from var(--sheen),var(--sheen-edge)); mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); animation: 8s linear 0s infinite normal none running eden-sheen;}
.sx-dock :is([data-chrome="flat"], [data-chrome="float"]) :is(.frow, .lib-cat, .kit-row, .layer, .canvases .cv-row){border-radius: 0px;}
.sx-dock .dock{top: calc(var(--bar) + 8px); bottom: 8px; border: 1px solid var(--line); border-radius: 12px; overflow: hidden;}
.sx-dock .dock.open{clip-path: inset(-40px -40px -40px 0px);}
.sx-dock :is(.eden-rail, [data-sx-id="masterBar"].master-bar, .tools > .rail-corner, .tools > [data-sx-id="railStack"], .tools > [data-sx-id="railFoot"], .dock, .fdock, .sdock, [data-sx-id="registryView"], [data-sx-id="moodBoard"], [data-sx-id="meshLab"], [data-sx-id="instrumentBar"], .rail-fly){border-color: transparent !important;}
.sx-dock{--faint:#47474b;--accent:#716cff;--chat-w:0px;--rail-w:70px;--bar:0px;--strip:rgba(18,18,20,.88);--line:rgba(255,255,255,.08);--shadow-rail:rgba(0,0,0,.45);--rail-solid:#121214;--muted:#75757a;--hover:rgba(255,255,255,.045);--ink:#F7F8F8;--panel:#0F1011;--ink-2:#A6A7A7;--panel-2:#16181B;--line-2:rgba(255,255,255,.14);font-family:"Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;color:rgb(247, 248, 248)}
.sx-dock .dock-thumbs[hidden]{display: none;}
.sx-dock .layers{padding: 0px 6px 10px; display: flex; flex-direction: column; gap: 1px;}
.sx-dock .layers .lib-search-box{margin: 0px 4px 6px;}
.sx-dock .layer{position: relative; display: flex; align-items: center; gap: 7px; height: 28px; padding: 0 8px 0 var(--lp,8px); border-radius: 8px; white-space: nowrap; overflow: hidden; cursor: default; user-select: none; color: var(--ink-2); font-size: 12.5px;}
.sx-dock .layer:hover{background: var(--hover); color: var(--ink);}
.sx-dock .lcaret{width: 14px; height: 14px; flex: 0 0 auto; display: grid; place-items: center; color: var(--faint); border-radius: 4px; background: none; border: 0px; padding: 0px; cursor: pointer;}
.sx-dock .lcaret:hover{color: var(--ink); background: var(--panel-2);}
.sx-dock .lcaret svg{width: 11px; height: 11px; fill: none; stroke: currentcolor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.14s;}
.sx-dock .lic{width: 15px; height: 15px; flex: 0 0 auto; display: grid; place-items: center; color: var(--faint);}
.sx-dock .lic svg{width: 14px; height: 14px; fill: none; stroke: currentcolor; stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round;}
.sx-dock .layer:hover .lic{color: var(--muted);}
.sx-dock .lname{flex: 0 0 auto; min-width: 0px; max-width: 60%; overflow: hidden; text-overflow: ellipsis;}
.sx-dock [data-sx-id="layers"]{position: relative;}
.sx-fdock{--rail-solid:#121214;--muted:#75757a;--hover:rgba(255,255,255,.045);--ink:#F7F8F8;--chat-w:0px;--rail-w:70px;--bar:0px;--line:rgba(255,255,255,.08);--shadow-rail:rgba(0,0,0,.45);--ink-2:#A6A7A7;--panel:#0F1011;--faint:#47474b;--fs-col:320px;--ib-font:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;--ib-label:#696a71;--chrome-bg:#121214;--line-2:rgba(255,255,255,.14);font-family:"Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;color:rgb(247, 248, 248)}
.sx-fdock *{box-sizing: border-box;}
.sx-fdock .fdock{background: var(--rail-solid); backdrop-filter: none;}
.sx-fdock .dock-x{margin-left: auto; width: 28px; height: 28px; border: 0px; background: none; border-radius: 7px; font-size: 17px; line-height: 1; color: var(--muted); cursor: pointer;}
.sx-fdock .dock-x:hover{background: var(--hover); color: var(--ink);}
.sx-fdock .fdock{position: fixed; left: calc(var(--chat-w) + var(--rail-w) + var(--chat-w)); top: var(--bar); bottom: 0px; width: min(880px,calc(100vw - var(--rail-w) - 40px)); background: var(--rail-solid); border-right: 1px solid var(--line); box-shadow: 10px 0 28px var(--shadow-rail); z-index: 36; display: flex; flex-direction: column; clip-path: inset(0px 100% 0px 0px); visibility: hidden; transition: clip-path 0.14s, visibility linear 0.14s;}
.sx-fdock .fdock.open{clip-path: inset(0px -40px 0px 0px); visibility: visible; transition: clip-path 0.14s, visibility;}
.sx-fdock .fd-head{display: flex; align-items: center; gap: 12px; box-sizing: border-box; height: var(--bar,54px); min-height: 54px; flex: 0 0 auto; padding: 0px 8px 0px 16px; border-bottom: 1px solid var(--line);}
.sx-fdock .fd-edits{margin-left: auto; display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--ink-2);}
.sx-fdock .fd-edits:empty{display: none;}
.sx-fdock .fdock .dock-x{margin-left: 0px;}
.sx-fdock .fd-edits:empty + .dock-x{margin-left: auto;}
.sx-fdock :where(button, input, select, textarea, optgroup){font-family: inherit;}
.sx-fdock .tok{width: 100%; height: 28px; border: 1px solid var(--line); border-radius: 6px; font: inherit; padding: 0px 8px; background: var(--panel); color: var(--ink);}
.sx-fdock .fd-htitle{display: flex; align-items: baseline; gap: 9px; font-size: 13px; font-weight: 500;}
.sx-fdock .fd-htitle span{font-size: 11.5px; color: var(--faint); font-variant-numeric: tabular-nums;}
.sx-fdock .fd-body{flex: 1 1 0%; min-height: 0px; display: grid; grid-template-columns: 232px minmax(0px, 1fr);}
.sx-fdock .fd-nav{border-right: 0px; overflow: auto; padding: 18px 14px 36px;}
.sx-fdock .fd-node .n{margin-left: auto; font-size: 11px; font-weight: 400; color: var(--faint); font-variant-numeric: tabular-nums; letter-spacing: 0px;}
.sx-fdock .fd-node{display: flex; align-items: center; gap: 8px; width: 100%; min-height: 32px; border: 0px; background: none; border-radius: 0px; padding: 5px 8px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12.5px; font-weight: 400; color: var(--ink-2); cursor: pointer; text-align: left;}
.sx-fdock .fd-node:hover{background: var(--hover); color: var(--ink);}
.sx-fdock .fd-nl{display: flex; align-items: center; gap: 6px; min-width: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sx-fdock .fd-main{overflow: auto; padding: 30px 34px 60px;}
.sx-fdock .fdock{top: calc(var(--bar) + 8px); bottom: 8px; border: 1px solid var(--line); border-radius: 12px; overflow: hidden;}
.sx-fdock .fdock.open{clip-path: inset(-40px -40px -40px 0px);}
.sx-fdock .fdock.fs-wide{width: calc(var(--fs-col,320px) * 2);}
.sx-fdock :is(.eden-rail, [data-sx-id="masterBar"].master-bar, .tools > .rail-corner, .tools > [data-sx-id="railStack"], .tools > [data-sx-id="railFoot"], .dock, .fdock, .sdock, [data-sx-id="registryView"], [data-sx-id="moodBoard"], [data-sx-id="meshLab"], [data-sx-id="instrumentBar"], .rail-fly){border-color: transparent !important;}
.sx-fdock .fdock{--fs-col: 320px;}
.sx-fdock .fdock.fs-wide{width: calc(var(--fs-col) * 2);}
.sx-fdock .fdock.fs-wide .fd-body{grid-template-columns: var(--fs-col) var(--fs-col);}
.sx-fdock .fdock.fs-wide .fd-main,.sx-fdock :is([data-chrome="flat"], [data-chrome="float"]) .fdock.fs-wide .fd-main:is(.fs-out, .fr-main){padding: 24px 24px 60px;}
.sx-fdock .fdock.fs-wide .fd-head{height: 54px; padding: 0px 12px 0px 20px;}
.sx-fdock .fd-tabs{display: flex; align-items: stretch; align-self: stretch; gap: 4px; margin-left: 28px;}
.sx-fdock .fd-tabs:empty{display: none;}
.sx-fdock .fd-nav.fs-inputs{padding: 18px 14px 40px; font-family: var(--ib-font);}
.sx-fdock .fs-in-label{font-size: 10px; font-weight: 600; letter-spacing: 0.09em; text-transform: uppercase; color: var(--ib-label);}
.sx-fdock .fs-in-n{font-size: 10.5px; color: var(--ib-label); font-variant-numeric: tabular-nums;}
.sx-fdock .fd-main.fs-out{padding: 32px 36px 80px; background: var(--chrome-bg);}
.sx-fdock .fs-rail-title{margin: 2px 4px 18px; font-size: 15px; font-weight: 600; letter-spacing: -0.005em; color: var(--ink);}
.sx-fdock .fs-idx-head{display: flex; align-items: center; gap: 8px; height: 28px; padding: 0px 8px; margin: 0px 0px 4px;}
.sx-fdock :is([data-chrome="flat"], [data-chrome="float"]) .fd-nav.fs-inputs{padding: 0px 0px 40px;}
.sx-fdock :is([data-chrome="flat"], [data-chrome="float"]) .fd-main.fs-out{padding: 0px 0px 80px;}
.sx-fdock :is([data-chrome="flat"], [data-chrome="float"]) .fd-nav{padding: 18px 0px 36px;}
.sx-fdock :is([data-chrome="flat"], [data-chrome="float"]) .fd-nav.fs-inputs{padding: 18px 0px 40px;}
.sx-fdock :is([data-chrome="flat"], [data-chrome="float"]) .fd-nav :is(.fs-rail-title, .fd-searchw, .fd-tier){margin-left: 20px; margin-right: 20px;}
.sx-fdock :is([data-chrome="flat"], [data-chrome="float"]) .fd-nav :is(.fd-node, .fd-sec){min-height: 44px; padding: 0px 20px; border-bottom: 1px solid var(--line);}
.sx-fdock [data-sx-id="fdock"] .fd-nav :is(.fs-idx-head, .fs-in-head, .fs-fam){padding-left: 20px; padding-right: 20px; margin-left: 0px; margin-right: 0px;}
.sx-fdock [data-sx-id="fdock"].fs-wide.fs-one{width: var(--fs-col);}
.sx-fdock [data-sx-id="fdock"].fs-one .fd-body{grid-template-columns: var(--fs-col);}
.sx-fdock [data-sx-id="fdock"].fs-one .fd-main{display: none;}
.sx-fdock [data-sx-id="fdock"] .fd-preview{display: flex; flex-direction: column; gap: 6px; margin: 4px 20px 8px;}
.sx-fdock [data-sx-id="fdock"] .fd-preview-in{width: 100%; box-sizing: border-box; height: 32px; padding: 0px 10px; border: 1px solid var(--line-2); border-radius: 0px; background: transparent; color: var(--ink); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px;}
.sx-fdock [data-sx-id="fdock"] .fd-preview-in::placeholder{color: var(--faint);}
.sx-fdock [data-sx-id="fdock"] .fd-preview-in:focus{outline: none; border-color: var(--ink);}
.sx-fly{--chat-w:0px;--rail-w:70px;--ib-font:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;--ib-ink:#f4f4f5;--ib-card:#1c1c1f;--ib-card-shadow:none;--ib-val:#c2c2c7;--ib-hover:#242427;--ib-icon:#a6a7ad;--ib-val-hi:#dddddf;--ib-line:rgba(255,255,255,.09);--line:rgba(255,255,255,.08);--shadow-rail:rgba(0,0,0,.45);font-family:"Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;color:rgb(244, 244, 245)}
.sx-fly *{box-sizing: border-box;}
.sx-fly .rail-fly{position: fixed; left: calc(var(--chat-w) + var(--rail-w) + 8px); z-index: 44; display: flex; flex-direction: column; gap: 8px; width: max-content; min-width: 140px; font-family: var(--ib-font); color: var(--ib-ink); pointer-events: none;}
.sx-fly .rail-fly > *{animation: 0.2s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal both running railin;}
.sx-fly .rail-fly > :nth-child(2){animation-delay: 0.02s;}
.sx-fly .rail-fly > :nth-child(3){animation-delay: 0.04s;}
.sx-fly .rail-fly > :nth-child(4){animation-delay: 0.06s;}
.sx-fly .rail-fly > :nth-child(5){animation-delay: 0.08s;}
.sx-fly .rail-fly .ri-card{pointer-events: auto; border-radius: 10px; background: var(--ib-card); box-shadow: var(--ib-card-shadow); overflow: hidden;}
.sx-fly .rail-fly .ri-pill{position: relative; width: 100%; height: 44px; border: 0px; border-radius: 10px; background: transparent; color: var(--ib-val); display: flex; align-items: center; gap: 10px; padding: 0px 38px 0px 13px; white-space: nowrap; cursor: pointer; text-align: left; font: inherit;}
.sx-fly .rail-fly .ri-pill:hover{background: var(--ib-hover); color: var(--ib-ink);}
.sx-fly .rail-fly .ri-icon{width: 16px; height: 16px; display: grid; place-items: center; color: var(--ib-icon); flex: 0 0 auto;}
.sx-fly .rail-fly .ri-icon svg{width: 16px; height: 16px; fill: none; stroke: currentcolor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;}
.sx-fly .rail-fly .ri-icon svg.draw{stroke-width: 1.87;}
.sx-fly .rail-fly .ri-val{font-size: 10.5px; font-weight: 520; letter-spacing: 0.018em; color: var(--ib-val);}
.sx-fly .rail-fly .ri-pill:hover .ri-val{color: var(--ib-val-hi);}
.sx-fly :where(button, input, select, textarea, optgroup){font-family: inherit;}
.sx-fly :is([data-chrome="flat"], [data-chrome="float"]) .rail-fly .ri-card{border-radius: 0px; box-shadow: none; background: transparent; border-bottom: 1px solid var(--ib-line);}
.sx-fly :is([data-chrome="flat"], [data-chrome="float"]) .rail-fly .ri-card:last-child{border-bottom: 0px;}
.sx-fly :is([data-chrome="flat"], [data-chrome="float"]) .rail-fly :is(.ri-pill, .ri-option){border-radius: 0px;}
.sx-fly .rail-fly{gap: 0px; pointer-events: auto; background: var(--ib-card); border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 12px 32px var(--shadow-rail); overflow: hidden;}
.sx-fly :is(.eden-rail, [data-sx-id="masterBar"].master-bar, .tools > .rail-corner, .tools > [data-sx-id="railStack"], .tools > [data-sx-id="railFoot"], .dock, .fdock, .sdock, [data-sx-id="registryView"], [data-sx-id="moodBoard"], [data-sx-id="meshLab"], [data-sx-id="instrumentBar"], .rail-fly){border-color: transparent !important;}
.sx-menu{--ib-font:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;--muted:#75757a;--menu-bg:#16181B;--menu-line:#2A2E33;--menu-radius:7px;--menu-shadow:0 18px 44px rgba(0,0,0,.55);--ink:#F7F8F8;--menu-hover:rgba(255,255,255,.06);--menu-hover-ink:#F7F8F8;--on-accent-dim:#d9d8ff;--ink-2:#A6A7A7;font-family:"Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;color:rgb(247, 248, 248)}
.sx-menu *{box-sizing: border-box;}
.sx-menu :where(code, kbd, pre, samp, tt){font-family: var(--ib-font); font-variant-numeric: tabular-nums;}
.sx-menu :where(button, input, select, textarea, optgroup){font-family: inherit;}
.sx-menu kbd{font: 11px var(--ib-font); color: var(--muted);}
.sx-menu .menu{position: fixed; z-index: 2000; background: var(--menu-bg); border: 1px solid var(--menu-line); border-radius: var(--menu-radius); box-shadow: var(--menu-shadow); padding: 4px; min-width: 200px; max-height: calc(-16px + 100vh); overflow-y: auto;}
.sx-menu .menu button{display: flex; justify-content: space-between; align-items: center; gap: 16px; width: 100%; border: 0px; background: none; height: 28px; padding: 0px 10px; border-radius: 5px; font: inherit; color: var(--ink); cursor: pointer;}
.sx-menu .menu button:hover{background: var(--menu-hover); color: var(--menu-hover-ink);}
.sx-menu .menu button:hover kbd{color: var(--on-accent-dim);}
.sx-menu .menu button:hover kbd{color: var(--ink-2);}/* the Components list without thumbnails, as Studio draws it (Eden2.1/studio/index.html, .palette.no-thumbs, read 2026-10-17): the capture
   above holds only the thumbnail grid. A row is a small preview and the name, no box around it */
.sx-dock .palette.no-thumbs{display:flex;flex-direction:column;gap:0;padding:0 6px}
.sx-dock .palette.no-thumbs .tile{display:flex;flex-direction:row;align-items:center;gap:8px;padding:6px 10px;border:0;border-radius:7px;background:none;position:relative;box-shadow:none}
.sx-dock .palette.no-thumbs .tile:hover{background:var(--hover)}
.sx-dock .palette.no-thumbs .tile-prev{display:flex;flex:none;width:28px;height:28px!important;padding:0;border:1px solid var(--line);border-radius:4px;background:var(--panel);box-sizing:border-box;overflow:hidden;align-items:center;justify-content:center}
.sx-dock .palette.no-thumbs .tile-prev > *{flex:none}
.sx-dock .palette.no-thumbs .tile-label{justify-content:flex-start;width:100%}
.sx-dock .palette.no-thumbs .tile-name{text-align:left}