.vn-shell .vn-build{max-width:none;color:var(--vn-text);padding:0}.vn-build__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem 1.5rem;margin-bottom:.85rem;display:flex}.vn-build__header-copy h1,.vn-build__title{font-family:var(--font-display);color:var(--vn-text);margin:0;font-size:clamp(1.75rem,3vw,2.15rem);font-weight:600}.vn-build__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--vn-accent);margin:0 0 .25rem;font-size:.68rem;font-weight:700}.vn-build__tagline{color:var(--vn-accent);margin:.35rem 0 0;font-size:1rem;font-weight:650}.vn-build__intro{color:var(--vn-muted);max-width:34rem;margin:.45rem 0 0;font-size:.92rem;line-height:1.55}.vn-build__stats{flex-wrap:wrap;gap:.55rem;display:inline-flex}.vn-build__stats div{background:var(--vn-card);border:1px solid var(--vn-border);border-radius:14px;gap:.08rem;min-width:5rem;padding:.6rem .8rem;display:grid}.vn-build__stats strong{font-size:1.05rem}.vn-build__stats span{color:var(--vn-muted);font-size:.68rem}.vn-build__toolbar{background:var(--vn-card);border:1px solid var(--vn-border);border-radius:14px;flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.75rem;padding:.55rem .65rem;display:flex}.vn-build__toolbar-group{flex-wrap:wrap;align-items:center;gap:.35rem;display:inline-flex}.vn-build__toolbar-group+.vn-build__toolbar-group{border-left:1px solid var(--vn-border);padding-left:.55rem}.vn-build__btn{border:1px solid var(--vn-border);background:var(--vn-card);color:var(--vn-text);cursor:pointer;border-radius:999px;padding:.42rem .82rem;font-size:.78rem;font-weight:650}.vn-build__btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--vn-accent) 35%, var(--vn-border))}.vn-build__btn--primary{background:var(--vn-accent);border-color:var(--vn-accent);color:#fff}.vn-build__btn--ghost{background:0 0}.vn-build__btn:disabled{opacity:.45;cursor:not-allowed}.vn-build__templates{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-bottom:.85rem;display:grid}.vn-build__template{text-align:left;border:1px solid var(--vn-border);background:var(--vn-card);cursor:pointer;border-radius:16px;padding:.85rem .95rem;transition:border-color .15s,box-shadow .15s,transform .15s}.vn-build__template:hover{border-color:color-mix(in srgb, var(--vn-accent) 35%, var(--vn-border));transform:translateY(-1px);box-shadow:0 10px 28px #17352c0f}.vn-build__template strong{font-size:.9rem;display:block}.vn-build__template span{color:var(--vn-muted);margin-top:.25rem;font-size:.76rem;line-height:1.4;display:block}.vn-build__workspace{grid-template-columns:minmax(11rem,13rem) minmax(0,1fr);gap:.75rem;min-height:32rem;margin-top:0;display:grid}.vn-build__sidebar{border:1px solid var(--vn-border);background:var(--vn-card);border-radius:16px;padding:.65rem;overflow:auto;box-shadow:0 10px 28px #17352c0a}.vn-build__sidebar-label{letter-spacing:.12em;text-transform:uppercase;color:var(--vn-muted);margin:.35rem 0 .25rem;font-size:.62rem;font-weight:700}.vn-build__project,.vn-build__file{color:var(--vn-text);border-radius:10px;font-size:.8rem}.vn-build__project.is-active,.vn-build__file.is-active{background:color-mix(in srgb, var(--vn-accent) 12%, var(--vn-card));color:var(--vn-accent);font-weight:650}.vn-build__project-meta{color:var(--vn-muted);font-size:.65rem;font-weight:500;display:block}.vn-build__editor-pane{border:1px solid var(--vn-border);border-radius:calc(var(--vn-radius) + 2px);background:var(--vn-card);overflow:hidden;box-shadow:0 16px 40px #17352c0f}.vn-build__split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:30rem;display:grid}.vn-build__code{border-right:1px solid var(--vn-border);flex-direction:column;min-width:0;display:flex}.vn-build__editor-bar{color:var(--vn-muted);background:color-mix(in srgb, var(--vn-canvas) 55%, var(--vn-card));border-bottom:1px solid var(--vn-border);justify-content:space-between;align-items:center;padding:.55rem .75rem;font-size:.76rem;display:flex}.vn-build__save{color:var(--vn-accent);font-weight:650}.vn-build__save.is-dirty{color:#c47a5a}.vn-build__monaco{background:#0a1410;flex:1;min-height:0}.vn-build__preview{background:color-mix(in srgb, var(--vn-canvas) 40%, var(--vn-card));flex-direction:column;min-width:0;display:flex}.vn-build__preview-label{letter-spacing:.06em;text-transform:uppercase;color:var(--vn-muted);border-bottom:1px solid var(--vn-border);margin:0;padding:.55rem .75rem;font-size:.72rem;font-weight:650}.vn-build__preview-frame-wrap{flex:1;min-height:0;padding:.85rem}.vn-build__preview-device{border:1px solid var(--vn-border);background:#fff;border-radius:14px;height:100%;min-height:18rem;overflow:hidden;box-shadow:inset 0 0 0 1px #17352c0a}.vn-build__preview-frame{background:#fff;border:0;width:100%;height:100%;min-height:18rem}.vn-build__empty{text-align:center;color:var(--vn-muted);padding:3rem 1.5rem}.vn-build__empty-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;max-width:36rem;margin:1rem auto 0;display:grid}@media (max-width:980px){.vn-build__workspace,.vn-build__split{grid-template-columns:1fr}.vn-build__code{border-right:0;border-bottom:1px solid var(--vn-border)}.vn-build__templates,.vn-build__empty-grid{grid-template-columns:1fr}}