/* Compact live workspace, with readable controls and an independently scrolling file list. */
.fc-demo.embedded-demo .app-title{min-height:52px;padding:10px 22px}
.fc-demo.embedded-demo .account-line{padding:5px 22px}
.fc-demo.embedded-demo .app-toolbar{padding:6px 20px}
.fc-demo.embedded-demo .body{padding:12px 22px 0}
.fc-demo.embedded-demo .page-heading{margin-bottom:9px}
.fc-demo.embedded-demo .blender-path{padding:6px 12px;margin-bottom:10px}
.fc-demo.embedded-demo .panel{padding:13px}
.fc-demo.embedded-demo .blender-path{padding:6px 12px}
.fc-demo.embedded-demo .grid{gap:12px;margin-bottom:10px}
.fc-demo.embedded-demo .panel h3{margin-bottom:9px}
.fc-demo.embedded-demo .file-area{min-height:140px;max-height:175px;margin-top:10px;padding:6px}
.fc-demo.embedded-demo .file-area .drop{min-height:58px;padding:10px}
.fc-demo.embedded-demo .empty{padding:10px 8px;margin:0}
.fc-demo.embedded-demo .model{padding:6px 5px;min-height:35px}
.fc-demo.embedded-demo .model-meta{margin-top:4px}
.fc-demo.embedded-demo .export-folder{margin-top:7px;gap:3px}
.fc-demo.embedded-demo .formats{margin:11px 0 17px;gap:6px}
.fc-demo.embedded-demo .formats button{min-height:33px;padding:7px}
.fc-demo.embedded-demo .foot{padding:9px 12px}
.fc-demo.embedded-demo .demo-footer{padding:10px 22px 3px}
.fc-demo.embedded-demo .legal{padding:4px 22px 9px}
.fc-demo .language-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0}
.fc-demo .language-switch{display:inline-flex;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--bg);gap:4px}
.fc-demo .language-switch button{padding:8px 15px;border-color:transparent;color:var(--muted);background:transparent}
.fc-demo .language-switch button[aria-pressed=true]{border-color:var(--accent);background:#b59aff16;color:var(--text)}
.site-ambience{position:fixed;inset:-12%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 17% 25%,#8753e719,transparent 39%),radial-gradient(ellipse at 87% 70%,#5a7fea12,transparent 42%);animation:site-breathe 24s ease-in-out infinite alternate;will-change:transform;opacity:.8}
.header,body>main,body>footer{position:relative;z-index:1}
@keyframes site-breathe{from{transform:translate3d(-1%,-1%,0) scale(1);opacity:.55}to{transform:translate3d(2%,3%,0) scale(1.08);opacity:.95}}
@media(max-width:700px){.fc-demo.embedded-demo .body{padding:12px 12px 0}.fc-demo.embedded-demo .app-title,.fc-demo.embedded-demo .account-line{padding-left:14px;padding-right:14px}.fc-demo.embedded-demo .file-area{max-height:180px}.fc-demo .language-setting{flex-wrap:wrap}.fc-demo .language-switch{max-width:100%}.site-ambience{animation:none;will-change:auto}}
@media(prefers-reduced-motion:reduce){.site-ambience{animation:none;will-change:auto}}
/* Keep settings independent from the page and preserve its scroll position. */
html{scrollbar-gutter:stable}
html.demo-modal-open{overflow:hidden}
.fc-demo.sub{position:fixed;inset:0;margin:auto;max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;transform:none;isolation:isolate}
.fc-demo.sub .bar{display:flex;flex-wrap:nowrap;gap:16px}
.fc-demo.sub .bar h2{min-width:0;line-height:1.3}
.fc-demo.sub .bar button{flex-shrink:0}
.demo-intro{display:flex;align-items:center;justify-content:space-between;gap:26px;max-width:1220px;margin:32px auto 0;padding:22px 24px;text-align:left;border:1px solid #aa83f536;border-radius:16px;background:linear-gradient(110deg,#a071ed12,#637bce08)}
.demo-eyebrow{display:block;color:#bba0f4;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
.demo-intro h2{font-size:clamp(20px,2vw,27px);line-height:1.25;margin:0 0 8px;letter-spacing:-.02em}
.demo-intro p{font-size:14px;line-height:1.5;margin:0 0 5px;color:#d5d6e4}
.demo-intro small{display:block;font-size:11px;color:#9299ad;line-height:1.5}
.demo-intro button{flex-shrink:0;border:1px solid #bca0ef65;border-radius:11px;padding:13px 18px;background:linear-gradient(110deg,#b397f2,#91ace4);color:#191829;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:filter .2s}
.demo-intro button:hover{filter:brightness(1.1)}
.demo-intro button:focus-visible,.demo-jump:focus-visible{outline:2px solid #c4a7ff;outline-offset:5px}
.demo-jump{display:inline-block;font-size:13px;color:#c2a6fa;margin-top:16px;text-decoration:underline;text-underline-offset:4px}
#try-demo,#embedded-demo{scroll-margin-top:24px}
.demo-intro+.demo-stage{margin-top:16px!important}
@media(max-width:700px){.demo-intro{flex-direction:column;align-items:stretch;gap:16px;padding:18px;margin-top:24px}.demo-intro button{align-self:flex-start}.fc-demo.sub{max-height:calc(100dvh - 20px)}}

button.demo-jump{border:0;padding:0;background:none;font-family:inherit;cursor:pointer}
.fc-demo.embedded-demo.demo-attention{animation:demo-attention 1.8s ease-in-out}
@keyframes demo-attention{0%,100%{outline:2px solid transparent;outline-offset:5px}25%,70%{outline:2px solid #bb99ff;outline-offset:5px;box-shadow:0 0 32px #b58aff65}48%{outline:2px solid #bb99ff30;outline-offset:5px;box-shadow:0 0 12px #b58aff20}}
@media(prefers-reduced-motion:reduce){.fc-demo.embedded-demo.demo-attention{animation-name:demo-attention-still}@keyframes demo-attention-still{0%,100%{outline:2px solid #bb99ff;outline-offset:5px}}}