.builder-module__90bv3q__page{background:var(--color-bg-light-alt);flex-direction:column;height:100vh;display:flex}.builder-module__90bv3q__toolbar{padding:var(--space-3)var(--space-5);z-index:10;background:#fff;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;display:flex}.builder-module__90bv3q__toolbarLeft{align-items:center;gap:var(--space-4);display:flex}.builder-module__90bv3q__toolbarBrand{align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--font-size-sm);color:var(--color-text-primary);display:flex}.builder-module__90bv3q__logoMark{background:var(--gradient-accent);color:#fff;width:28px;height:28px;font-weight:800;font-size:var(--font-size-sm);border-radius:8px;justify-content:center;align-items:center;display:flex}.builder-module__90bv3q__divider{background:#0000001a;width:1px;height:20px}.builder-module__90bv3q__projectName{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600}.builder-module__90bv3q__toolbarCenter{align-items:center;gap:var(--space-3);display:flex}.builder-module__90bv3q__toolButton{border-radius:var(--radius-md);width:36px;height:36px;font-size:var(--font-size-lg);transition:all var(--transition-fast);color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}.builder-module__90bv3q__toolButton:hover{color:var(--color-text-primary);background:#0000000d}.builder-module__90bv3q__deviceToggle{border-radius:var(--radius-md);background:#0000000a;padding:2px;display:flex}.builder-module__90bv3q__deviceBtn{width:36px;height:32px;font-size:var(--font-size-base);transition:all var(--transition-fast);border-radius:6px;justify-content:center;align-items:center;display:flex}.builder-module__90bv3q__deviceBtn.builder-module__90bv3q__active{box-shadow:var(--shadow-sm);background:#fff}.builder-module__90bv3q__toolbarRight{align-items:center;gap:var(--space-3);display:flex}.builder-module__90bv3q__previewBtn{padding:var(--space-2)var(--space-5);border-radius:var(--radius-full);font-size:var(--font-size-sm);transition:all var(--transition-fast);border:1px solid #0000001a;font-weight:600}.builder-module__90bv3q__previewBtn:hover{background:#0000000a}.builder-module__90bv3q__deployBtn{padding:var(--space-2)var(--space-5);border-radius:var(--radius-full);background:var(--color-text-primary);color:#fff;font-size:var(--font-size-sm);transition:all var(--transition-base);font-weight:600}.builder-module__90bv3q__deployBtn:hover{background:var(--color-accent-blue);transform:translateY(-1px)}.builder-module__90bv3q__workspace{flex:1;display:flex;overflow:hidden}.builder-module__90bv3q__sidebar{background:#fff;border-right:1px solid #0000000f;flex-direction:column;flex-shrink:0;width:240px;display:flex}.builder-module__90bv3q__sidebarTabs{border-bottom:1px solid #0000000f;display:flex}.builder-module__90bv3q__tabBtn{padding:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);border-bottom:2px solid #0000;flex:1;font-weight:600}.builder-module__90bv3q__tabBtn:hover{color:var(--color-text-primary)}.builder-module__90bv3q__tabBtn.builder-module__90bv3q__activeTab{color:var(--color-accent-blue);border-bottom-color:var(--color-accent-blue)}.builder-module__90bv3q__componentList{padding:var(--space-3);gap:var(--space-2);flex:1;grid-template-columns:1fr 1fr;align-content:start;display:grid;overflow-y:auto}.builder-module__90bv3q__componentItem{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:grab;font-size:var(--font-size-xs);background:#00000005;border:1px solid #0000;flex-direction:column;display:flex}.builder-module__90bv3q__componentItem:hover{background:#4285f40f;border-color:#4285f426;transform:translateY(-1px)}.builder-module__90bv3q__compIcon{font-size:20px}.builder-module__90bv3q__compName{color:var(--color-text-secondary);font-weight:500}.builder-module__90bv3q__pageList{padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.builder-module__90bv3q__pageItem{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;font-weight:500;display:flex}.builder-module__90bv3q__pageItem:hover{color:var(--color-text-primary);background:#0000000a}.builder-module__90bv3q__pageItem.builder-module__90bv3q__activePage{color:var(--color-accent-blue);background:#4285f414;font-weight:600}.builder-module__90bv3q__addPageBtn{padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);margin-top:var(--space-2);border:1px dashed #0000001f}.builder-module__90bv3q__addPageBtn:hover{border-color:var(--color-accent-blue);color:var(--color-accent-blue);background:#4285f40a}.builder-module__90bv3q__canvas{padding:var(--space-6);flex:1;justify-content:center;align-items:center;display:flex;overflow:auto}.builder-module__90bv3q__canvasFrame{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:width var(--transition-base),height var(--transition-base);background:#fff;border:1px solid #0000000f;overflow:hidden}.builder-module__90bv3q__canvasFrame.builder-module__90bv3q__desktop{width:100%;max-width:900px;min-height:600px}.builder-module__90bv3q__canvasFrame.builder-module__90bv3q__tablet{width:768px;min-height:600px}.builder-module__90bv3q__canvasFrame.builder-module__90bv3q__mobile{width:375px;min-height:667px}.builder-module__90bv3q__canvasContent{min-height:100%}.builder-module__90bv3q__previewNav{padding:var(--space-4)var(--space-6);border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;display:flex}.builder-module__90bv3q__previewLogo{font-weight:700;font-size:var(--font-size-lg)}.builder-module__90bv3q__previewNavLinks{gap:var(--space-6);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.builder-module__90bv3q__canvasElement{cursor:pointer;transition:box-shadow var(--transition-fast);border:2px solid #0000;position:relative}.builder-module__90bv3q__canvasElement:hover{border-color:#4285f44d}.builder-module__90bv3q__canvasElement.builder-module__90bv3q__selected{border-color:var(--color-accent-blue)}.builder-module__90bv3q__selectionOverlay{pointer-events:none;position:absolute;top:-1px;left:-1px;right:-1px}.builder-module__90bv3q__selectionLabel{background:var(--color-accent-blue);color:#fff;font-size:var(--font-size-xs);text-transform:capitalize;border-radius:4px 4px 0 0;padding:2px 8px;font-weight:600;position:absolute;top:-24px;left:0}.builder-module__90bv3q__previewHero{padding:var(--space-16)var(--space-8);text-align:center;background:linear-gradient(135deg,#f8f9fa,#e8edf5)}.builder-module__90bv3q__previewHero h1{font-size:var(--font-size-3xl);letter-spacing:-.03em;margin-bottom:var(--space-3);font-weight:800}.builder-module__90bv3q__previewHero p{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.builder-module__90bv3q__previewCta{padding:var(--space-3)var(--space-8);background:var(--color-text-primary);color:#fff;border-radius:var(--radius-full);font-weight:600}.builder-module__90bv3q__previewText{padding:var(--space-6)var(--space-8);color:var(--color-text-secondary);line-height:1.7}.builder-module__90bv3q__previewForm{padding:var(--space-8);max-width:500px;margin:0 auto}.builder-module__90bv3q__previewForm h3{font-size:var(--font-size-xl);margin-bottom:var(--space-5);font-weight:700}.builder-module__90bv3q__formField{margin-bottom:var(--space-4)}.builder-module__90bv3q__fieldLabel{font-size:var(--font-size-sm);margin-bottom:var(--space-2);color:var(--color-text-secondary);font-weight:500}.builder-module__90bv3q__fieldInput{border-radius:var(--radius-md);background:#00000008;border:1px solid #00000014;width:100%;height:40px}.builder-module__90bv3q__fieldTextarea{height:80px}.builder-module__90bv3q__formSubmit{padding:var(--space-3);background:var(--color-text-primary);color:#fff;border-radius:var(--radius-md);text-align:center;font-weight:600;font-size:var(--font-size-sm);margin-top:var(--space-4)}.builder-module__90bv3q__previewFeatures{padding:var(--space-8);background:#00000005}.builder-module__90bv3q__previewFeatures h3{text-align:center;font-size:var(--font-size-xl);margin-bottom:var(--space-6);font-weight:700}.builder-module__90bv3q__featureCards{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.builder-module__90bv3q__fCard{padding:var(--space-6)var(--space-4);border-radius:var(--radius-lg);text-align:center;font-weight:600;font-size:var(--font-size-sm);align-items:center;gap:var(--space-2);background:#fff;border:1px solid #0000000f;flex-direction:column;display:flex}.builder-module__90bv3q__fCard span{font-size:24px}.builder-module__90bv3q__propertiesPanel{width:260px;padding:var(--space-5);background:#fff;border-left:1px solid #0000000f;flex-shrink:0;overflow-y:auto}.builder-module__90bv3q__propTitle{font-size:var(--font-size-base);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid #0000000f;font-weight:700}.builder-module__90bv3q__propGroup{margin-bottom:var(--space-5)}.builder-module__90bv3q__propGroup label{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:block}.builder-module__90bv3q__propInput{width:100%;padding:var(--space-2)var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);border:1px solid #0000001a;outline:none;font-family:inherit}.builder-module__90bv3q__propInput:focus{border-color:var(--color-accent-blue);box-shadow:0 0 0 3px #4285f41a}.builder-module__90bv3q__colorPicker{gap:var(--space-2);display:flex}.builder-module__90bv3q__colorSwatch{border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;transition:transform var(--transition-fast);border:2px solid #0000000f}.builder-module__90bv3q__colorSwatch:hover{transform:scale(1.15)}.builder-module__90bv3q__propRange{width:100%;accent-color:var(--color-accent-blue)}@media (max-width:768px){.builder-module__90bv3q__sidebar,.builder-module__90bv3q__propertiesPanel{display:none}.builder-module__90bv3q__canvasFrame.builder-module__90bv3q__desktop{max-width:100%}}[data-theme=dark] .builder-module__90bv3q__toolbar{background:#112;border-bottom-color:#ffffff0f}[data-theme=dark] .builder-module__90bv3q__divider{background:#ffffff1a}[data-theme=dark] .builder-module__90bv3q__sidebar{background:#112;border-right-color:#ffffff0f}[data-theme=dark] .builder-module__90bv3q__sidebarTabs{border-bottom-color:#ffffff0f}[data-theme=dark] .builder-module__90bv3q__componentItem{background:#ffffff08}[data-theme=dark] .builder-module__90bv3q__pageItem:hover{background:#ffffff0f}[data-theme=dark] .builder-module__90bv3q__addPageBtn{border-color:#ffffff1a}[data-theme=dark] .builder-module__90bv3q__canvasFrame{background:#1a1a2e;border-color:#ffffff0f}[data-theme=dark] .builder-module__90bv3q__previewNav{border-bottom-color:#ffffff0f}[data-theme=dark] .builder-module__90bv3q__previewHero{background:linear-gradient(135deg,#1a1a2e,#224)}[data-theme=dark] .builder-module__90bv3q__fieldInput{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .builder-module__90bv3q__previewFeatures{background:#ffffff05}[data-theme=dark] .builder-module__90bv3q__fCard{background:#1a1a2e;border-color:#ffffff0f}[data-theme=dark] .builder-module__90bv3q__propertiesPanel{background:#112;border-left-color:#ffffff0f}[data-theme=dark] .builder-module__90bv3q__propTitle{border-bottom-color:#ffffff0f}[data-theme=dark] .builder-module__90bv3q__propInput{color:#e8eaed;background:#1a1a2e;border-color:#ffffff1a}[data-theme=dark] .builder-module__90bv3q__colorSwatch{border-color:#ffffff1a}[data-theme=dark] .builder-module__90bv3q__deviceBtn.builder-module__90bv3q__active{background:#1a1a2e}[data-theme=dark] .builder-module__90bv3q__toolButton:hover{background:#ffffff0f}[data-theme=dark] .builder-module__90bv3q__deviceToggle{background:#ffffff0f}[data-theme=dark] .builder-module__90bv3q__previewBtn{border-color:#ffffff1a}[data-theme=dark] .builder-module__90bv3q__previewBtn:hover{background:#ffffff0f}