@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Lora:wght@400;500;600;700&family=Manrope:wght@300;400;500;600;700;800&family=Merriweather:wght@400;700&family=Montserrat:wght@300;400;500;600;700;800&family=Nunito+Sans:wght@300;400;600;700;800&family=Outfit:wght@300;400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700;800&family=Roboto+Slab:wght@400;500;700&family=Sora:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@300;400;500;600;700&display=swap");:root{--bg:#f2f4f8;--surface:#ffffff;--surface-soft:#f1f4fb;--ink:#0f1736;--ink-soft:#5d6987;--primary:#5f44e8;--primary-strong:#4a34bd;--danger:#e11d2e;--border:#d8deec;--radius:12px;--shadow:0 8px 20px rgba(15,23,42,0.07)}*{box-sizing:border-box}body{margin:0;font-family:Sora,Avenir Next,Segoe UI,sans-serif;color:var(--ink);background:linear-gradient(180deg,#f7f8fb 0,var(--bg) 100%)}button,input,select,textarea{font:inherit}.topbar{justify-content:space-between;gap:1rem;padding:.58rem .85rem;border-bottom:1px solid var(--border);background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:-webkit-sticky;position:sticky;top:0;z-index:30}.topbar,.topbar-left{display:flex;align-items:center}.topbar-left{gap:.55rem;min-width:260px}.topbar-center{display:flex;justify-content:center;flex:1 1}.topbar-center select{border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--ink);padding:.42rem .55rem;min-width:180px}.topbar-right{justify-content:flex-end}.editor-heading h1{margin:0;font-size:1rem;letter-spacing:-.01em}.editor-heading p{margin:.16rem 0 0;font-size:.76rem;color:#697793}.brand h1{margin:0;font-size:1.06rem;letter-spacing:-.01em}.brand p{margin:.22rem 0 0;font-size:.8rem;color:var(--ink-soft)}.builder-layout{display:grid;grid-template-columns:minmax(620px,1fr) 390px;grid-gap:.8rem;gap:.8rem;padding:.75rem;align-items:start}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.85rem;animation:panelIn .2s ease}.panel-scroll{position:-webkit-sticky;position:sticky;top:4.35rem;max-height:calc(100vh - 5.25rem);overflow-y:auto}.right-sidebar{width:min(390px,100%);padding:0;overflow-x:hidden;overflow-y:auto}.right-sidebar>:not(.sidebar-tabs){padding-left:.72rem;padding-right:.72rem}.panel h2,.panel h3{margin:0;font-size:.97rem;letter-spacing:-.01em}.panel-hint{margin:.36rem 0 0;color:var(--ink-soft);font-size:.81rem;line-height:1.45}.search{width:100%;margin-top:.62rem;border:1px solid var(--border);border-radius:8px;padding:.45rem .55rem}.component-list{margin-top:.65rem;display:grid;grid-gap:.45rem;gap:.45rem;max-height:calc(100vh - 14rem);overflow:auto}.component-card{width:100%;border:1px solid var(--border);background:#fff;color:var(--ink);border-radius:11px;padding:.5rem .58rem;text-align:left;cursor:pointer;transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease}.component-card:hover{border-color:#9eb2ca;transform:translateY(-1px);box-shadow:0 8px 16px rgba(16,32,50,.07)}.component-card small{color:var(--ink-soft);display:block;font-size:.75rem}.page-list{margin-top:.55rem;display:grid;grid-gap:.45rem;gap:.45rem}.page-item{width:100%;border:1px solid var(--border);background:#fff;border-radius:11px;text-align:left;padding:.5rem .58rem;color:var(--ink);transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease}.page-item:hover{border-color:#9eb2ca;transform:translateY(-1px);box-shadow:0 8px 16px rgba(16,32,50,.07)}.page-item strong{display:block;font-size:.9rem;line-height:1.2}.page-item small{display:block;margin-top:.16rem;color:var(--ink-soft)}.page-item.active{border-color:var(--primary);background:#eefaf8}.top-actions,.view-controls{display:flex;gap:.45rem;flex-wrap:wrap}.view-controls{background:var(--surface-soft);padding:.18rem;border-radius:10px}.top-actions select{border:1px solid var(--border);border-radius:8px;padding:.42rem .5rem;background:#fff;color:var(--ink)}.view-btn{border:0;background:transparent;color:var(--ink-soft);padding:.38rem .72rem;border-radius:8px;cursor:pointer}.view-btn.active{background:#fff;color:var(--ink)}.view-btn.icon-only{width:35px;height:33px;padding:0;display:inline-grid;place-items:center}button{border:0;border-radius:10px;padding:.42rem .74rem;cursor:pointer;background:linear-gradient(135deg,#0d3b96,#0a2f76);color:#fff;font-weight:600;transition:transform .12s ease,filter .12s ease}button:hover{filter:brightness(.98)}button.secondary{background:var(--surface-soft);color:var(--ink)}button.danger{background:var(--danger);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}.icon-btn{width:36px;height:34px;padding:0;display:inline-grid;place-items:center;background:var(--surface-soft);color:var(--ink)}.autosave-chip{display:inline-flex;align-items:center;border-radius:999px;padding:.29rem .62rem;font-size:.76rem;border:1px solid #bccdea;color:#234370;background:#edf3ff}.autosave-chip.error{color:#9f2f2f;background:#fff0f0;border-color:#f1c3c3}.menu-dropdown{position:relative}.menu-dropdown summary{list-style:none;border-radius:10px;padding:.42rem .74rem;background:var(--surface-soft);color:var(--ink);font-weight:600;cursor:pointer;border:0}.menu-dropdown summary::-webkit-details-marker{display:none}.menu-dropdown-panel{position:absolute;top:calc(100% + 8px);right:0;min-width:148px;display:grid;grid-gap:.3rem;gap:.3rem;background:#fff;box-shadow:var(--shadow);padding:.35rem;z-index:40;animation:menuDrop .16s ease}.menu-dropdown-panel,.settings-group{border:1px solid var(--border);border-radius:11px}.settings-group{margin-top:.8rem;background:linear-gradient(180deg,#fbfdff,#f5f9ff)}.settings-group summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:.9rem;font-weight:700;padding:.58rem .66rem;letter-spacing:-.01em}.settings-group summary:after{content:"+";font-size:1rem;color:#5f7691}.settings-group[open] summary:after{content:"-"}.settings-group summary::-webkit-details-marker{display:none}.settings-content{padding:0 .66rem .66rem;animation:revealGroup .18s ease}.content-panel-stack{display:flex;flex-direction:column}.content-panel-stack .primary-group{order:1}.content-panel-stack .advanced-group{order:2}.canvas-area{min-height:calc(100vh - 7rem);display:grid;place-items:start center}.canvas-toolrail{position:-webkit-sticky;position:sticky;top:4.6rem;z-index:6;display:inline-grid;gap:.25rem;background:#fff;border:1px solid var(--border);border-radius:11px;padding:.25rem;box-shadow:var(--shadow);margin:0 0 .55rem .2rem}.canvas-viewport{width:min(1160px,100%);transition:width .2s ease}.canvas-viewport.tablet{width:min(820px,100%)}.canvas-viewport.mobile{width:min(430px,100%)}.canvas-page-meta{display:flex;align-items:baseline;gap:.55rem;margin:0 0 .55rem .2rem}.canvas-page-meta strong{font-size:.95rem}.canvas-page-meta span{color:var(--ink-soft);font-size:.82rem}.canvas-helper{margin:0 0 .62rem .2rem;color:#536786;font-size:.78rem;background:#f6f8fd;border:1px solid #dce3f1;border-radius:9px;padding:.32rem .52rem}.canvas{min-height:calc(100vh - 10rem);background:#fff;border:2px dashed #bdcddd;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);transition:box-shadow .2s ease,border-color .2s ease}.canvas:hover{box-shadow:0 14px 28px rgba(16,32,50,.11);border-color:#9eb8d6}.empty-state{margin:1rem;color:#64768a}.block{border:1px solid transparent;position:relative;padding:.8rem;cursor:pointer}.block:hover{border-color:#c2d3e4}.block.selected{border-color:var(--primary);background:linear-gradient(180deg,#f4f7ff,#f9fbff)}.block-content.component-anim-fade-up>*{animation:fadeUp var(--dc-component-animation-duration,.45s) ease both;animation-delay:var(--dc-component-animation-delay,0s)}.block-content.component-anim-zoom-in>*{animation:zoomIn var(--dc-component-animation-duration,.45s) ease both;animation-delay:var(--dc-component-animation-delay,0s)}.block-content.component-anim-slide-left>*{animation:slideLeft var(--dc-component-animation-duration,.45s) ease both;animation-delay:var(--dc-component-animation-delay,0s)}.block-content.component-anim-float-in>*{animation:floatIn var(--dc-component-animation-duration,.45s) ease both;animation-delay:var(--dc-component-animation-delay,0s)}.block-content iframe,.block-content img,.block-content video{box-shadow:var(--dc-media-shadow,none)}.block-content .dc-card{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.block-content .dc-card:hover{transform:translateY(-3px);box-shadow:0 14px 24px rgba(15,23,42,.12);border-color:#9eb8d6!important}.block-content .dc-hover-btn,.block-content .dc-hover-link{transition:transform .14s ease,opacity .14s ease,filter .14s ease}.block-content .dc-hover-btn:hover,.block-content .dc-hover-link:hover{transform:translateY(-1px);filter:brightness(1.02)}.block-content .dc-hover-btn.brand-btn{background:var(--dc-cta-bg,#6a4cff)!important;color:var(--dc-cta-text,#ffffff)!important}.block-content .dc-hover-link.brand-link{color:var(--dc-link-color,#6a4cff)}.block-content .dc-grid-plus-card{min-height:180px;border:1px dashed rgba(255,255,255,.45);border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.03)}.block-content .dc-grid-plus{width:68px;height:68px;border-radius:12px;border:1px solid rgba(255,255,255,.55);display:grid;place-items:center;font-size:2rem;line-height:1;color:rgba(255,255,255,.92)}.block-content .dc-inline-editable,.block-content .dc-inline-media{transition:outline-color .12s ease,box-shadow .12s ease}.block.selected .block-content .dc-inline-editable:hover{outline:2px dashed rgba(13,59,150,.42);outline-offset:2px;cursor:text}.block.selected .block-content .dc-inline-media:hover{outline:2px dashed rgba(225,29,46,.48);outline-offset:2px;cursor:pointer}.block.selected .block-content .dc-inline-active{outline:2px solid rgba(95,68,232,.75);outline-offset:2px;box-shadow:0 0 0 2px rgba(95,68,232,.15)}.block-anim-fade-up{animation:fadeUp .45s ease}.block-anim-zoom-in{animation:zoomIn .4s ease}.block-anim-slide-left{animation:slideLeft .45s ease}.block-anim-float-in{animation:floatIn .5s ease}.block-actions{position:absolute;top:.35rem;right:.35rem;display:flex;gap:.3rem;flex-wrap:wrap;justify-content:flex-end;max-width:min(100%,360px)}.block-actions button{width:34px;height:30px;padding:0;font-size:.72rem;border-radius:8px;display:inline-grid;place-items:center}.block-actions button svg{width:15px;height:15px}.block-actions .secondary{background:#e6edf5;color:#102239}.block-actions .drag-handle{cursor:-webkit-grab;cursor:grab}.block-actions .danger{background:var(--danger)}.inline-edit-hint{margin-top:.55rem;font-size:.74rem;color:#436086;background:#edf3ff;border:1px dashed #bdd0ea;border-radius:8px;padding:.32rem .5rem}.inline-toolbar{position:absolute;z-index:16;display:flex;align-items:center;gap:.3rem;padding:.32rem;border-radius:10px;background:#2b3545;border:1px solid #3d4f68;box-shadow:0 10px 22px rgba(8,15,30,.42);overflow:visible}.inline-toolbar .tool,.inline-toolbar select{height:30px;min-width:30px;padding:0 .42rem;border-radius:8px;border:1px solid rgba(148,163,184,.24);background:#1f2938;color:#dbe5f3;display:inline-grid;place-items:center;font-weight:700}.inline-toolbar .tool{width:30px}.inline-toolbar .tool.active{background:#6a4cff;border-color:#6a4cff;color:#fff}.inline-toolbar .tool.disabled{opacity:.45}.inline-toolbar select{min-width:66px;font-size:.76rem;font-weight:600}.inline-toolbar .font-family-select{min-width:118px;max-width:118px}.inline-toolbar select option{color:#122033}.inline-toolbar .color-input{width:32px;height:30px;border:1px solid rgba(148,163,184,.24);border-radius:8px;padding:0;background:#1f2938}.inline-toolbar .color-input::-webkit-color-swatch-wrapper{padding:2px}.inline-toolbar .color-input::-webkit-color-swatch{border:0;border-radius:6px}.inline-toolbar-popover{position:absolute;top:calc(100% + 8px);right:0;width:214px;display:grid;grid-gap:.5rem;gap:.5rem;background:#1f2938;border:1px solid #3d4f68;border-radius:11px;box-shadow:0 12px 22px rgba(8,15,30,.45);padding:.5rem}.inline-pop-group{display:grid;grid-gap:.3rem;gap:.3rem}.inline-pop-group>span,.inline-pop-row>span{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:#8fa0bb;font-weight:700}.inline-align-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.3rem;gap:.3rem}.inline-toolbar .pop-step,.inline-toolbar .pop-tool{height:30px;border-radius:8px;border:1px solid rgba(148,163,184,.24);background:#2b3545;color:#dbe5f3;display:inline-grid;place-items:center;padding:0}.inline-toolbar .pop-tool.active{background:#6a4cff;border-color:#6a4cff;color:#fff}.inline-pop-row{display:grid;grid-template-columns:34px 30px 1fr 30px;grid-gap:.35rem;gap:.35rem;align-items:center}.inline-pop-row strong{text-align:center;font-size:.74rem;color:#dbe5f3;font-weight:700}.inspector{margin-top:.65rem;display:grid;grid-gap:.7rem;gap:.7rem}.field{display:grid;grid-gap:.3rem;gap:.3rem}.field label{font-size:.8rem;color:var(--ink-soft)}.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:8px;padding:.42rem .52rem}.field textarea{min-height:86px;resize:vertical}.field-inline{display:grid;grid-template-columns:1fr auto;grid-gap:.4rem;gap:.4rem;align-items:center}.field-inline button{padding:.4rem .62rem}.media-list{display:grid;grid-gap:.55rem;gap:.55rem}.media-item{border:1px solid var(--border);border-radius:10px;padding:.5rem;background:#fff;display:grid;grid-gap:.35rem;gap:.35rem}.media-preview{width:100%;border-radius:8px;overflow:hidden;background:#e7edf8;min-height:84px;display:grid;place-items:center}.media-preview img,.media-preview video{width:100%;max-height:140px;object-fit:cover;display:block}.repeater-list{display:grid;grid-gap:.65rem;gap:.65rem;padding-bottom:2.8rem}.repeater-item{border:1px solid var(--border);border-radius:12px;background:#f8fbff;padding:.6rem;display:grid;grid-gap:.45rem;gap:.45rem}.repeater-item.dragging{opacity:.65;border-style:dashed}.repeater-item-head{display:flex;align-items:center;justify-content:space-between;gap:.45rem}.repeater-item-head strong{font-size:.78rem;color:#284766}.fab-add{position:-webkit-sticky;position:sticky;bottom:.25rem;margin-left:auto;width:36px;height:36px;padding:0;display:grid;place-items:center;font-size:1.25rem;line-height:1;background:var(--primary);color:#fff;box-shadow:0 6px 18px rgba(15,118,110,.3)}.chip,.fab-add{border-radius:999px}.chip{display:inline-block;background:#e7efff;color:#113f93;padding:.2rem .55rem;font-size:.72rem}.projects-shell{max-width:1180px;margin:1rem auto;padding:0 1rem}.sidebar-tabs{position:-webkit-sticky;position:sticky;top:0;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0;gap:0;margin-bottom:.2rem;padding:0;border-radius:0;background:#eef2f8;border-bottom:1px solid #d8e1ec}.tab-btn{border:0;border-right:1px solid #d8e1ec;border-radius:0;background:transparent;color:#6a7691;padding:.7rem .45rem;font-size:.8rem;font-weight:700;letter-spacing:.03em}.tab-btn.active{background:#fff;color:#1c2b45;box-shadow:inset 0 -2px 0 var(--primary)}.project-grid{margin-top:.9rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:.8rem;gap:.8rem}.project-card{border:1px solid var(--border);background:#fff;border-radius:14px;text-align:left;min-height:130px;padding:.85rem;display:grid;align-content:start;grid-gap:.45rem;gap:.45rem;color:var(--ink);box-shadow:var(--shadow)}.project-card strong{font-size:.98rem;letter-spacing:-.01em}.project-card small{color:var(--ink-soft)}.project-card span{margin-top:auto;color:#637892;font-size:.79rem}.project-card-create{border-style:dashed;border-width:2px;background:linear-gradient(160deg,#f8fbff,#eef4ff)}.brand-kit-card{border:1px solid #d5ddf1;background:linear-gradient(155deg,#f8f5ff,#f2f4ff 58%,#f9fbff);border-radius:12px;padding:.75rem}.brand-kit-card h4{margin:0;font-size:.95rem;letter-spacing:-.01em}.brand-kit-card p{margin:.36rem 0 0;font-size:.82rem;color:#495f82}.brand-kit-card ul{margin:.62rem 0 0;padding-left:1rem;display:grid;grid-gap:.16rem;gap:.16rem;font-size:.79rem;color:#395275}.workspace-campus{min-height:100vh;display:grid;grid-template-columns:220px 1fr;background:#f6f7fb}.workspace-nav{border-right:1px solid #dee3ef;background:#fdfdff;padding:1.2rem .8rem;display:grid;align-content:start;grid-gap:.45rem;gap:.45rem}.workspace-logo{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:#5b38df;margin:0 0 .4rem .3rem}.workspace-link{border:0;background:transparent;color:#47546f;text-align:left;border-radius:11px;padding:.62rem .72rem;font-weight:600}.workspace-link.active{background:#ece8ff;color:#4621cd}.workspace-main{display:grid;align-content:start;grid-gap:.9rem;gap:.9rem;padding:.95rem 1rem 1.3rem}.workspace-header{background:#fff;border:1px solid #dee3ef;border-radius:14px;padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem}.workspace-title h2{margin:0;font-size:1.02rem}.workspace-title p{margin:.2rem 0 0;color:#5a6881;font-size:.82rem}.workspace-panel{background:#fff;border:1px solid #dee3ef;border-radius:14px;padding:.9rem}.workspace-panel h3{margin:0;font-size:1.05rem}.workspace-empty{text-align:center;color:#46556f}.workspace-empty p{margin:.65rem 0 .2rem;font-weight:600}.workspace-empty small{color:#6c7a92}.workspace-mini-tabs{margin-top:.75rem;display:inline-flex;border:1px solid #dfe5f2;background:#f4f6fb;border-radius:10px;padding:.16rem;gap:.2rem}.workspace-mini-tabs button{border:0;border-radius:8px;background:transparent;color:#4f5f7d;padding:.35rem .58rem;font-size:.78rem}.workspace-mini-tabs button.active{background:#fff;color:#2e1d8f;box-shadow:0 2px 8px rgba(19,38,63,.08)}.workspace-settings-grid{margin-top:.75rem;display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);grid-gap:.8rem;gap:.8rem}.workspace-form{border:1px solid #dde5f3;border-radius:12px;padding:.7rem;background:#f9fbff;display:grid;grid-gap:.55rem;gap:.55rem}@keyframes fadeUp{0%{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:.4;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes slideLeft{0%{opacity:.4;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}@keyframes floatIn{0%{opacity:.35;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes panelIn{0%{opacity:.72;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes revealGroup{0%{opacity:.65;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@keyframes menuDrop{0%{opacity:.5;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1220px){.builder-layout{grid-template-columns:1fr}.panel-scroll{position:static;max-height:none}.component-list{max-height:260px}.right-sidebar{width:100%}.topbar{display:grid;grid-template-columns:1fr}.topbar-center{justify-content:flex-start}.top-actions{gap:.35rem}.canvas{min-height:68vh}.workspace-campus{grid-template-columns:1fr}.workspace-nav{border-right:0;border-bottom:1px solid #dee3ef;grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;align-items:center}.workspace-settings-grid{grid-template-columns:1fr}}