.build-shell{flex:1;height:100%;display:flex;overflow:hidden}.build-preview{background:var(--background);flex:1;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.build-panel{background:var(--background-1);flex-direction:column;flex-shrink:0;width:320px;display:flex;overflow:hidden}.build-actions{flex-direction:column;flex-shrink:0;gap:16px;padding:24px;display:flex}.build-btn{width:100%;font-family:var(--font-display);letter-spacing:-.01em;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:700;transition:opacity .2s,transform .1s;display:flex}.build-btn:active{transform:scale(.98)}.build-btn--publish{color:#fff;background:linear-gradient(135deg,#155dfc 0%,#3b82f6 100%);padding:14px;box-shadow:0 4px 12px #155dfc4d}.build-btn--publish:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.build-btn--publish:disabled:active{transform:none}.build-btn--download{background:linear-gradient(180deg,var(--canvas-scan)0%,var(--theme)100%);color:#fff;padding:16px;box-shadow:0 4px 5.25px -4px #0000001a,0 10px 13.125px -3px #0000001a}.build-btn--download:disabled{background:linear-gradient(180deg,var(--skeleton-stroke)0%,var(--nav-inactive)100%);cursor:not-allowed;opacity:.7;box-shadow:none}.build-btn--download:disabled:active{transform:none}.build-btn--play{background:var(--background-2);color:var(--foreground);padding:12px}.build-btn--play:disabled{opacity:.4;cursor:not-allowed}.build-btn--play:disabled:active{transform:none}.build-status{background:var(--background-2);font-family:var(--font-display);letter-spacing:.02em;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;display:flex}.build-status__dot{border-radius:50%;width:8px;height:8px}.build-status__dot--running{background:var(--canvas-scan);animation:1.5s ease-in-out infinite build-dot-pulse}.build-status__dot--complete{background:var(--status-success)}.build-status__dot--failed{background:var(--status-error)}@keyframes build-dot-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.build-status__text{font-weight:600}.build-status__text--running{color:var(--canvas-scan)}.build-status__text--complete{color:var(--status-success)}.build-status__text--failed{color:var(--status-error)}.build-files{flex-direction:column;flex:1;min-height:0;padding:0 24px;display:flex}.build-files__header{flex-shrink:0;justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.build-files__title{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--skeleton-stroke);font-size:11px;font-weight:700}.build-files__count{font-family:var(--font-display);color:var(--canvas-scan);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.build-files__list{background:color-mix(in srgb,var(--foreground)3%,transparent);border-radius:12px;flex:1;min-height:0;padding:8px;overflow-y:auto}.build-file-item{font-family:var(--font-sans);color:var(--foreground);border-radius:8px;align-items:center;gap:8px;padding:8px;font-size:14px;display:flex}.build-file-item__icon{text-align:center;flex-shrink:0;width:20px;font-size:16px}.build-file-item__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.build-file-item__size{color:var(--skeleton-stroke);flex-shrink:0;font-size:12px}.build-file-item__chevron{color:var(--skeleton-stroke);flex-shrink:0}.build-file-skeleton{flex-direction:column;gap:12px;padding:8px;display:flex}.build-file-skeleton__row{background:linear-gradient(110deg,color-mix(in srgb,var(--foreground)5%,transparent)30%,color-mix(in srgb,var(--foreground)8%,transparent)50%,color-mix(in srgb,var(--foreground)5%,transparent)70%);background-size:200% 100%;border-radius:8px;height:20px;animation:1.5s ease-in-out infinite build-shimmer}@keyframes build-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.build-logs{flex-shrink:0;padding:24px}.build-logs__title{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--skeleton-stroke);margin-bottom:12px;font-size:11px;font-weight:700}.build-logs__terminal{background:var(--terminal-bg);border:1px solid var(--terminal-border);max-height:224px;font-family:var(--font-mono);border-radius:12px;padding:16px;font-size:12px;line-height:1.7;overflow-y:auto}.build-logs__time{color:var(--nav-inactive);flex-shrink:0}.build-logs__tag{flex-shrink:0;min-width:60px;font-weight:700}.build-logs__tag--info{color:var(--canvas-scan)}.build-logs__tag--build{color:var(--status-success)}.build-logs__tag--success{color:var(--status-success);font-weight:800}.build-logs__tag--error{color:var(--status-error)}.build-logs__text{color:#e2e8f0;text-overflow:ellipsis;overflow:hidden}.build-logs__empty{color:var(--nav-inactive);text-align:center;padding:24px 0;font-style:italic}.build-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.build-confetti:before,.build-confetti:after{content:"";border-radius:50%;position:absolute}.build-confetti:before{background:0 0;width:8px;height:8px;animation:3s ease-in-out infinite confetti-fall;top:-10px;left:0;box-shadow:12vw 8vh #edc95e80,73vw 22vh #5ed5ed80,34vw 61vh #ed5ebe80,87vw 43vh #5eed5e80,5vw 77vh #8e5eed80,58vw 15vh #eda65e80,91vw 85vh #5eedd580,26vw 50vh #beed5e80,67vw 92vh #ed5e8e80,44vw 33vh #5ea6ed80}.build-confetti:after{background:0 0;width:6px;height:6px;animation:4s ease-in-out .5s infinite confetti-fall;top:-10px;left:0;box-shadow:38vw 18vh #f0947566,82vw 55vh #75f0bd66,19vw 73vh #db75f066,61vw 9vh #f0f07566,95vw 38vh #758af066,8vw 90vh #9ef07566,50vw 27vh #f0758a66,76vw 68vh #75c7f066,29vw 45vh #75f09e66,55vw 82vh #b375f066}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-10vh)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.build-skeleton-shimmer{background:linear-gradient(90deg,#0000 0%,#6366f10f 40%,#6366f11a 50%,#6366f10f 60%,#0000 100%);width:100%;height:100%;animation:2.5s ease-in-out infinite skeleton-sweep;position:absolute;top:0;left:-100%}@keyframes skeleton-sweep{0%{left:-100%}to{left:100%}}.build-progress-shine{background:linear-gradient(90deg,#0000 0%,#ffffff59 50%,#0000 100%);animation:1.8s ease-in-out infinite progress-shine}@keyframes progress-shine{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes buildItemReveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.build-status__dot--running,.build-file-skeleton__row,.build-confetti:before,.build-confetti:after,.build-skeleton-shimmer,.build-progress-shine{animation:none!important}}