:root{--brand-primary:#0084f0;--brand-accent:#0066c2;--sidebar:#0084f0;--sidebar-text:#fff;--app-bg:#f5f7fb}html,body,#app{background:var(--app-bg);min-height:100%;margin:0}.auth-screen{background:linear-gradient(180deg, #e8f3ff 0%, var(--app-bg) 55%);place-items:center;min-height:100vh;padding:1.5rem;display:grid}.auth-card{border:0;width:min(480px,100%)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-sidebar{display:none}.sidebar-brand{padding:1.25rem 1.25rem 1.5rem;font-weight:700}.brand-logo-wrap{background:#fff;border-radius:.5rem;align-items:center;padding:.35rem .75rem;display:inline-flex}.brand-logo{width:auto;height:32px;display:block}.brand-logo-wrap-lg{padding:.5rem 1rem}.brand-logo-lg{height:48px}.app-topbar{z-index:20;background:var(--sidebar);color:#fff;border-bottom:0;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding:.7rem 1.25rem;display:flex;position:sticky;top:0}.app-topbar-brand .brand-logo-wrap{padding:.25rem .6rem}.app-nav{flex-wrap:nowrap;gap:.25rem;display:flex;overflow-x:auto}.app-nav .nav-link{color:#fff;white-space:nowrap;border-radius:.5rem;padding:.45rem .75rem}.app-nav .nav-link.router-link-active,.app-nav .nav-link:hover{color:#fff;background:#ffffff2e}.app-topbar-user{align-items:center;gap:.75rem;margin-left:auto;display:flex}.app-topbar-name{color:#fff}.app-topbar .btn-outline-secondary{color:#fff;border-color:#ffffff8c}.app-topbar .btn-outline-secondary:hover{color:var(--sidebar);background:#fff}.app-content{flex:1;min-width:0;padding:1.5rem}.toast-stack{z-index:1080;flex-direction:column;gap:.5rem;width:min(360px,100% - 2rem);display:flex;position:fixed;top:1rem;right:1rem}.app-toast{background:#fff;border-left:4px solid #64748b;border-radius:.5rem;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;display:flex;box-shadow:0 .5rem 1.5rem #0f172a1f}.app-toast-success{border-left-color:#00b36a}.app-toast-danger{border-left-color:#dc3545}.app-toast-warning{border-left-color:#f0ad4e}.pages-panel{background:#fff;border:1px solid #94a3b8;border-radius:.75rem;overflow:hidden}.pages-tabs{background:#fff;border-bottom:1px solid #94a3b8;flex-wrap:wrap;gap:.5rem;margin:0;padding:.75rem .75rem 0;display:flex}.pages-tab{appearance:none;color:#475569;background:#fff;border:1px solid #94a3b8;border-bottom:0;border-radius:.5rem .5rem 0 0;margin-bottom:-1px;padding:.55rem 1rem}.pages-tab.active{color:#0f172a;background:#fff;border-color:#475569;font-weight:600}.page-canvas{background:#fff;padding:2rem 2.25rem}.widget-block{background:#eef2f6;border:1px solid #475569;border-radius:.6rem;max-width:40rem;margin:0 0 1.25rem;padding:1rem 1.15rem}.widget-block:last-child{margin-bottom:0}.widget-help-wrap{flex-shrink:0;position:relative}.widget-help-btn{color:#64748b;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;padding:0;display:inline-flex}.widget-help-btn:hover,.widget-help-btn:focus-visible{color:#0084f0;background:#e8f3ff}.widget-help-icon{fill:currentColor;width:1.1rem;height:1.1rem}.widget-help-tip{z-index:5;color:#fff;background:#0f172a;border-radius:.45rem;width:max-content;max-width:16rem;padding:.55rem .7rem;font-size:.8rem;line-height:1.35;display:none;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 .5rem 1.25rem #0f172a33}.widget-help-wrap:hover .widget-help-tip,.widget-help-wrap:focus-within .widget-help-tip{display:block}.color-field{align-items:center;gap:.6rem;display:flex}.color-swatch{border:1px solid #475569;border-radius:.35rem;flex-shrink:0;width:2rem;height:2rem;margin:0;position:relative;overflow:hidden}.color-swatch-input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.color-hex{max-width:8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.appearance-workspace{grid-template-columns:minmax(16rem,38%) 1fr;gap:1.25rem;min-height:calc(100vh - 8rem);display:grid}.appearance-controls,.appearance-preview{min-width:0}.site-preview-frame{background:#fff;border:1px solid #94a3b8;border-radius:.75rem;height:calc(100vh - 8rem);overflow:hidden}.site-preview-iframe{background:#fff;border:0;width:100%;height:100%}.appearance-panes{z-index:15;background:var(--app-bg);gap:.4rem;padding:.25rem 0;display:flex;position:sticky;top:4.25rem}.appearance-pane{background:#fff;border:1px solid #94a3b8;border-radius:.5rem;flex:1;padding:.45rem .75rem}.appearance-pane.active{color:#0084f0;border-color:#0084f0;font-weight:600}@media (width<=767.98px){.app-topbar-name{display:none}.app-content{padding:1rem}.pages-tabs-sticky{flex-wrap:nowrap;overflow-x:auto}.pages-toolbar-btn{padding:.25rem .6rem;font-size:.8125rem}.appearance-workspace{min-height:0;display:block}.site-preview-frame{height:calc(100vh - 10.5rem)}}