.wfb-shell{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:100%;overflow:hidden}.wfb-layout{flex:1 1 auto;min-height:0;height:100%;display:grid;grid-template-columns:minmax(200px,240px) minmax(0,1fr) minmax(260px,320px);gap:0;border:1px solid var(--card-border);border-radius:var(--radius-md);overflow:hidden;background:var(--card-bg, #fff)}.wfb-pane{min-height:0;max-height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.wfb-pane-left{border-right:1px solid var(--card-border);background:color-mix(in srgb,var(--bg-muted, #f6f7f9) 55%,var(--card-bg, #fff));display:flex;flex-direction:column}.wfb-pane-center{display:flex;flex-direction:column;background:var(--card-bg, #fff);overflow:hidden}.wfb-pane-right{border-left:1px solid var(--card-border);background:#e8ebef;display:flex;flex-direction:column;align-items:center;padding:16px 12px;overflow-y:auto}.wfb-pane-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--card-border);flex-shrink:0;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.wfb-screens{padding:8px;display:flex;flex-direction:column;gap:4px}.wfb-screen-item{display:flex;align-items:center;gap:6px;width:100%;border:1px solid transparent;background:transparent;border-radius:8px;padding:8px 10px;text-align:left;cursor:pointer;color:var(--text);font-size:13px;font-weight:600}.wfb-screen-item:hover{background:color-mix(in srgb,var(--card-bg, #fff) 80%,transparent)}.wfb-screen-item.is-active{background:var(--card-bg, #fff);border-color:var(--card-border);box-shadow:0 1px 2px #0f172a0a}.wfb-screen-item .wfb-screen-meta{display:block;font-size:11px;font-weight:500;color:var(--text-muted)}.wfb-palette{padding:8px 10px 14px;border-top:1px solid var(--card-border);margin-top:auto}.wfb-palette-group{margin-bottom:10px}.wfb-palette-group h5{margin:0 0 6px;font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.wfb-palette-btns{display:flex;flex-wrap:wrap;gap:4px}.wfb-palette-btns button{border:1px solid var(--card-border);background:var(--card-bg, #fff);border-radius:6px;padding:5px 8px;font-size:12px;font-weight:600;cursor:pointer;color:var(--text)}.wfb-palette-btns button:hover{border-color:var(--primary, #0b6b5f);color:var(--primary, #0b6b5f)}.wfb-canvas{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.wfb-child{border:1px solid var(--card-border);border-radius:10px;padding:10px 12px;background:color-mix(in srgb,var(--bg-muted, #f6f7f9) 35%,var(--card-bg, #fff));cursor:pointer}.wfb-child.is-selected{border-color:var(--primary, #0b6b5f);box-shadow:0 0 0 1px var(--primary, #0b6b5f)}.wfb-child-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.wfb-child-type{font-size:11px;font-weight:700;color:var(--text-muted)}.wfb-child-actions{display:flex;gap:4px}.wfb-child-actions button{border:0;background:transparent;color:var(--text-muted);cursor:pointer;padding:2px 5px;border-radius:4px}.wfb-child-actions button:hover{background:#0f172a0f;color:var(--text)}.wfb-child-preview{font-size:13px;color:var(--text);word-break:break-word}.wfb-inspector{border-top:1px solid var(--card-border);padding:12px 16px 16px;flex-shrink:0;max-height:42%;overflow:auto;background:color-mix(in srgb,var(--bg-muted, #f6f7f9) 40%,var(--card-bg, #fff))}.wfb-inspector h4{margin:0 0 10px;font-size:13px;font-weight:700}.wfb-inspector .form-group{margin-bottom:8px}.wfb-inspector .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wfb-phone{width:min(280px,100%);background:#111b21;border-radius:28px;padding:10px;box-shadow:0 12px 40px #0f172a2e}.wfb-phone-screen{background:#efeae2;border-radius:20px;overflow:hidden;min-height:420px;display:flex;flex-direction:column}.wfb-phone-bar{background:#008069;color:#fff;padding:14px 14px 12px;font-size:14px;font-weight:700}.wfb-phone-body{flex:1 1 auto;padding:14px 12px 10px;display:flex;flex-direction:column;gap:10px;overflow:auto;max-height:340px}.wfb-phone-footer{margin-top:auto;padding:10px 12px 14px}.wfb-phone-cta{display:block;width:100%;border:0;border-radius:24px;padding:11px 14px;background:#00a884;color:#fff;font-weight:700;font-size:14px;text-align:center}.wfb-pv-h{font-size:18px;font-weight:800;color:#111b21}.wfb-pv-sh{font-size:15px;font-weight:700;color:#111b21}.wfb-pv-body{font-size:13px;color:#3b4a54;line-height:1.4}.wfb-pv-cap{font-size:11px;color:#667781}.wfb-pv-link{font-size:13px;color:#027eb5;font-weight:600}.wfb-pv-img{width:100%;border-radius:8px;max-height:120px;object-fit:cover}.wfb-pv-img-ph{height:88px;border-radius:8px;background:#d1d7db;display:flex;align-items:center;justify-content:center;color:#667781;font-size:22px}.wfb-pv-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#3b4a54;font-weight:600}.wfb-pv-input{height:36px;border-radius:8px;background:#fff;border:1px solid #d1d7db;display:flex;align-items:center;padding:0 10px;color:#667781}.wfb-pv-input.is-area{height:56px}.wfb-pv-opt{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:#3b4a54}.wfb-pv-check{width:16px;height:16px;border:2px solid #00a884;border-radius:3px;flex-shrink:0;margin-top:1px}.wfb-pv-opt-row{background:#fff;border:1px solid #d1d7db;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:500;margin-top:4px}.wfb-pv-upload{border:1px dashed #8696a0;border-radius:10px;padding:16px;text-align:center;color:#667781;font-size:12px;font-weight:600;background:#ffffff8c}.wfb-pv-logic{font-size:11px;color:#667781;padding:8px;border-radius:8px;background:#ffffffb3;border:1px dashed #adb5bd}.wfb-json-drawer{border-top:1px solid var(--card-border);padding:10px 12px;background:var(--card-bg, #fff);flex-shrink:0}.wfb-json-drawer textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;min-height:160px}@media(max-width:1100px){.wfb-layout{grid-template-columns:200px minmax(0,1fr)}.wfb-pane-right{display:none}}@media(max-width:760px){.wfb-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(280px,1fr) auto}.wfb-pane-left{border-right:0;border-bottom:1px solid var(--card-border);max-height:180px}.wfb-pane-right{display:block;border-top:1px solid var(--card-border);max-height:min(40dvh,360px);overflow-y:auto;-webkit-overflow-scrolling:touch}.wfb-shell{min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0px)}.wfb-pane{-webkit-overflow-scrolling:touch}}