.page-builder{font-family:Inter,system-ui,sans-serif;color:#263244;background:#eef0f4;display:flex;flex-direction:column;text-align:left}.page-builder-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150}.page-builder-embedded{height:780px;border:1px solid #dce1e8;border-radius:12px;overflow:hidden}.builder-toolbar{height:62px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 16px;background:#171923;color:#fff;border-bottom:1px solid #303340}.builder-toolbar button:not(.builder-save){display:flex;align-items:center;justify-content:center;min-width:34px;height:36px;border-radius:6px}.builder-toolbar button:hover{background:#343747}.builder-toolbar button:disabled{opacity:.3}.builder-toolbar button[aria-pressed=true]{color:#c4b5fd;background:#363044}.builder-brand{display:flex;gap:9px;align-items:center;white-space:nowrap;color:#c4b5fd}.builder-brand strong{color:#fff;font-size:13px;letter-spacing:.03em}.builder-brand span{font-weight:400;color:#a9afbd;margin-left:6px}.builder-path{margin-left:18px;padding-left:22px;border-left:1px solid #414350;font-size:13px;min-width:110px;max-width:240px;overflow:hidden;text-overflow:ellipsis}.builder-path small{display:block;color:#9da6b8;font-size:10px;margin-top:2px}.builder-devices{display:flex;gap:5px;margin:auto}.builder-actions{display:flex;gap:6px;align-items:center}.builder-save{background:#8b5cf6!important;color:#fff;margin-left:10px}.builder-save:hover{background:#7c3aed!important}.builder-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);flex:1;min-height:0}.builder-preview{grid-template-columns:minmax(0,1fr)}.builder-sidebar{display:flex;flex-direction:column;min-height:0;background:#fff;border-right:1px solid #dfe3e9}.builder-tabs{display:flex;border-bottom:1px solid #e5e7ed;flex-shrink:0}.builder-tabs button{flex:1;display:flex;align-items:center;flex-direction:column;gap:7px;font-size:11px;padding:15px 5px;border-bottom:2px solid transparent;color:#788294}.builder-tabs button[aria-pressed=true]{color:#7c3aed;border-color:#8b5cf6;background:#faf8ff}.builder-panel{padding:22px 16px;overflow:auto;flex:1}.builder-panel h2{font-size:15px;line-height:1.5;font-weight:650;margin:0 0 8px;color:#202738}.builder-panel p{font-size:12px;line-height:1.7;color:#7a8393;margin-bottom:20px}.builder-palette{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.builder-palette button{border:1px solid #e0e4eb;border-radius:8px;padding:22px 5px;display:flex;flex-direction:column;align-items:center;gap:12px;background:#fff;font-size:12px}.builder-palette button:hover{border-color:#a78bfa;background:#faf8ff;color:#7c3aed;box-shadow:0 3px 12px #7c3aed10}.builder-palette small{font-size:9px;color:#939aaa}.builder-search{position:relative;margin:18px 0}.builder-search>svg{position:absolute;left:10px;top:12px;color:#8d96a5}.builder-search input{padding-left:32px;font-size:12px}.builder-layers>div{display:flex;border:1px solid #e7eaf0;border-radius:7px;margin-bottom:8px;overflow:hidden}.builder-layers>div:hover,.builder-layers>.is-selected{border-color:#c4b5fd;background:#faf8ff}.builder-layers button:first-child{flex:1;min-width:0;display:flex;align-items:center;gap:9px;padding:12px;text-align:left;font-size:12px}.builder-layers button:first-child>svg{flex-shrink:0;color:#8b5cf6}.builder-layers small{display:block;font-size:9px;color:#9099a8;margin-bottom:5px}.builder-layers button:last-child{padding:10px;color:#929bab}.builder-sidebar-footer{padding:13px 16px;font-size:10px;color:#808a9b;border-top:1px solid #e5e7ed;display:flex;align-items:center;gap:7px}.builder-dot{background:#10b981;width:6px;height:6px;border-radius:50%}.builder-canvas{min-height:0;overflow:auto;padding:0 24px 24px;background-color:#eef0f4;background-image:radial-gradient(#d9dde5 .7px,transparent .7px);background-size:12px 12px;display:flex;flex-direction:column;align-items:center}.builder-canvas-label{width:100%;display:flex;justify-content:space-between;padding:14px 0;font-size:10px;color:#929aaa;flex-shrink:0}.builder-frame{position:relative;flex:1;min-height:300px;background:#fff;box-shadow:0 4px 30px #29314215;transition:width .25s ease;max-width:100%}.builder-frame-desktop{width:100%}.builder-frame-tablet{width:768px}.builder-frame-mobile{width:390px;border-radius:14px;overflow:hidden;border:5px solid #252a36}.builder-frame iframe{display:block;width:100%;height:100%;border:0;background:#fff}.builder-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#fff;font-size:14px;color:#7c3aed}.builder-status{height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 15px;background:#fff;border-top:1px solid #e0e4ea;font-size:10px;color:#9099a8}.builder-status button{display:flex;gap:4px;align-items:center;color:#7c3aed}.builder-section-heading>span{font-size:9px;letter-spacing:.1em;color:#8b5cf6}.builder-section-heading h2{margin-top:8px}.builder-subtabs{display:flex;margin:20px -16px;border-top:1px solid #eaecf1;border-bottom:1px solid #eaecf1}.builder-subtabs button{padding:12px;flex:1;font-size:12px}.builder-subtabs button[aria-pressed=true]{color:#7c3aed;background:#faf8ff;box-shadow:inset 0 -2px #8b5cf6}.builder-field{display:block;margin-bottom:17px}.builder-field>span{display:block;font-size:11px;color:#667084;margin-bottom:7px}.builder-field input,.builder-field textarea,.builder-field select{font-size:12px;border-color:#dfe3e9;border-radius:5px;background:#fff;color:#334155;box-shadow:none}.builder-field select{width:100%;padding:10px;border:1px solid #dfe3e9}.builder-native-field{border-bottom:1px solid #eef0f5;padding:4px 0 10px;margin-bottom:14px}.builder-image-preview{width:100%;max-height:145px;-o-object-fit:cover;object-fit:cover;border-radius:6px;margin-bottom:12px}.builder-empty{text-align:center;padding:65px 10px}.builder-empty>svg{margin:0 auto 20px;color:#a78bfa}.builder-block-actions{display:flex;gap:6px;margin-top:24px}.page-builder button:focus-visible{outline:2px solid #a78bfa;outline-offset:-2px}@media (max-width:900px){.builder-workspace{grid-template-columns:260px minmax(0,1fr)}.builder-preview{grid-template-columns:1fr}.builder-brand,.builder-path small{display:none}.builder-path{margin:0;padding:0;border:0;min-width:0;max-width:140px}.builder-canvas{padding:0 10px 10px}.builder-canvas-label span:last-child{display:none}.builder-toolbar{gap:5px;padding:0 8px}.builder-actions{gap:0}.builder-save{font-size:11px;padding:0 9px}.builder-status>span:nth-child(2){display:none}}@media (max-width:600px){.builder-workspace{grid-template-columns:210px minmax(0,1fr)}.builder-preview{grid-template-columns:1fr}.builder-path{display:none}.builder-devices{gap:0}.builder-actions>button:nth-child(2){display:none}.builder-panel{padding:15px 10px}.builder-canvas{padding:0 4px 4px}.builder-tabs button{font-size:10px}.builder-frame-mobile{border-width:2px}}.builder-image-picker{margin:4px 0 18px}.builder-image-label{display:block;font-size:11px;color:#667084;margin-bottom:8px}.builder-image-select{display:flex;width:100%;min-height:140px;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:12px;border:1px dashed #c4b5fd;border-radius:8px;background:#faf8ff;color:#7c3aed;overflow:hidden;margin-bottom:10px}.builder-image-select:hover{border-color:#8b5cf6;background:#f3efff}.builder-image-select img{display:block;width:100%;max-height:180px;-o-object-fit:contain;object-fit:contain;border-radius:5px}.builder-image-select span{font-size:11px;line-height:1.5}.builder-image-select:disabled{opacity:.6;cursor:wait}.builder-image-picker small{display:block;font-size:10px;color:#8490a2;line-height:1.6;margin-top:8px}.builder-image-picker details{margin-top:14px;font-size:11px;color:#788294}.builder-image-picker summary{cursor:pointer}.builder-image-picker details .builder-field{margin-top:12px}.builder-image-guidance{display:flex;flex-direction:column;gap:2px;margin-top:10px;padding:10px 11px;border:1px solid #ddd6fe;border-radius:7px;background:#f5f3ff;color:#5b4a78;font-size:10px;line-height:1.45}.builder-image-guidance strong{color:#6d28d9;font-size:13px}.builder-image-guidance span:last-child:not(:first-child){color:#756987}.builder-widget-group{margin-top:18px;border-top:1px solid #e5e7eb;padding-top:14px}.builder-widget-group summary{font-size:12px;font-weight:600;cursor:pointer}.builder-widget-group summary span{float:right;color:#929aaa;font-weight:400}.builder-widget-group .builder-palette{margin-top:12px}.builder-widget-group .builder-palette button{padding:16px 5px;min-height:95px}.builder-integration{font-size:11px;margin-top:16px}.builder-integration p{margin:6px 0;font-size:11px}.builder-repeater{border:1px solid #e3e7ee;border-radius:8px;padding:12px;margin:12px 0}.builder-repeater summary{font-size:12px;cursor:pointer;margin-bottom:12px}.builder-drag-handle{display:flex;align-items:center;padding:0 2px 0 8px;color:#8b5cf6;cursor:grab}.builder-layers>div:active .builder-drag-handle{cursor:grabbing}.builder-layers .builder-layer-select{flex:1;min-width:0;display:flex;align-items:center;gap:9px;padding:12px;text-align:left;font-size:12px}.builder-layers .builder-layer-select>svg{flex-shrink:0;color:#8b5cf6}.builder-layers .builder-layer-visibility{padding:10px;color:#929bab}.builder-layers>div[draggable=true]{transition:margin .15s,border-color .15s,background .15s}.builder-layers>div[draggable=true]:hover{cursor:grab}.builder-palette button[draggable=true]{cursor:grab}.builder-palette button[draggable=true]:active{cursor:grabbing;opacity:.7}