.fe-studio{box-sizing:border-box;background:linear-gradient(#121020f5,#0a0812fa);border:1px solid #ffffff1a;border-radius:22px;width:100%;min-width:0;max-width:min(100%,440px);padding:16px 16px 14px;box-shadow:0 28px 70px #00000073}.fe-studio-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.fe-studio-kicker{letter-spacing:.16em;text-transform:uppercase;color:#67e8f9f2;margin:0 0 3px;font-size:10px;font-weight:700}.fe-studio-title{font-family:var(--font-display), var(--font-manrope), sans-serif;letter-spacing:-.02em;color:#fff;margin:0;font-size:clamp(15px,1.8vw,18px);font-weight:650;line-height:1.3}.fe-live-chip{color:#c4b5fd;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#a78bfa1f;border:1px solid #a78bfa73;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:5px 9px;font-size:9px;font-weight:700;display:inline-flex}.fe-fw-tabs{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.fe-fw-tab{color:#ffffff8c;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:999px;padding:6px 11px;font-size:11px;font-weight:650;transition:all .2s}.fe-fw-tab.is-active{color:#fff;background:#22d3ee24;border-color:#22d3ee80}.fe-preview{background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;min-height:168px;margin-bottom:10px;overflow:hidden}.fe-preview-bar{background:#00000040;border-bottom:1px solid #ffffff0f;align-items:center;gap:5px;padding:8px 10px;display:flex}.fe-preview-bar span{background:#fff3;border-radius:50%;width:7px;height:7px}.fe-preview-bar span:first-child{background:#fb7185}.fe-preview-bar span:nth-child(2){background:#fbbf24}.fe-preview-bar span:nth-child(3){background:#34d399}.fe-preview-bar em{font-style:normal;font-family:var(--font-mono), ui-monospace, monospace;color:#ffffff73;text-overflow:ellipsis;white-space:nowrap;margin-left:6px;font-size:10px;overflow:hidden}.fe-preview-body{grid-template-columns:1.05fr .95fr;gap:0;min-height:128px;display:grid}.fe-tree{border-right:1px solid #ffffff0f;flex-direction:column;gap:5px;padding:10px 8px;display:flex}.fe-tree-node{color:#67e8f9d9;align-items:center;gap:6px;display:flex}.fe-tree-node code{font-family:var(--font-mono), ui-monospace, monospace;color:#ffffffd1;font-size:11px}.fe-preview-meta{flex-direction:column;justify-content:center;gap:4px;min-width:0;padding:10px 12px;display:flex}.fe-preview-meta strong{color:#fff;font-size:14px}.fe-preview-meta span{letter-spacing:.1em;text-transform:uppercase;color:#c4b5fd;font-size:10px;font-weight:650}.fe-preview-meta p{color:#ffffff8c;margin:4px 0 0;font-size:11px;line-height:1.4}.fe-stages{grid-template-columns:1fr 1fr;gap:7px;display:grid}.fe-stage{color:#ffffff80;cursor:pointer;text-align:left;background:#ffffff06;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;transition:border-color .25s,background .25s,color .25s;display:flex}.fe-stage strong{color:inherit;font-size:11px;font-weight:650}.fe-stage span{color:#ffffff61;font-size:9px;line-height:1.3}.fe-stage.is-done{color:#a5f3fc;background:#22d3ee14;border-color:#22d3ee47}.fe-stage.is-done span{color:#a5f3fca6}.fe-stage.is-active{color:#fff;background:#a78bfa24;border-color:#a78bfa80;box-shadow:0 0 0 3px #a78bfa1a}.fe-stage.is-active span{color:#fff9}@media (max-width:1023px){.fe-studio{max-width:100%}}@media (max-width:639px){.fe-studio{padding:14px 12px 12px}.fe-preview-body{grid-template-columns:1fr}.fe-tree{border-bottom:1px solid #ffffff0f;border-right:0}}@media (min-width:1024px) and (max-height:820px){.fe-studio{padding:12px 14px 10px}.fe-preview{min-height:150px;margin-bottom:8px}.fe-stages{gap:6px}.fe-stage{padding:7px 9px}}