.appEditorTopbar-container{border-bottom:.5px solid var(--ui-line-faint);background:rgba(var(--ui-bg-1-rgb), .7);-webkit-backdrop-filter:blur(18px);grid-area:top;justify-content:space-between;align-items:center;gap:12px;min-width:0;height:48px;padding:0 14px;display:flex}.appEditorTopbar-left,.appEditorTopbar-center,.appEditorTopbar-right{align-items:center;gap:8px;min-width:0;display:flex}.appEditorTopbar-left{flex:0 auto;min-width:0}.appEditorTopbar-logo{color:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;gap:9px;margin-right:4px;padding:0;font-family:inherit;display:inline-flex}.appEditorTopbar-logo-text{letter-spacing:-.2px;color:var(--text-primary);font-size:14px;font-weight:600}.appEditorTopbar-crumb{color:var(--ui-muted);flex:auto;align-items:center;gap:8px;min-width:0;font-size:12.5px;display:inline-flex}.appEditorTopbar-sep{color:var(--ui-faint);flex-shrink:0}.appEditorTopbar-proj{color:var(--text-primary);border:.5px solid var(--ui-line-strong);background:rgba(var(--text-primary-rgb), .03);cursor:pointer;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:4px 8px;font-weight:500;transition:background .1s;display:inline-flex}.appEditorTopbar-proj:hover{background:rgba(var(--text-primary-rgb), .05)}.appEditorTopbar-proj svg{opacity:.55}.appEditorTopbar-branch{color:var(--ui-muted);background:rgba(var(--text-primary-rgb), .03);border:.5px solid var(--ui-line-faint);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;min-width:0;padding:3px 8px;font-size:11.5px;display:inline-flex;overflow:hidden}.appEditorTopbar-branch-dot{background:var(--ui-green);width:6px;height:6px;box-shadow:0 0 8px var(--ui-green);border-radius:50%;flex-shrink:0}.appEditorTopbar-center{flex:none;justify-content:center}.appEditorTopbar-seg{background:rgba(var(--text-primary-rgb), .03);border:.5px solid var(--ui-line-faint);border-radius:8px;gap:2px;padding:2px;display:inline-flex}.appEditorTopbar-seg-btn{color:var(--ui-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:5px 11px;font-family:inherit;font-size:12px;font-weight:500;transition:all .12s;display:inline-flex}.appEditorTopbar-seg-btn:hover{color:var(--text-primary)}.appEditorTopbar-seg-btn-on{background:rgba(var(--text-primary-rgb), .08);color:var(--text-primary);box-shadow:inset 0 0 0 .5px rgba(var(--text-primary-rgb), .1)}.appEditorTopbar-right{flex:none}.appEditorTopbar-icon{border:.5px solid var(--ui-line-faint);color:var(--ui-muted);cursor:pointer;background:0 0;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:all .12s;display:inline-flex}.appEditorTopbar-icon:hover{color:var(--text-primary);background:rgba(var(--text-primary-rgb), .04);border-color:var(--ui-line-strong)}.appEditorTopbar-avatar{cursor:pointer;box-shadow:0 0 0 .5px rgba(var(--text-primary-rgb), .15);background:0 0;border:none;border-radius:50%;padding:0;display:inline-flex}.appEditorTopbar-region{display:inline-flex;position:relative}.appEditorTopbar-proj-btn{cursor:pointer;background:0 0;border:0;padding:4px 8px;font-family:inherit}.appEditorTopbar-menu{background:rgba(var(--ui-bg-1-rgb), .96);-webkit-backdrop-filter:blur(24px);border:.5px solid var(--ui-line-strong);z-index:100;border-radius:10px;flex-direction:column;gap:1px;min-width:220px;margin:0;padding:4px;list-style:none;display:flex;position:absolute;top:calc(100% + 6px);box-shadow:0 16px 48px #00000073}.appEditorTopbar-menu-left{left:0}.appEditorTopbar-menu-right{right:0}.appEditorTopbar-menu-item{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:12.5px;transition:all .12s;display:flex}.appEditorTopbar-menu-item:hover{background:rgba(var(--text-primary-rgb), .06)}.appEditorTopbar-menu-item-active{background:rgba(var(--ui-violet-rgb), .16)}.appEditorTopbar-menu-item-danger:hover{background:rgba(var(--error-rgb), .14);color:var(--error)}.appEditorTopbar-menu-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.appEditorTopbar-menu-role{text-transform:uppercase;letter-spacing:.05em;color:var(--ui-dim);background:rgba(var(--text-primary-rgb), .05);border-radius:4px;padding:1px 6px;font-size:9.5px}.appEditorTopbar-avatar-head{flex-direction:column;gap:2px;padding:10px 10px 8px;display:flex}.appEditorTopbar-avatar-name{color:var(--text-primary);font-size:12.5px;font-weight:600}.appEditorTopbar-avatar-email{color:var(--ui-dim);font-size:10.5px}.appEditorTopbar-avatar-divider{background:var(--ui-line-faint);height:.5px;margin:4px 0}.appEditorTopbar-live{font-size:10.5px;font-family:var(--ui-font-mono);color:var(--ui-violet);background:rgba(var(--ui-violet-rgb), .12);border:.5px solid rgba(var(--ui-violet-rgb), .3);border-radius:999px;align-items:center;gap:6px;margin-left:8px;padding:2px 10px;display:inline-flex}.appEditorTopbar-applied{font-size:10.5px;font-family:var(--ui-font-mono);color:var(--text-secondary,var(--ui-muted));background:var(--bg-secondary);border:.5px solid var(--ui-line);cursor:pointer;border-radius:999px;align-items:center;gap:6px;margin-left:8px;padding:2px 10px;transition:all .15s;display:inline-flex}.appEditorTopbar-applied:hover{color:var(--text-primary,var(--ui-text));border-color:var(--ui-line-strong)}.appEditorTopbar-applied-k{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary,var(--ui-dim))}.appEditorTopbar-applied-n{color:var(--text-primary,var(--ui-text));font-weight:500}.appEditorTopbar-applied-brand{font-size:10.5px;font-family:var(--ui-font-mono);color:var(--text-secondary,var(--ui-muted));background:rgba(var(--brand-rgb), .08);border:.5px solid rgba(var(--brand-rgb), .2);border-radius:999px;align-items:center;gap:5px;margin-left:6px;padding:2px 8px;display:inline-flex}.appEditorTopbar-applied-brand-dot{background:var(--brand);border-radius:50%;width:6px;height:6px}.appEditorTopbar-live-dot{background:var(--ui-violet);border-radius:50%;width:6px;height:6px}.appEditorTopbar-live-dot-pulse{animation:1.4s ease-in-out infinite appEditorTopbar-pulse}@keyframes appEditorTopbar-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}.k-btn-stop{background:rgba(var(--error-rgb), .16);border-color:rgba(var(--error-rgb), .35);color:var(--error)}.appEditorTopbar-deploy-group{border:.5px solid var(--ui-line-faint);background:rgba(var(--text-primary-rgb), .03);border-radius:9px;align-items:center;gap:4px;padding:2px;display:inline-flex}@media (max-width:1100px){.appEditorTopbar-crumb{font-size:12px}.appEditorTopbar-branch,.appEditorTopbar-live{display:none}}@media (max-width:900px){.appEditorTopbar-center{display:none}}@media (max-width:640px){.appEditorTopbar-container{gap:4px;padding:0 8px;overflow:hidden}.appEditorTopbar-right .appEditorTopbar-tb-secondary,.appEditorTopbar-left .appEditorTopbar-tb-secondary,.appEditorTopbar-logo .appEditorTopbar-logo-text{display:none}.appEditorTopbar-crumb{font-size:11px}}.appEditorTopbar-saveas-dialog{flex-direction:column;gap:0;width:min(560px,92vw);padding:0;display:flex}.appEditorTopbar-saveas-head{border-bottom:.5px solid var(--ui-line);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.appEditorTopbar-saveas-title{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.appEditorTopbar-saveas-close{border:.5px solid var(--ui-line);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;place-items:center;display:inline-grid}.appEditorTopbar-saveas-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.appEditorTopbar-saveas-body{flex-direction:column;gap:14px;max-height:70vh;padding:18px 20px;display:flex;overflow-y:auto}.appEditorTopbar-saveas-field{flex-direction:column;gap:6px;display:flex}.appEditorTopbar-saveas-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-size:11px;font-weight:500}.appEditorTopbar-saveas-hint{color:var(--text-tertiary,var(--text-secondary));font-size:11.5px;line-height:1.4}.appEditorTopbar-saveas-toggle{border-top:.5px dashed var(--ui-line);flex-direction:column;gap:6px;padding-top:4px;display:flex}.appEditorTopbar-saveas-toggle-label{color:var(--text-primary);font-size:13px;font-weight:500}.appEditorTopbar-saveas-foot{border-top:.5px solid var(--ui-line);background:var(--bg-secondary);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.appEditorTopbar-saveas-foot-right{align-items:center;gap:8px;display:inline-flex}.appEditorTopbar-saveas-err{color:var(--error);margin:0;font-size:12px}.appEditorTopbar-saveas-btn{background:var(--bg-secondary);border:.5px solid var(--ui-line);height:30px;color:var(--text-primary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;transition:all .15s;display:inline-flex}.appEditorTopbar-saveas-btn:hover:not(:disabled){background:var(--ui-bg-elev,#ffffff0f)}.appEditorTopbar-saveas-btn:disabled{opacity:.5;cursor:not-allowed}.appEditorTopbar-saveas-btn-primary{background:var(--brand);color:var(--ink-text-on-brand);border-color:#0000}.appEditorTopbar-saveas-btn-primary:hover:not(:disabled){filter:brightness(1.08)}.appEditorTopbar-apply-dialog{width:min(820px,94vw)}.appEditorTopbar-apply-body{gap:12px}.appEditorTopbar-apply-search{border:.5px solid var(--ui-line);background:var(--bg-secondary);color:var(--text-tertiary,var(--text-secondary));border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.appEditorTopbar-apply-search input{color:var(--text-primary);background:0 0;border:0;outline:none;flex:1;font-family:inherit;font-size:13px}.appEditorTopbar-apply-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;max-height:360px;padding-right:4px;display:grid;overflow-y:auto}.appEditorTopbar-apply-card{text-align:left;background:var(--bg-secondary);border:.5px solid var(--ui-line);cursor:pointer;color:var(--text-primary);border-radius:8px;flex-direction:column;align-items:stretch;gap:6px;padding:12px;font-family:inherit;transition:all .15s;display:flex}.appEditorTopbar-apply-card:hover{border-color:var(--ui-line-strong);background:var(--ui-bg-elev,#ffffff0f)}.appEditorTopbar-apply-card-on{border-color:var(--brand);background:rgba(var(--brand-rgb), .1)}.appEditorTopbar-apply-card-h{justify-content:space-between;align-items:center;gap:8px;display:inline-flex}.appEditorTopbar-apply-card-name{color:var(--text-primary);font-size:13px;font-weight:600}.appEditorTopbar-apply-card-premium,.appEditorTopbar-apply-card-curated,.appEditorTopbar-apply-card-public{font-size:9.5px;font-family:var(--ui-font-mono,ui-monospace, monospace);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;gap:3px;padding:1px 6px;display:inline-flex}.appEditorTopbar-apply-card-premium{background:rgba(var(--brand-rgb), .18);color:var(--brand);border:.5px solid rgba(var(--brand-rgb), .32)}.appEditorTopbar-apply-card-curated{background:rgba(var(--text-primary-rgb), .06);color:var(--text-secondary);border:.5px solid var(--ui-line)}.appEditorTopbar-apply-card-public{background:rgba(var(--accent-3-rgb), .12);color:rgba(var(--accent-3-rgb), 1);border:.5px solid rgba(var(--accent-3-rgb), .28)}.appEditorTopbar-apply-card-desc{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.appEditorTopbar-apply-card-tags{color:var(--text-tertiary,var(--text-secondary));font-size:10.5px;font-family:var(--ui-font-mono,ui-monospace, monospace)}.appEditorTopbar-apply-branding{border-top:.5px dashed var(--ui-line);padding-top:12px}