.fe-studio{width:100%;max-width:min(100%,440px);border-radius:22px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(18,16,32,.96),rgba(10,8,18,.98));box-shadow:0 28px 70px rgba(0,0,0,.45);padding:16px 16px 14px;box-sizing:border-box;min-width:0}.fe-studio-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.fe-studio-kicker{margin:0 0 3px;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(103,232,249,.95)}.fe-studio-title{margin:0;font-family:var(--font-display),var(--font-manrope),sans-serif;font-size:clamp(15px,1.8vw,18px);font-weight:650;letter-spacing:-.02em;color:#fff;line-height:1.3}.fe-live-chip{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;padding:5px 9px;border-radius:999px;border:1px solid rgba(167,139,250,.45);background:rgba(167,139,250,.12);color:#c4b5fd;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.fe-fw-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.fe-fw-tab{padding:6px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:rgba(255,255,255,.55);font-size:11px;font-weight:650;cursor:pointer;transition:all .2s ease}.fe-fw-tab.is-active{color:#fff;border-color:rgba(34,211,238,.5);background:rgba(34,211,238,.14)}.fe-preview{border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);overflow:hidden;margin-bottom:10px;min-height:168px}.fe-preview-bar{display:flex;align-items:center;gap:5px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.25)}.fe-preview-bar span{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.2)}.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{margin-left:6px;font-style:normal;font-family:var(--font-mono),ui-monospace,monospace;font-size:10px;color:rgba(255,255,255,.45);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fe-preview-body{display:grid;grid-template-columns:1.05fr .95fr;gap:0;min-height:128px}.fe-tree{padding:10px 8px;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:5px}.fe-tree-node{display:flex;align-items:center;gap:6px;color:rgba(103,232,249,.85)}.fe-tree-node code{font-family:var(--font-mono),ui-monospace,monospace;font-size:11px;color:rgba(255,255,255,.82)}.fe-preview-meta{padding:10px 12px;display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}.fe-preview-meta strong{font-size:14px;color:#fff}.fe-preview-meta span{font-size:10px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:#c4b5fd}.fe-preview-meta p{margin:4px 0 0;font-size:11px;line-height:1.4;color:rgba(255,255,255,.55)}.fe-stages{display:grid;grid-template-columns:1fr 1fr;gap:7px}.fe-stage{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:rgba(255,255,255,.5);cursor:pointer;text-align:left;transition:border-color .25s ease,background .25s ease,color .25s ease}.fe-stage strong{font-size:11px;font-weight:650;color:inherit}.fe-stage span{font-size:9px;line-height:1.3;color:rgba(255,255,255,.38)}.fe-stage.is-done{border-color:rgba(34,211,238,.28);background:rgba(34,211,238,.08);color:#a5f3fc}.fe-stage.is-done span{color:rgba(165,243,252,.65)}.fe-stage.is-active{border-color:rgba(167,139,250,.5);background:rgba(167,139,250,.14);color:#fff;box-shadow:0 0 0 3px rgba(167,139,250,.1)}.fe-stage.is-active span{color:rgba(255,255,255,.6)}@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-right:0;border-bottom:1px solid rgba(255,255,255,.06)}}@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}}