.buildframe-app{--bf-bg:#f6f6f7;--bf-surface:#fff;--bf-border:#e3e3e5;--bf-border-strong:#c9ccce;--bf-text:#1a1a1a;--bf-muted:#6b7177;--bf-subdued:#8c9196;--bf-black:#1a1a1a;--bf-black-hover:#303030;--bf-green:#0f7a55;--bf-green-bg:#ddf4e8;--bf-red:#d72c0d;--bf-red-bg:#fbeae5;--bf-amber:#946200;--bf-amber-bg:#fdf1d4;--bf-violet:#5c4ee5;--bf-violet-bg:#ece9fd;--bf-radius:8px;--bf-radius-lg:12px;--bf-shadow-sm:0 1px 2px #0000000f;--bf-shadow-md:0 4px 16px #0000001a;color:var(--bf-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px}.buildframe-app *{box-sizing:border-box}.buildframe-app.bf-fullscreen{background:var(--bf-bg);flex-direction:column;height:100%;min-height:100vh;display:flex}.buildframe-app .bf-loading{text-align:center;color:var(--bf-muted);padding:60px}.bf-editor-shell{flex-direction:column;height:100vh;display:flex}.bf-editor-top{background:var(--bf-surface);border-bottom:1px solid var(--bf-border);flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;height:52px;padding:0 16px;display:grid}.bf-editor-top-center{justify-self:center;min-width:220px}.bf-editor-top-left{justify-self:start;align-items:center;gap:10px;min-width:0;display:flex}.bf-editor-crumb{font-size:13px}.bf-editor-crumb b{font-weight:600}.bf-editor-crumb span{color:var(--bf-subdued)}.bf-unsaved-pill{color:var(--bf-amber);background:var(--bf-amber-bg);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600}.bf-unpublished-pill{color:var(--bf-violet);background:var(--bf-violet-bg);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600}.bf-app-icon-crumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:22px;height:22px}.bf-app-icon-crumb-empty{background:var(--bf-bg);border:1px solid var(--bf-border)}.bf-editor-top-right{justify-self:end;align-items:center;gap:8px;display:flex}.bf-platform-pill{color:var(--bf-muted);background:var(--bf-bg);border:1px solid var(--bf-border);border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:600}.bf-header-icon-btn{border-radius:8px!important;width:30px!important;height:30px!important;padding:0!important}.bf-btn{border-radius:var(--bf-radius);border:1px solid var(--bf-border);background:var(--bf-surface);color:var(--bf-text);cursor:pointer;align-items:center;gap:6px;padding:7px 13px;font-size:12.5px;font-weight:600;display:inline-flex}.bf-btn:hover{background:var(--bf-bg)}.bf-btn:disabled{opacity:.5;cursor:not-allowed}.bf-btn-primary{background:var(--bf-black);border-color:var(--bf-black);color:#fff}.bf-btn-primary:hover{background:var(--bf-black-hover)}.bf-btn-danger{background:var(--bf-red);border-color:var(--bf-red);color:#fff}.bf-btn-sm{padding:5px 10px;font-size:12px}.bf-btn-block{justify-content:center;width:100%;margin-top:8px}.bf-workspace{flex:1;grid-template-columns:340px 1fr 300px;min-height:0;display:grid}.bf-library,.bf-inspector{padding:14px;overflow-y:auto}.bf-library{--bf-lib-bg:#fff;--bf-lib-surface:#f6f6f8;--bf-lib-border:#e3e3ea;--bf-lib-text:#1a1a1a;--bf-lib-muted:#7a7c8c;--bf-lib-accent:#6d6af6;--bf-lib-accent-bg:#ece9fd;border-right:1px solid var(--bf-border);background:var(--bf-lib-bg);color:var(--bf-lib-text)}.bf-inspector{border-left:1px solid var(--bf-border);background:var(--bf-surface)}.bf-canvas-wrap{background:var(--bf-bg);justify-content:center;align-items:center;padding:30px 0;display:flex;overflow-y:auto}.bf-lib-search{border-radius:var(--bf-radius);border:1px solid var(--bf-lib-border);background:var(--bf-lib-surface);color:var(--bf-lib-muted);align-items:center;gap:8px;margin-bottom:16px;padding:8px 10px;display:flex}.bf-lib-search input{color:var(--bf-lib-text);background:0 0;border:none;outline:none;flex:1;font-size:12.5px}.bf-lib-search input::placeholder{color:var(--bf-lib-muted)}.bf-library .bf-lib-label{text-transform:uppercase;letter-spacing:.05em;color:var(--bf-lib-muted);margin:4px 0 10px;font-size:11px;font-weight:700}.bf-lib-group{margin-top:4px}.bf-lib-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.bf-lib-item{border:1px solid var(--bf-lib-border);background:var(--bf-lib-surface);cursor:pointer;color:var(--bf-lib-text);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px 6px;font-size:11.5px;font-weight:500;transition:border-color .12s,background .12s;display:flex}.bf-lib-item:hover{border-color:var(--bf-lib-accent);background:var(--bf-lib-accent-bg)}.bf-lib-item-ic{background:var(--bf-lib-border);width:34px;height:34px;color:var(--bf-lib-muted);border-radius:8px;justify-content:center;align-items:center;display:flex}.bf-lib-item:hover .bf-lib-item-ic{color:var(--bf-lib-accent)}.bf-library .bf-hint{color:var(--bf-lib-muted);font-size:12px;line-height:1.5}.bf-hint{color:var(--bf-subdued);font-size:12px;line-height:1.5}.bf-phone{width:320px;height:660px;box-shadow:var(--bf-shadow-md);background:#111;border-radius:36px;flex-shrink:0;padding:10px}.bf-phone-screen{width:100%;height:100%;font-family:var(--app-font,inherit);scrollbar-width:none;-ms-overflow-style:none;background:#fff;border-radius:28px;flex-direction:column;display:flex;position:relative;overflow:hidden auto}.bf-phone-screen::-webkit-scrollbar{width:0;height:0;display:none}.bf-preview-stage{background:radial-gradient(circle at 50% 0%, #f2f0fd 0%, var(--bf-bg) 65%);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:4px 24px;display:flex}.bf-phone-lg{width:340px;height:900px}.bf-preview-domain-pill{color:var(--bf-muted);background:var(--bf-bg);border:1px solid var(--bf-border);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}.bf-preview-caption{text-align:left;max-width:380px;color:var(--bf-muted);align-items:flex-start;gap:7px;font-size:12.5px;line-height:1.5;display:flex}.bf-preview-live-dot{background:var(--bf-green);width:7px;height:7px;box-shadow:0 0 0 3px var(--bf-green-bg);border-radius:999px;flex-shrink:0;margin-top:6px}.bf-preview-refresh-btn{border:1px solid var(--bf-border);background:var(--bf-surface);width:32px;height:32px;color:var(--bf-text);cursor:pointer;box-shadow:var(--bf-shadow-sm);border-radius:999px;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:transform .15s,box-shadow .15s;display:flex}.bf-preview-refresh-btn:hover{box-shadow:var(--bf-shadow-md);transform:rotate(45deg)}.bf-statusbar{z-index:5;color:#1a1a1a;background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;min-height:34px;padding:6px 20px;font-size:12px;font-weight:600;display:flex;position:sticky;top:0}.bf-dynamic-island{background:#0a0a0a;border-radius:999px;width:92px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bf-phone-mode{display:none}.bf-phone-mode.on{flex-direction:column;flex:1;min-height:0;display:flex}.bf-app-topbar2{justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.bf-app-topbar2 h2{margin:0;font-size:17px;font-weight:700}.bf-icon-dot{border-radius:var(--app-radius,999px);background:var(--app-accent,#5c4ee5);object-fit:cover;width:26px;height:26px}.bf-news-topbar{background:#fff;justify-content:space-between;align-items:center;padding:12px 16px 8px;display:flex}.bf-news-topbar-left{align-items:center;gap:12px;display:flex}.bf-news-topbar-menu{color:var(--bf-text);font-size:18px}.bf-news-topbar-logo{color:var(--bf-text);font-size:17px;font-weight:800}.bf-news-topbar-logo-img{object-fit:contain;max-width:130px;height:24px}.bf-news-topbar-icons{color:var(--bf-text);align-items:center;gap:12px;display:flex}.bf-news-topbar-avatar{object-fit:cover;border-radius:999px;width:22px;height:22px}.bf-canvas-item-wrap{position:relative}.bf-canvas-selected{outline:2px solid var(--bf-violet);outline-offset:2px;border-radius:12px;margin:2px 14px;position:relative}.bf-canvas-selected.bf-canvas-first{margin-top:36px}.bf-selected-toolbar{background:var(--bf-violet);color:#fff;white-space:nowrap;-webkit-user-select:none;user-select:none;z-index:5;border-radius:8px 8px 0 0;align-items:center;gap:16px;padding:5px 10px 5px 12px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.bf-selected-drag{letter-spacing:-2px;opacity:.85;cursor:grab;-webkit-user-select:none;user-select:none;font-size:10px}.bf-selected-menu-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;line-height:1;display:flex}.bf-selected-menu-btn:hover{background:#ffffff52}.bf-selected-menu{background:var(--bf-surface);border:1px solid var(--bf-border);border-radius:var(--bf-radius);min-width:130px;box-shadow:var(--bf-shadow-md);z-index:6;padding:4px;position:absolute;top:26px;right:0}.bf-selected-menu button{text-align:left;width:100%;color:var(--bf-text);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 9px;font-size:12px;font-weight:500;display:block}.bf-selected-menu button:hover{background:var(--bf-bg)}.bf-selected-menu button.bf-danger{color:var(--bf-red)}.bf-selected-menu button.bf-danger:hover{background:var(--bf-red-bg)}.bf-drop-zone{border:2px dashed var(--bf-violet);border-radius:var(--app-radius,10px);background:var(--bf-violet-bg);color:var(--bf-violet);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:10px 16px;padding:22px 12px;font-size:12.5px;font-weight:700;display:flex}.bf-drop-zone-inline{flex-direction:row;margin:8px 16px;padding:10px 12px}.bf-hero-block{border-radius:var(--app-radius,10px);text-align:center;margin:0 16px 14px;padding:26px 16px}.bf-hero-block h3{margin:0;font-size:15px;font-weight:700}.bf-section-block{padding:0 16px 16px}.bf-section-title{margin-bottom:8px;font-size:13px;font-weight:700}.bf-hscroll{gap:10px;display:flex;overflow-x:auto}.bf-product-card{flex-shrink:0;width:96px}.bf-product-card img,.bf-product-img-placeholder{border-radius:var(--app-radius,8px);background:var(--bf-bg);object-fit:cover;width:96px;height:96px}.bf-product-title{text-overflow:ellipsis;white-space:nowrap;margin:6px 0 0;font-size:11px;font-weight:600;overflow:hidden}.bf-product-price{color:var(--bf-muted);margin:2px 0 0;font-size:11px}.bf-chip-row{flex-wrap:wrap;gap:8px;display:flex}.bf-chip{background:var(--bf-bg);border:1px solid var(--bf-border);border-radius:999px;padding:6px 12px;font-size:11.5px;font-weight:600}.bf-article-line{margin:4px 0;font-size:12px;line-height:1.4}.bf-news-tab-row{flex-wrap:wrap;gap:8px;display:flex}.bf-news-tab{background:var(--bf-bg);color:var(--bf-muted);border-radius:999px;padding:6px 12px;font-size:11.5px;font-weight:700}.bf-news-tab.on{color:#fff}.bf-menu-row{scrollbar-width:none;align-items:center;gap:16px;padding-bottom:2px;display:flex;overflow-x:auto}.bf-menu-row::-webkit-scrollbar{display:none}.bf-menu-tab-top{color:#fff;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:7px 15px;font-size:12.5px;font-weight:700}.bf-menu-tab{color:var(--bf-muted);white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:600}.bf-menu-more{border:1px solid var(--bf-border);width:24px;min-width:24px;height:24px;color:var(--bf-muted);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.bf-news-article-row{border-bottom:1px solid var(--bf-border);align-items:center;gap:10px;padding:8px 0;display:flex}.bf-news-article-row:last-child{border-bottom:none}.bf-slider-card{background-color:#111827;background-position:50%;background-size:cover;border-radius:14px;height:220px;position:relative;overflow:hidden}.bf-slider-overlay{background:linear-gradient(#00000026 0%,#0000001a 40%,#000000bf 100%);flex-direction:column;padding:12px 14px;display:flex;position:absolute;inset:0}.bf-slider-badge{color:#fff;letter-spacing:.3px;border-radius:4px;align-self:flex-start;padding:4px 8px;font-size:9px;font-weight:800}.bf-slider-spacer{flex:1}.bf-slider-title{color:#fff;font-size:15px;font-weight:800;line-height:1.3}.bf-slider-desc{color:#ffffffd9;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:11px;display:-webkit-box;overflow:hidden}.bf-slider-footer{align-items:center;gap:10px;margin-top:10px;display:flex}.bf-slider-meta{color:#ffffffe6;flex:1;font-size:10px}.bf-slider-dots{align-items:center;gap:4px;display:flex}.bf-slider-dot{background:#ffffff80;border-radius:999px;width:5px;height:5px}.bf-slider-dot.on{width:13px}.bf-trend-head-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.bf-trend-title-row{align-items:center;gap:6px;display:flex}.bf-trend-viewall{font-size:11px;font-weight:700}.bf-trend-grid{gap:12px;display:flex;overflow-x:auto}.bf-trend-card{flex-shrink:0;width:92px}.bf-trend-img-wrap{position:relative}.bf-trend-img{background:var(--bf-bg);object-fit:cover;border-radius:8px;width:92px;height:68px}.bf-trend-badge{color:#fff;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;font-size:9.5px;font-weight:800;display:flex;position:absolute;top:-6px;left:-6px}.bf-trend-card-title{color:var(--bf-text);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:10.5px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.bf-trend-card-time{margin-top:3px;font-size:9.5px;font-weight:600}.bf-latest-list{flex-direction:column;display:flex}.bf-latest-row{border-bottom:1px solid var(--bf-border);align-items:center;gap:10px;padding:10px 0;display:flex}.bf-latest-row:last-child{border-bottom:none}.bf-latest-img{background:var(--bf-bg);object-fit:cover;border-radius:8px;flex-shrink:0;width:76px;height:58px}.bf-latest-body{flex:1;min-width:0}.bf-latest-cat{font-size:9.5px;font-weight:800}.bf-latest-title{color:var(--bf-text);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:12.5px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.bf-latest-time{color:var(--bf-muted);margin-top:4px;font-size:10px}.bf-news-article-img{background:var(--bf-bg);border-radius:6px;flex-shrink:0;width:52px;height:40px}.bf-news-article-body{flex:1;min-width:0}.bf-news-article-cat{margin-bottom:2px;font-size:9.5px;font-weight:800}.bf-news-article-title{color:var(--bf-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.bf-placeholder{color:var(--bf-subdued);text-align:center;border:1px dashed var(--bf-border);border-radius:8px;padding:14px;font-size:11.5px}.bf-bottom-nav{border-top:1px solid var(--bf-border);background:#fff;margin-top:12px;padding:8px 0 12px;display:flex;position:sticky;bottom:0}.bf-nav-highlight{outline:2px solid var(--bf-violet);outline-offset:-2px}.bf-nav-item{color:var(--bf-subdued);flex-direction:column;flex:1;align-items:center;gap:4px;font-size:9.5px;font-weight:600;display:flex}.bf-nav-item.on{color:var(--app-accent,#5c4ee5)}.bf-nav-dot{opacity:.85;background:currentColor;border-radius:5px;width:18px;height:18px}.bf-splash-fill{border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;display:flex}.bf-splash-logo{color:#fff;background:#ffffff26;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;font-size:26px;font-weight:800;display:flex}.bf-splash-appname{color:#fff;font-size:15px;font-weight:700}.bf-splash-loaderdots{gap:6px;display:flex}.bf-splash-loaderdots span{opacity:.6;background:#fff;border-radius:999px;width:6px;height:6px;animation:1.2s ease-in-out infinite bf-pulse}.bf-splash-loaderdots span:nth-child(2){animation-delay:.15s}.bf-splash-loaderdots span:nth-child(3){animation-delay:.3s}@keyframes bf-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.1)}}.bf-spinner{border:3px solid var(--bf-border);border-top-color:var(--bf-violet);border-radius:999px;width:26px;height:26px;margin:0 auto 12px;animation:.8s linear infinite bf-spin}@keyframes bf-spin{to{transform:rotate(360deg)}}.bf-theme-preview{flex-direction:column;gap:22px;padding:20px 16px;display:flex}.bf-tp-label{color:var(--bf-subdued);text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.bf-tp-btns{gap:8px;display:flex}.bf-theme-btn-primary{border-radius:var(--app-radius,8px);background:var(--app-accent,#5c4ee5);color:#fff;padding:9px 16px;font-size:12.5px;font-weight:700}.bf-theme-btn-secondary{border-radius:var(--app-radius,8px);border:1px solid var(--bf-border-strong);padding:9px 16px;font-size:12.5px;font-weight:700}.bf-theme-card-demo{border-radius:var(--app-radius,10px);border:1px solid var(--bf-border);background:var(--bf-bg);padding:14px}.bf-l1{background:var(--bf-border-strong);border-radius:4px;width:60%;height:10px;margin-bottom:8px}.bf-l2{background:var(--bf-border);border-radius:4px;width:85%;height:8px}.bf-theme-navdemo{border-top:1px solid var(--bf-border);gap:20px;padding-top:14px;display:flex}.bf-ni{color:var(--bf-subdued);flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.bf-ni.on{color:var(--app-accent,#5c4ee5)}.bf-d{background:currentColor;border-radius:5px;width:16px;height:16px}.bf-scr{padding:20px 16px 32px}.bf-article-header-row{color:var(--bf-text);justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.bf-article-header-icons{color:var(--bf-text);align-items:center;gap:16px;display:flex}.bf-article-aa{font-size:15px;font-weight:700}.bf-article-byline{color:var(--bf-muted);margin-top:10px;font-size:11.5px}.bf-article-bottom-bar{border-top:1px solid var(--bf-border);color:var(--bf-muted);align-items:center;gap:20px;padding:12px 16px;display:flex}.bf-article-bottom-action{color:var(--bf-muted);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.bf-scr-title{color:var(--bf-text);margin:4px 0 16px;font-size:17px;font-weight:700}.bf-scr-field{margin-bottom:10px}.bf-scr-input{border:1px solid var(--bf-border-strong);width:100%;color:var(--bf-subdued);background:var(--bf-surface);border-radius:8px;padding:10px 12px;font-size:13px}.bf-scr-link{color:#2563eb;margin:2px 0 14px;font-size:12px;font-weight:600}.bf-scr-btn{text-align:center;color:#fff;border-radius:8px;margin-top:4px;padding:12px;font-size:13.5px;font-weight:700}.bf-scr-switch-row{text-align:center;color:var(--bf-muted);margin-top:14px;font-size:12px}.bf-scr-header{border-bottom:1px solid var(--bf-border);color:var(--bf-text);align-items:center;gap:10px;padding:14px 16px;font-size:15px;font-weight:700;display:flex}.bf-scr-image{background:var(--bf-bg);border-radius:10px;width:100%;height:200px;position:relative}.bf-scr-heart{background:#ffffffeb;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex;position:absolute;top:10px;right:10px}.bf-scr-price-row{align-items:center;gap:8px;margin:6px 0 10px;display:flex}.bf-scr-price{color:var(--bf-text);font-size:16px;font-weight:700}.bf-scr-price-strike{color:var(--bf-subdued);font-size:12.5px;text-decoration:line-through}.bf-scr-desc-line{background:var(--bf-bg);border-radius:4px;height:8px;margin-bottom:6px}.bf-scr-cart-row{border-bottom:1px solid var(--bf-border);align-items:center;gap:10px;padding:12px 16px;display:flex}.bf-scr-cart-img{background:var(--bf-bg);border-radius:8px;flex-shrink:0;width:50px;height:50px}.bf-scr-cart-info{flex:1}.bf-scr-cart-title{color:var(--bf-text);margin-bottom:4px;font-size:12.5px;font-weight:600}.bf-scr-stepper{align-items:center;gap:8px;display:flex}.bf-scr-stepper-btn{border:1px solid var(--bf-border-strong);width:20px;height:20px;color:var(--bf-text);border-radius:5px;justify-content:center;align-items:center;font-size:11px;display:flex}.bf-scr-cart-price{color:var(--bf-text);font-size:13px;font-weight:700}.bf-scr-subtotal-row{border-top:1px solid var(--bf-border);justify-content:space-between;margin-top:4px;padding:14px 16px;display:flex}.bf-scr-subtotal-label{color:var(--bf-muted);font-size:13px}.bf-scr-subtotal-value{color:var(--bf-text);font-size:15px;font-weight:700}.bf-scr-group-label{text-transform:uppercase;letter-spacing:.04em;color:var(--bf-subdued);margin:14px 0 8px;font-size:11px;font-weight:700}.bf-scr-pill{background:var(--bf-black);color:#fff;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-block}.bf-scr-total-row{border-top:1px solid var(--bf-border);justify-content:space-between;margin-top:10px;padding:10px 0;display:flex}.bf-scr-profile-head{align-items:center;gap:12px;padding:6px 0 18px;display:flex}.bf-scr-avatar{color:#fff;border-radius:999px;justify-content:center;align-items:center;width:46px;height:46px;font-size:17px;font-weight:700;display:flex}.bf-scr-profile-name{color:var(--bf-text);font-size:14px;font-weight:700}.bf-scr-profile-email{color:var(--bf-subdued);margin-top:2px;font-size:12px}.bf-scr-menu-row{border-top:1px solid var(--bf-border);color:var(--bf-text);justify-content:space-between;align-items:center;padding:14px 0;font-size:13.5px;display:flex}.bf-scr-logout{text-align:center;color:var(--bf-red);margin-top:20px;font-size:13px;font-weight:600}.bf-scr-order-row{border-bottom:1px solid var(--bf-border);justify-content:space-between;padding:14px 16px;display:flex}.bf-scr-order-number{color:var(--bf-text);font-size:13px;font-weight:700}.bf-scr-order-date{color:var(--bf-subdued);margin-top:2px;font-size:11.5px}.bf-scr-order-total{color:var(--bf-text);text-align:right;font-size:13px;font-weight:700}.bf-scr-order-status{color:var(--bf-subdued);text-align:right;margin-top:2px;font-size:11px}.bf-scr-wishlist-grid{grid-template-columns:1fr 1fr;gap:12px;padding:12px 16px;display:grid}.bf-scr-wishlist-card{position:relative}.bf-scr-wishlist-img{background:var(--bf-bg);border-radius:8px;width:100%;height:110px}.bf-scr-wishlist-title{color:var(--bf-text);margin-top:6px;font-size:12px}.bf-scr-wishlist-price{color:var(--bf-text);margin-top:2px;font-size:12px;font-weight:700}@keyframes bf-props-slide-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.bf-props-panel{animation:.18s ease-out bf-props-slide-in}.bf-props-header{align-items:center;gap:10px;margin-bottom:18px;display:flex}.bf-props-header strong{font-size:13.5px;font-weight:700}.bf-props-title{flex:1}.bf-props-header .bf-header-icon-btn.bf-danger{color:var(--bf-red)}.bf-props-header .bf-header-icon-btn.bf-danger:hover{border-color:var(--bf-red);background:var(--bf-red-bg)}.bf-props-back{border:1px solid var(--bf-border);background:var(--bf-surface);color:var(--bf-text);flex-shrink:0;justify-content:center;align-items:center;display:flex;border-radius:7px!important;width:26px!important;height:26px!important;padding:0!important}.bf-props-back:hover{border-color:var(--bf-violet);color:var(--bf-violet)}.bf-props-group-label{text-transform:uppercase;letter-spacing:.05em;color:var(--bf-subdued);margin:20px 0 12px;font-size:11px;font-weight:700}.bf-props-group-label:first-of-type{margin-top:0}.bf-align-icon-row{gap:6px;display:flex}.bf-align-icon-btn{border:1px solid var(--bf-border);background:var(--bf-surface);color:var(--bf-muted);flex:1;justify-content:center;align-items:center;display:flex;border-radius:var(--bf-radius)!important;width:auto!important;height:34px!important;padding:8px!important}.bf-align-icon-btn.on{border-color:var(--bf-violet);color:#fff;background:var(--bf-violet)!important}.bf-margin-box{border:1px dashed var(--bf-border);border-radius:var(--bf-radius);background:var(--bf-bg);flex-direction:column;align-items:center;gap:8px;padding:14px;display:flex}.bf-margin-mid-row{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.bf-margin-num{text-align:center;width:52px!important;padding:6px 4px!important;font-size:12px!important}.bf-margin-link{border:1px solid var(--bf-border);background:var(--bf-surface);color:var(--bf-subdued);flex-shrink:0;justify-content:center;align-items:center;display:flex;border-radius:999px!important;width:26px!important;height:26px!important;padding:0!important}.bf-margin-link.on{border-color:var(--bf-violet);color:var(--bf-violet);background:var(--bf-violet-bg)!important}.bf-insp-title{flex-direction:column;gap:2px;margin-bottom:16px;display:flex}.bf-insp-title strong{font-size:13.5px;font-weight:700}.bf-insp-title span{color:var(--bf-subdued);font-size:11.5px}.bf-field{margin-bottom:16px}.bf-field label{color:var(--bf-muted);margin-bottom:6px;font-size:11.5px;font-weight:600;display:block}.bf-field input[type=text],.bf-field input[type=number],.bf-field input:not([type]),.bf-field select{border:1px solid var(--bf-border);border-radius:var(--bf-radius);background:var(--bf-surface);width:100%;color:var(--bf-text);padding:7px 9px;font-size:12.5px}.bf-field-inline{justify-content:space-between;align-items:center;display:flex}.bf-field-inline label{margin:0}.bf-mono{font-family:SF Mono,Menlo,monospace}.bf-swatches{gap:8px;display:flex}.bf-swatch{cursor:pointer;border:2px solid #0000;border-radius:999px;width:26px;height:26px}.bf-swatch.on{border-color:var(--bf-violet);box-shadow:0 0 0 2px var(--bf-surface), 0 0 0 3px var(--bf-violet)}.bf-align-row{gap:6px;display:flex}.bf-align-btn{text-align:center;border:1px solid var(--bf-border);border-radius:var(--bf-radius);cursor:pointer;color:var(--bf-text);flex:1;padding:7px;font-size:12px;font-weight:600}.bf-align-btn.on{background:var(--bf-black);border-color:var(--bf-black);color:#fff}.bf-nav-item-row{border-radius:var(--bf-radius);cursor:pointer;align-items:center;gap:6px;margin-bottom:4px;padding:7px 6px;display:flex}.bf-nav-item-row:hover,.bf-row-selected{background:var(--bf-bg)}.bf-nav-item-row input,.bf-nav-item-row select{border:1px solid var(--bf-border);background:var(--bf-surface);color:var(--bf-text);border-radius:6px;flex:1;padding:5px 7px;font-size:12px}.bf-nav-item-icon{color:var(--bf-subdued);flex-shrink:0;justify-content:center;align-items:center;display:flex}.bf-drag-dots{color:var(--bf-subdued);cursor:grab;letter-spacing:-2px;-webkit-user-select:none;user-select:none;font-size:12px}.bf-row-dragging{opacity:.45}.bf-layer-drop-line{background:var(--bf-violet);border-radius:999px;height:2px;margin:2px 6px}.bf-mini-ic-btn{border:1px solid var(--bf-border);background:var(--bf-surface);cursor:pointer;width:22px;height:22px;color:var(--bf-text);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:flex}.bf-mini-ic-btn:disabled{opacity:.35;cursor:not-allowed}.bf-mini-ic-btn.bf-danger:hover{background:var(--bf-red-bg);border-color:var(--bf-red);color:var(--bf-red)}.bf-accent-note{color:var(--bf-subdued);align-items:center;gap:8px;margin-top:14px;font-size:11.5px;display:flex}.bf-dot2{border-radius:999px;flex-shrink:0;width:10px;height:10px}.bf-perm-note{color:var(--bf-subdued);margin-bottom:10px;font-size:11.5px}.bf-switch{flex-shrink:0;width:34px;height:20px;display:inline-block;position:relative}.bf-switch input{opacity:0;width:0;height:0}.bf-slider{background:var(--bf-border-strong);cursor:pointer;border-radius:999px;transition:background .15s;position:absolute;inset:0}.bf-slider:before{content:"";background:#fff;border-radius:999px;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.bf-switch input:checked+.bf-slider{background:var(--bf-violet)}.bf-switch input:checked+.bf-slider:before{transform:translate(14px)}.bf-perm-row{border-bottom:1px solid var(--bf-border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.bf-perm-row:last-child{border-bottom:none}.bf-perm-title{font-size:12.5px;font-weight:600}.bf-perm-desc{color:var(--bf-subdued);margin-top:2px;font-size:11.5px}.bf-page{width:100%;max-width:760px;margin:0 auto;padding:24px 24px 90px}.bf-crumb-back{color:var(--bf-muted);cursor:pointer;margin-bottom:14px;font-size:12.5px;font-weight:600;display:inline-block}.bf-crumb-back:hover{color:var(--bf-text)}.bf-page-head{margin-bottom:20px}.bf-page-head h1{margin:0 0 4px;font-size:20px;font-weight:700}.bf-page-head p{color:var(--bf-muted);margin:0;font-size:13px}.bf-subdued{color:var(--bf-subdued);font-weight:400}.bf-card{background:var(--bf-surface);border:1px solid var(--bf-border);border-radius:var(--bf-radius-lg);box-shadow:var(--bf-shadow-sm)}.bf-build-status-card{text-align:center;padding:40px 24px}.bf-build-status-card h4{margin:4px 0 6px;font-size:15px}.bf-log{color:var(--bf-muted);margin:0 0 16px;font-size:12.5px}.bf-build-success-icon,.bf-build-fail-icon{border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 10px;font-size:20px;font-weight:700;display:flex}.bf-build-success-icon{background:var(--bf-green-bg);color:var(--bf-green)}.bf-build-fail-icon{background:var(--bf-red-bg);color:var(--bf-red)}.bf-settings-section{border-bottom:1px solid var(--bf-border);flex-direction:column;gap:14px;padding:22px 24px;display:flex}.bf-settings-section:last-child{border-bottom:none}.bf-settings-section h4{margin:0 0 4px;font-size:13.5px;font-weight:700}.bf-settings-section p{color:var(--bf-subdued);margin:0;font-size:12px;line-height:1.5}.bf-settings-fields .bf-field:last-child{margin-bottom:0}.bf-toggle-list{flex-direction:column;display:flex}.bf-key-box{border:1px solid var(--bf-border);border-radius:var(--bf-radius);background:var(--bf-bg);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.bf-kv{color:var(--bf-muted);font-size:12px;line-height:1.6}.bf-kv b{color:var(--bf-text);font-size:12.5px;display:block}.bf-save-bar{background:linear-gradient(180deg, #f6f6f700 0%, var(--bf-bg) 40%);justify-content:flex-end;gap:8px;margin-top:-20px;padding:14px 0;display:flex;position:sticky;bottom:0}.bf-dash-body{width:100%}.bf-hero-banner{border-radius:var(--bf-radius);width:100%;height:auto;margin-bottom:16px;display:block}.bf-dash-header-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.bf-primary-icon{object-fit:cover;border-radius:10px;flex-shrink:0;width:44px;height:44px}.bf-row-name{cursor:pointer;align-items:center;gap:10px;font-weight:600;display:flex}.bf-row-icon{background:var(--bf-bg);object-fit:cover;border-radius:8px;flex-shrink:0;width:30px;height:30px}.bf-row-type{color:var(--bf-muted)}.bf-badge{border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.bf-badge:before{content:"";background:currentColor;border-radius:999px;width:6px;height:6px}.bf-badge-never_built{color:var(--bf-subdued);background:var(--bf-bg)}.bf-badge-queued,.bf-badge-building{color:var(--bf-amber);background:var(--bf-amber-bg)}.bf-badge-succeeded{color:var(--bf-green);background:var(--bf-green-bg)}.bf-badge-failed{color:var(--bf-red);background:var(--bf-red-bg)}.bf-row-updated{color:var(--bf-muted)}.bf-kebab-cell{text-align:right;width:40px;position:relative}.bf-kebab-btn{cursor:pointer;width:26px;height:26px;color:var(--bf-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.bf-kebab-btn:hover{background:var(--bf-border);color:var(--bf-text)}.bf-kebab-menu{z-index:20;background:var(--bf-surface);border:1px solid var(--bf-border);border-radius:var(--bf-radius);min-width:190px;box-shadow:var(--bf-shadow-md);padding:4px;position:absolute;top:34px;right:16px}.bf-kebab-item{text-align:left;width:100%;color:var(--bf-text);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 10px;font-size:12.5px;font-weight:500;display:block}.bf-kebab-item:hover{background:var(--bf-bg)}.bf-kebab-item:disabled{opacity:.4;cursor:not-allowed}.bf-kebab-item.bf-danger{color:var(--bf-red)}.bf-kebab-item.bf-danger:hover{background:var(--bf-red-bg)}.bf-kebab-sep{background:var(--bf-border);height:1px;margin:4px 2px}.bf-modal-subtitle{color:var(--bf-muted);margin:0 0 20px;font-size:12.5px}.bf-modal-tabs{margin-bottom:16px}.bf-type-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.bf-type-card{border:1.5px solid var(--bf-border);border-radius:var(--bf-radius);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:8px;padding:16px 6px;display:flex}.bf-type-card:hover{border-color:var(--bf-border-strong)}.bf-type-card.on{border-color:var(--bf-violet);background:var(--bf-violet-bg)}.bf-type-icon-img{object-fit:cover;border-radius:24px;width:132px;height:132px}.bf-type-label{font-size:12.5px;font-weight:600}.bf-wizard-progress{text-align:center;padding:30px 10px 10px}.bf-wizard-progress h4{margin:14px 0 6px;font-size:14.5px}.bf-wizard-progress p{color:var(--bf-muted);margin:0;font-size:12px}.bf-wizard-log{text-align:left;color:var(--bf-muted);flex-direction:column;gap:6px;margin-top:18px;font-size:11.5px;display:flex}.bf-wizard-log-line{opacity:0;align-items:center;gap:8px;animation:.3s forwards bf-log-in;display:flex}@keyframes bf-log-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.bf-wizard-log-check{background:var(--bf-green-bg);width:14px;height:14px;color:var(--bf-green);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;display:flex}.bf-workspace.bf-ws2{background:var(--bf-bg);grid-template-columns:236px minmax(0,1fr) 380px}.bf-nav{background:var(--bf-surface);border-right:1px solid var(--bf-border);flex-direction:column;gap:18px;padding:18px 12px;display:flex;overflow-y:auto}.bf-nav-label{letter-spacing:.07em;text-transform:uppercase;color:var(--bf-subdued);padding:0 10px 6px;font-size:10.5px;font-weight:700}.bf-nav-item{width:100%;color:var(--bf-text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:500;transition:background .12s;display:flex}.bf-nav-item:hover{background:var(--bf-bg)}.bf-nav-item.on{background:var(--bf-violet-bg);color:var(--bf-violet);font-weight:600}.bf-nav-ic{background:var(--bf-bg);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.bf-nav-ic svg{width:15px;height:15px}.bf-nav-item.on .bf-nav-ic{background:#fff}.bf-nav-text{flex:1;min-width:0}.bf-nav-hint{background:var(--bf-violet);color:#fff;border-radius:999px;padding:1px 7px;font-size:10.5px;font-weight:700}.bf-panel{min-width:0;padding:26px 30px 40px;overflow-y:auto}.bf-panel-head h2{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.bf-panel-head p{color:var(--bf-muted);margin:4px 0 20px;font-size:13.5px}.bf-panel-body{max-width:720px;display:block}.bf-panel-body.split{grid-template-columns:minmax(230px,280px) minmax(0,1fr);align-items:start;gap:18px;max-width:1000px;display:grid}.bf-panel-body:not(.split)>.bf-library{display:none}.bf-ws2 .bf-panel-card{background:var(--bf-surface);border:1px solid var(--bf-border);box-shadow:var(--bf-shadow-sm);border-radius:16px;padding:18px;overflow:visible}.bf-ws2 .bf-library.bf-panel-card{border-right:1px solid var(--bf-border);max-height:calc(100vh - 170px);position:sticky;top:0;overflow-y:auto}.bf-preview-col{border-left:1px solid var(--bf-border);background:linear-gradient(#ecebf9 0%,#f6f6f7 100%);flex-direction:column;align-items:center;gap:12px;padding:22px 18px;display:flex;overflow-y:auto}.bf-preview-head{justify-content:space-between;align-items:center;gap:8px;width:100%;font-size:13.5px;display:flex}.bf-seg{border:1px solid var(--bf-border);background:#fffc;border-radius:999px;padding:3px;display:inline-flex}.bf-seg button{color:var(--bf-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:5px 14px;font-size:12px;font-weight:600}.bf-seg button.on{background:var(--bf-black);color:#fff}.bf-preview-caption{text-align:center;max-width:300px;color:var(--bf-muted);margin:0;font-size:12px}.bf-empty-config{text-align:center;padding:44px 24px}.bf-empty-config-ic{background:var(--bf-violet-bg);width:52px;height:52px;color:var(--bf-violet);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 14px;display:flex}.bf-empty-config h3{margin:0 0 6px;font-size:16px}.bf-empty-config p{max-width:380px;color:var(--bf-muted);margin:0 auto;line-height:1.5}.bf-config-group+.bf-config-group{margin-top:22px}.bf-config-group h3{text-transform:uppercase;letter-spacing:.05em;color:var(--bf-subdued);margin:0 0 10px;font-size:13px}.bf-field-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.bf-req{color:var(--bf-red);font-style:normal}@media (max-width:1280px){.bf-workspace.bf-ws2{grid-template-columns:200px minmax(0,1fr) 340px}.bf-panel-body.split{grid-template-columns:1fr}}@media (max-width:980px){.bf-workspace.bf-ws2{grid-template-columns:1fr;grid-auto-rows:min-content;overflow-y:auto}.bf-nav{border-right:none;border-bottom:1px solid var(--bf-border);flex-direction:row;overflow-x:auto}.bf-nav-group{gap:4px;display:flex}.bf-nav-label{display:none}.bf-nav-item{white-space:nowrap;width:auto}.bf-panel,.bf-preview-col{overflow:visible}}.buildframe-app .bf-nav-item{text-align:left;flex-direction:row;justify-content:flex-start;height:auto;min-height:38px;padding:6px 10px;line-height:1.2;position:relative}.buildframe-app .bf-nav-item.on:before{content:"";background:var(--bf-violet);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-12px}.buildframe-app .bf-nav-text{text-align:left}.bf-nav-group[data-g=app] .bf-nav-ic{color:#5c4ee5;background:#ece9fd}.bf-nav-group[data-g=screens] .bf-nav-ic{color:#0369a1;background:#e0f2fe}.bf-nav-group[data-g=global] .bf-nav-ic{color:#b45309;background:#fef3c7}.bf-nav-item.on .bf-nav-ic{box-shadow:0 2px 8px #5c4ee540}.bf-nav{gap:14px;padding:16px 12px}.bf-nav-group{flex-direction:column;gap:2px;display:flex}.bf-panel-head{flex-direction:column;display:flex}.bf-panel-head h2{background:linear-gradient(90deg,#1a1a1a,#4338ca);color:#0000;-webkit-background-clip:text;background-clip:text}.bf-preview-col{background:radial-gradient(120% 60% at 50% 0,#e0dcff 0%,#f1f0f8 55%,#f6f6f7 100%)}.bf-preview-col .bf-phone{box-shadow:0 30px 60px -20px #4338ca73,0 8px 20px #0000002e}@media (max-width:980px){.buildframe-app .bf-nav-item.on:before{display:none}}.bf-workspace.bf-ws3{background:var(--bf-bg);grid-template-columns:minmax(0,1fr) 392px;transition:grid-template-columns .2s}.bf-workspace.bf-ws3.dock-closed{grid-template-columns:minmax(0,1fr) 44px}.bf-tabs{background:var(--bf-bg);border:1px solid var(--bf-border);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.buildframe-app .bf-tabs button{height:auto;color:var(--bf-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 16px;font-size:12.5px;font-weight:600;transition:background .12s,color .12s}.buildframe-app .bf-tabs button:hover{color:var(--bf-text)}.buildframe-app .bf-tabs button.on{color:var(--bf-text);background:#fff;box-shadow:0 1px 3px #0000001f}.bf-stage{min-width:0;padding:28px 32px 56px;overflow-y:auto}.bf-detail{max-width:1000px;margin:0 auto}.buildframe-app .bf-back{height:auto;color:var(--bf-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:10px;padding:4px 8px 4px 2px;font-size:12.5px;font-weight:600;display:inline-flex}.buildframe-app .bf-back:hover{color:var(--bf-violet)}.bf-back svg{width:14px;height:14px}.bf-overview{flex-direction:column;gap:18px;max-width:1000px;margin:0 auto;display:flex}.bf-hero{--bf-accent:#5c4ee5;color:#fff;background:radial-gradient(120% 140% at 0% 0%, #ffffff2e 0%, #fff0 55%), linear-gradient(135deg, #1e1b4b 0%, var(--bf-accent) 130%);box-shadow:0 20px 40px -22px var(--bf-accent);border-radius:22px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:24px 26px;display:flex}.bf-hero-id{align-items:center;gap:16px;min-width:0;display:flex}.bf-hero-icon{object-fit:cover;background:#ffffff29;border:1px solid #ffffff47;border-radius:18px;flex-shrink:0;width:64px;height:64px}.bf-hero-icon-empty{justify-content:center;align-items:center;display:flex}.bf-hero h1{letter-spacing:-.02em;margin:0 0 8px;font-size:24px;font-weight:800}.bf-hero-meta{flex-wrap:wrap;gap:6px;display:flex}.bf-status,.bf-chip{text-transform:capitalize;background:#ffffff29;border:1px solid #ffffff38;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:600}.bf-chip.mono{text-transform:none;font-family:ui-monospace,Menlo,monospace}.bf-status.ok{background:#34d39940;border-color:#34d39980}.bf-status.warn{background:#fbbf2440;border-color:#fbbf248c}.bf-hero-actions{flex-wrap:wrap;gap:8px;display:flex}.bf-section-title{letter-spacing:.07em;text-transform:uppercase;color:var(--bf-subdued);margin:10px 2px -4px;font-size:12px;font-weight:700}.bf-bento{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}.buildframe-app .bf-bento-card{text-align:left;border:1px solid var(--bf-border);background:var(--bf-surface);height:auto;box-shadow:var(--bf-shadow-sm);color:var(--bf-text);cursor:pointer;border-radius:18px;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:16px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.buildframe-app .bf-bento-card:hover{border-color:#c4bdfa;transform:translateY(-3px);box-shadow:0 14px 30px -14px #5c4ee566}.bf-bento-card.wide{grid-column:span 2}.bf-bento-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.bf-bento-ic{border-radius:11px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.bf-bento-ic svg{width:17px;height:17px}.bf-bento-ic.violet{color:#5c4ee5;background:#ece9fd}.bf-bento-ic.blue{color:#0369a1;background:#e0f2fe}.bf-bento-ic.amber{color:#b45309;background:#fef3c7}.bf-bento-go{color:var(--bf-subdued);opacity:0;font-size:11.5px;font-weight:600;transition:opacity .15s}.bf-bento-card:hover .bf-bento-go{opacity:1;color:var(--bf-violet)}.bf-bento-card h3{margin:0 0 3px;font-size:14.5px;font-weight:700}.bf-bento-card p{color:var(--bf-muted);margin:0;font-size:12px;line-height:1.45}.bf-bento-visual{align-items:center;min-height:40px;margin-top:14px;display:flex}.bf-mini-splash{border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:52px;height:84px;display:flex;box-shadow:0 6px 14px #0003}.bf-mini-splash img,.bf-mini-splash i{object-fit:cover;background:#fff6;border-radius:7px;width:22px;height:22px}.bf-mini-splash span{background:#fff9;border-radius:2px;width:16px;height:3px}.bf-mini-swatches{display:flex}.bf-mini-swatches i{border:2px solid #fff;border-radius:50%;width:28px;height:28px;margin-right:-8px;box-shadow:0 0 0 1px #e3e3e5}.bf-mini-nav{background:var(--bf-bg);border-radius:12px;gap:8px;padding:8px 12px;display:flex}.bf-mini-nav i{background:#d1d5db;border-radius:5px;width:14px;height:14px}.bf-mini-pill{color:#6b7280;background:#e5e7eb;border-radius:999px;padding:4px 14px;font-size:11px;font-weight:700}.bf-mini-pill.on{background:var(--bf-green-bg);color:var(--bf-green)}.bf-mini-home{flex-direction:column;gap:6px;margin-top:14px;display:flex}.bf-mini-home i{background:linear-gradient(90deg,#ddd9fb,#efedfd);border-radius:5px;height:10px;display:block}.bf-screen-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.buildframe-app .bf-screen-card{border:1px solid var(--bf-border);background:var(--bf-surface);height:auto;color:var(--bf-text);cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:10px;padding:14px;font-size:13px;font-weight:600;transition:border-color .12s,transform .12s;display:flex}.buildframe-app .bf-screen-card:hover{border-color:#c4bdfa;transform:translateY(-2px)}.bf-screen-ic{color:#0369a1;background:#e0f2fe;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.bf-screen-ic svg{width:15px;height:15px}.bf-dock{border-left:1px solid var(--bf-border);background:radial-gradient(120% 60% at 50% 0,#e0dcff 0%,#f1f0f8 55%,#f6f6f7 100%);position:relative;overflow:hidden}.bf-dock-inner{flex-direction:column;align-items:center;gap:12px;height:100%;padding:22px 18px;display:flex;overflow-y:auto}.dock-closed .bf-dock-inner{display:none}.buildframe-app .bf-dock-toggle{z-index:3;border:1px solid var(--bf-border);width:26px;height:26px;color:var(--bf-muted);cursor:pointer;box-shadow:var(--bf-shadow-sm);background:#fff;border-radius:50%;padding:0;font-size:15px;line-height:1;position:absolute;top:14px;left:8px}.buildframe-app .bf-dock-toggle:hover{color:var(--bf-violet)}.bf-dock .bf-preview-head{padding-left:26px}.bf-dock .bf-phone{box-shadow:0 30px 60px -20px #4338ca73,0 8px 20px #0000002e}@media (max-width:1100px){.bf-workspace.bf-ws3{grid-template-columns:minmax(0,1fr) 340px}.bf-bento-card.wide{grid-column:span 1}}@media (max-width:860px){.bf-workspace.bf-ws3,.bf-workspace.bf-ws3.dock-closed{grid-template-columns:1fr;overflow-y:auto}.bf-stage{padding:18px 16px;overflow:visible}.bf-dock{border-left:none;border-top:1px solid var(--bf-border)}.dock-closed .bf-dock-inner{display:flex}.bf-dock-toggle{display:none}.bf-tabs{max-width:100%;overflow-x:auto}}.bf-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.buildframe-app .bf-kpi{text-align:left;border:1px solid var(--bf-border);background:var(--bf-surface);height:auto;box-shadow:var(--bf-shadow-sm);color:var(--bf-text);cursor:pointer;border-radius:18px;grid-template-columns:1fr auto;grid-template-areas:"label label""value delta""spark spark";align-items:baseline;gap:2px 8px;padding:14px 16px 10px;transition:border-color .15s,box-shadow .15s;display:grid}.buildframe-app .bf-kpi.on{border-color:#b6adf7;box-shadow:0 10px 24px -14px #5c4ee580}.bf-kpi-label{color:var(--bf-muted);grid-area:label;font-size:12px;font-weight:600}.bf-kpi-value{letter-spacing:-.02em;grid-area:value;font-size:26px;font-weight:800}.bf-kpi-delta{font-size:11.5px;font-weight:700}.bf-kpi>.bf-kpi-delta{grid-area:delta}.bf-kpi-delta.up{color:var(--bf-green)}.bf-kpi-delta.down{color:var(--bf-red)}.bf-spark{grid-area:spark;width:100%;height:26px;margin-top:6px}.bf-row{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:14px;display:grid}.bf-card{border:1px solid var(--bf-border);background:var(--bf-surface);box-shadow:var(--bf-shadow-sm);border-radius:20px;min-width:0;padding:18px 20px}.bf-card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.bf-card-head h3{margin:0;font-size:15px;font-weight:700}.bf-card-head p{color:var(--bf-muted);margin:3px 0 0;font-size:12.5px}.bf-chart{width:100%;height:auto;display:block}.bf-sample-note{color:var(--bf-subdued);align-items:center;gap:6px;margin:8px 0 0;font-size:11.5px;display:flex}.bf-sample-dot{background:var(--bf-amber);border-radius:50%;flex-shrink:0;width:7px;height:7px}.bf-card .bf-seg{background:var(--bf-bg)}.bf-checks{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.buildframe-app .bf-checks button{width:100%;height:auto;color:var(--bf-text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:500;display:flex}.buildframe-app .bf-checks button:hover{background:var(--bf-bg)}.bf-checks button span:nth-child(2){flex:1}.bf-checks em{color:var(--bf-violet);font-size:11px;font-style:normal;font-weight:700}.bf-checks .done{color:var(--bf-muted)}.bf-check-dot{color:#fff;border:2px solid #d4d4dc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:inline-flex}.bf-checks .done .bf-check-dot{background:var(--bf-green);border-color:var(--bf-green)}.bf-bars{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.bf-bars li{grid-template-columns:138px 1fr 38px;align-items:center;gap:10px;font-size:12.5px;display:grid}.bf-bar-name{font-weight:600}.bf-bar-track{background:#f0eff7;border-radius:6px;height:10px;overflow:hidden}.bf-bar-track i{border-radius:6px;height:100%;display:block}.bf-bar-pct{text-align:right;color:var(--bf-muted);font-weight:600}.bf-quick{grid-template-columns:1fr 1fr;align-content:start;gap:12px;display:grid}.bf-quick .bf-bento-card{padding:14px}.bf-quick .bf-bento-top{margin-bottom:8px}@media (max-width:1100px){.bf-row{grid-template-columns:1fr}}@media (max-width:640px){.bf-kpis,.bf-quick{grid-template-columns:1fr}}.bf-hero{border-radius:28px;flex-direction:column;align-items:stretch;gap:26px;min-height:250px;padding:32px 34px 26px;position:relative;overflow:hidden}.bf-hero-top{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.bf-hero-orb{pointer-events:none;border-radius:50%;position:absolute}.bf-hero-orb.a{background:radial-gradient(circle,#ffffff38,#fff0 70%);width:340px;height:340px;top:-150px;right:-90px}.bf-hero-orb.b{background:radial-gradient(circle,#d946ef66,#d946ef00 70%);width:260px;height:260px;bottom:-170px;left:28%}.bf-hero .bf-hero-icon{border-radius:26px;width:92px;height:92px}.bf-hero h1{margin:2px 0 10px;font-size:34px}.bf-hero-kicker{opacity:.8;letter-spacing:.02em;font-size:12.5px;font-weight:600}.bf-hero-id{gap:20px}.bf-hero-stats{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid;position:relative}.bf-hero-stats>div{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:16px;flex-direction:column;gap:2px;padding:12px 16px;display:flex}.bf-hero-stats b{letter-spacing:-.02em;font-size:22px;font-weight:800}.bf-hero-stats span{opacity:.8;font-size:11.5px}.bf-hero-ready i{background:#ffffff38;border-radius:3px;height:6px;margin-top:6px;display:block;overflow:hidden}.bf-hero-ready u{background:#fff;border-radius:3px;height:100%;display:block}.bf-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.bf-retention{justify-content:space-around;align-items:flex-end;gap:10px;height:150px;display:flex}.bf-retention>div{flex-direction:column;flex:1;align-items:center;gap:4px;height:100%;display:flex}.bf-ret-bar{background:#f0eff7;border-radius:12px;flex:1;align-items:flex-end;width:100%;max-width:54px;display:flex;overflow:hidden}.bf-ret-bar i{border-radius:12px;width:100%;display:block}.bf-retention b{font-size:14px}.bf-retention span{color:var(--bf-muted);font-size:11.5px}.bf-donut-wrap{align-items:center;gap:16px;display:flex}.bf-legend{flex-direction:column;flex:1;gap:7px;min-width:0;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.bf-legend li{align-items:center;gap:7px;display:flex}.bf-legend i{border-radius:3px;flex-shrink:0;width:9px;height:9px}.bf-legend b{margin-left:auto}.bf-health{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.bf-health li{color:var(--bf-muted);border-bottom:1px solid #f0eff5;justify-content:space-between;align-items:center;padding:11px 0;font-size:13px;display:flex}.bf-health li:last-child{border-bottom:none}.bf-health b{color:var(--bf-text);font-size:14px}.bf-health b.good{color:var(--bf-green)}.bf-bars.two-col{grid-template-columns:1fr 1fr;gap:14px 36px;display:grid}@media (max-width:1100px){.bf-row.three{grid-template-columns:1fr}.bf-hero-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.bf-bars.two-col{grid-template-columns:1fr}.bf-hero h1{font-size:26px}}.bf-usage-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:6px 0 14px;display:grid}.bf-usage-stats>div{background:var(--bf-bg);border-radius:14px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.bf-usage-stats b{letter-spacing:-.01em;font-size:18px;font-weight:800}.bf-usage-stats b.good{color:var(--bf-green)}.bf-usage-stats b.bad{color:var(--bf-red)}.bf-usage-stats span{color:var(--bf-muted);font-size:11.5px}.bf-quota-chip{background:var(--bf-violet-bg);color:var(--bf-violet);white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:11.5px;font-weight:700}.bf-quota-track{background:#f0eff7;border-radius:5px;height:8px;margin-bottom:18px;overflow:hidden}.bf-quota-track i{border-radius:5px;height:100%;display:block}.bf-subtitle{letter-spacing:.06em;text-transform:uppercase;color:var(--bf-subdued);margin:0 0 10px;font-size:12px;font-weight:700}.bf-bar-name.mono{font-family:ui-monospace,Menlo,monospace;font-size:12px;font-weight:500}@media (max-width:1100px){.bf-usage-stats{grid-template-columns:repeat(2,1fr)}}.bf-ws3 .bf-panel-card{background:var(--bf-surface);border:1px solid var(--bf-border);box-shadow:var(--bf-shadow-sm);border-radius:18px;padding:18px}.bf-ws3 .bf-inspector.bare{box-shadow:none;background:0 0;border:none;padding:0;overflow:visible}.bf-panel-body.wide{max-width:1120px}.bf-home{grid-template-columns:minmax(300px,380px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.bf-home-list{padding:14px;position:sticky;top:0}.bf-home-list-head{justify-content:space-between;align-items:center;margin-bottom:12px;padding:2px 4px;display:flex}.bf-home-list-head b{font-size:15px;display:block}.bf-home-list-head span{color:var(--bf-muted);font-size:12px}.buildframe-app .bf-add-btn{background:var(--bf-violet);color:#fff;cursor:pointer;height:auto;box-shadow:0 6px 14px -6px var(--bf-violet);border:none;border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:700}.buildframe-app .bf-add-btn:hover{filter:brightness(1.08)}.bf-home-list .bf-nav-item-row{border:1px solid var(--bf-border);background:#fff;border-radius:14px;gap:10px;margin-bottom:8px;padding:8px 10px}.bf-home-list .bf-nav-item-row:hover{border-color:#c4bdfa}.bf-home-list .bf-row-selected{border-color:var(--bf-violet);background:var(--bf-violet-bg);box-shadow:0 8px 18px -12px var(--bf-violet)}.bf-thumb{background:#f6f5fd;border:1px solid #ebe9fb;border-radius:10px;flex-shrink:0}.bf-sec-text{flex-direction:column;flex:1;min-width:0;display:flex}.bf-sec-text b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.bf-sec-text small{color:var(--bf-muted);font-size:11px}.bf-home-main{min-height:320px}.bf-gallery-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.bf-gallery-head h3{margin:0;font-size:17px}.bf-gallery-head p{color:var(--bf-muted);margin:3px 0 0;font-size:12.5px}.bf-gallery-head .bf-lib-search{min-width:220px;margin:0}.bf-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.buildframe-app .bf-gallery-card{border:1px solid var(--bf-border);text-align:left;cursor:pointer;height:auto;color:var(--bf-text);background:#fff;border-radius:16px;flex-direction:column;align-items:stretch;gap:8px;padding:12px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative}.buildframe-app .bf-gallery-card:hover{border-color:#b6adf7;transform:translateY(-3px);box-shadow:0 14px 26px -14px #5c4ee573}.bf-gallery-art{background:linear-gradient(160deg,#f6f5fd,#ece9fd);border-radius:12px;justify-content:center;align-items:center;padding:12px 0;display:flex}.bf-gallery-art .bf-thumb{background:0 0;border:none;width:100px;height:72px}.bf-gallery-card b{font-size:13px}.bf-gallery-card em{color:var(--bf-violet);opacity:0;font-size:11.5px;font-style:normal;font-weight:700;transition:opacity .15s}.bf-gallery-card:hover em{opacity:1}@media (max-width:1100px){.bf-home{grid-template-columns:1fr}.bf-home-list{position:static}}.buildframe-app .bf-top{-webkit-backdrop-filter:saturate(160%)blur(14px);backdrop-filter:saturate(160%)blur(14px);border-bottom:1px solid var(--bf-border);z-index:5;background:#ffffffd1;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;height:66px;padding:0 20px;display:grid;position:relative;box-shadow:inset 0 1px #fffc,0 8px 24px -18px #1e1b4b59}.bf-top-left{align-items:center;gap:12px;min-width:0;display:flex}.buildframe-app .bf-top-back,.buildframe-app .bf-top-icon{border:1px solid var(--bf-border);width:36px;height:36px;color:var(--bf-text);cursor:pointer;background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.buildframe-app .bf-top-back:hover,.buildframe-app .bf-top-icon:hover{background:var(--bf-bg);border-color:var(--bf-border-strong)}.buildframe-app .bf-top-icon.on{background:var(--bf-violet-bg);color:var(--bf-violet);border-color:#cfc9fb}.bf-top-back svg,.bf-top-icon svg{width:16px;height:16px}.bf-top-app{align-items:center;gap:11px;min-width:0;display:flex}.bf-top-avatar{object-fit:cover;border-radius:13px;flex-shrink:0;width:40px;height:40px;box-shadow:0 6px 14px -6px #4338ca8c}.bf-top-avatar-empty{box-shadow:none;background:0 0;justify-content:center;align-items:center;display:inline-flex}.bf-top-id{flex-direction:column;min-width:0;line-height:1.25;display:flex}.bf-top-id b{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:700;overflow:hidden}.bf-top-id>span{color:var(--bf-muted);white-space:nowrap;align-items:center;gap:6px;font-size:11.5px;display:flex}.bf-top-id em{opacity:.5;font-style:normal}.bf-top-tpl{text-transform:capitalize}.bf-top-dot{background:#c4c4cc;border-radius:50%;flex-shrink:0;width:7px;height:7px}.bf-top-dot.ok{background:#16a34a;box-shadow:0 0 0 3px #16a34a2e}.bf-top-dot.warn{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.bf-top-right{justify-content:flex-end;align-items:center;gap:8px;display:flex}.buildframe-app .bf-top-build{border:1px solid var(--bf-border);height:36px;color:var(--bf-text);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.buildframe-app .bf-top-build:hover{background:var(--bf-bg)}.buildframe-app .bf-top-publish{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#7c3aed 60%,#c026d3);border:none;border-radius:12px;align-items:center;gap:7px;height:36px;padding:0 18px;font-size:13px;font-weight:700;transition:transform .12s,filter .12s,box-shadow .12s;display:inline-flex;box-shadow:0 10px 22px -10px #7c3aede6}.buildframe-app .bf-top-publish:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}.buildframe-app .bf-top-publish:disabled{color:#9a9aa6;box-shadow:none;cursor:not-allowed;background:#e5e5ea}.bf-top-build svg,.bf-top-publish svg{width:15px;height:15px}.buildframe-app .bf-top .bf-tabs{background:#f1f0f7;border-color:#0000;padding:4px}.buildframe-app .bf-top .bf-tabs button{padding:7px 18px;font-size:13px}@media (max-width:1180px){.buildframe-app .bf-top{grid-template-columns:auto 1fr auto}.bf-top-id>span em,.bf-top-id>span .bf-top-tpl{display:none}}@media (max-width:860px){.buildframe-app .bf-top{grid-template-columns:1fr auto;height:auto;padding:10px 12px}.buildframe-app .bf-top .bf-tabs{order:3;grid-column:1/-1;justify-self:stretch;overflow-x:auto}}.bf-set{grid-template-columns:250px minmax(0,1fr);gap:22px;min-height:420px;display:grid}.bf-set-nav{flex-direction:column;gap:6px;display:flex}.buildframe-app .bf-set-tab,.bf-set-tab{text-align:left;cursor:pointer;color:#1a1a1a;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;width:100%;height:auto;padding:11px 12px;transition:background .12s,border-color .12s;display:flex}.bf-set-tab:hover{background:#f6f6f7}.bf-set-tab.on{background:#ece9fd;border-color:#d9d4fb}.bf-set-tab-ic{color:#5c4ee5;background:#f1f0f7;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.bf-set-tab.on .bf-set-tab-ic{background:#fff;box-shadow:0 4px 10px -4px #5c4ee580}.bf-set-tab.danger .bf-set-tab-ic{color:#d72c0d;background:#fbeae5}.bf-set-tab-text{flex-direction:column;min-width:0;display:flex}.bf-set-tab-text b{font-size:13.5px;font-weight:700}.bf-set-tab-text small{color:#6b7177;font-size:11.5px}.bf-set-body{flex-direction:column;gap:14px;min-width:0;display:flex}.bf-set-card{background:#fff;border:1px solid #e3e3e5;border-radius:18px;padding:18px 20px;box-shadow:0 1px 2px #0000000a}.bf-set-card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.bf-set-card-head h4{margin:0;font-size:14.5px}.bf-set-card-head p{color:#6b7177;max-width:460px;margin:3px 0 0;font-size:12.5px}.bf-set-identity{background:linear-gradient(135deg,#f6f5fd,#fff);align-items:center;gap:20px;display:flex}.bf-set-icon{background:#fff;border-radius:26px;flex-shrink:0;justify-content:center;align-items:center;width:92px;height:92px;display:flex;overflow:hidden;box-shadow:0 14px 28px -14px #4338ca99,0 0 0 1px #e3e3e5}.bf-set-icon img{object-fit:cover;width:100%;height:100%}.bf-set-identity-fields{flex:1;min-width:0}.bf-set-chip{white-space:nowrap;border-radius:999px;padding:4px 11px;font-size:11px;font-weight:700}.bf-set-chip.lock{color:#946200;background:#fdf1d4}.bf-set-chip.edit{color:#5c4ee5;background:#ece9fd}.bf-set-chip.ok{color:#0f7a55;background:#ddf4e8}.bf-set-copy{gap:8px;display:flex}.bf-set-copy input{flex:1}.buildframe-app .bf-set-copy button{cursor:pointer;background:#fff;border:1px solid #e3e3e5;border-radius:10px;height:auto;padding:0 16px;font-size:12.5px;font-weight:600}.bf-set-row{align-items:center;gap:14px;display:flex}.bf-set-row-ic{color:#5c4ee5;background:#ece9fd;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.bf-set-row-ic.danger{color:#d72c0d;background:#fbeae5}.bf-set-row-text{flex:1;min-width:0}.bf-set-row-text b{font-size:14px}.bf-set-row-text p{color:#6b7177;margin:3px 0 0;font-size:12.5px;line-height:1.45}.bf-set-empty{background:#f6f6f7;border-radius:14px;flex-direction:column;align-items:flex-start;gap:12px;padding:16px;display:flex}.bf-set-empty p{color:#6b7177;max-width:440px;margin:0;font-size:12.5px;line-height:1.5}.bf-set-fp{word-break:break-all;color:#374151;margin:6px 0;font-family:ui-monospace,Menlo,monospace;font-size:11.5px;display:block}.bf-set-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.bf-set-danger{background:#fff8f6;border-color:#f3c4b9;align-items:center;gap:14px;display:flex}@media (max-width:760px){.bf-set{grid-template-columns:1fr}.bf-set-nav{flex-direction:row;overflow-x:auto}.bf-set-tab-text small{display:none}.bf-set-identity{flex-direction:column;align-items:flex-start}}.bf-set-nav{align-self:start;padding-right:6px;position:sticky;top:0}.bf-set-tab.danger{margin-top:14px;position:relative}.bf-set-tab.danger:before{content:"";background:#ececf1;height:1px;position:absolute;top:-8px;left:12px;right:12px}.bf-set-copy+.bf-hint{margin-top:10px}.bf-set-card .bf-field{margin-bottom:0}.bf-icon-box{grid-template-columns:168px minmax(0,1fr);align-items:start;gap:20px;display:grid}.buildframe-app .bf-icon-drop{cursor:pointer;color:#5c4ee5;background:linear-gradient(135deg,#f6f5fd,#ece9fd);border:2px dashed #cfc9fb;border-radius:40px;justify-content:center;align-items:center;width:168px;height:168px;padding:0;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.buildframe-app .bf-icon-drop:hover{border-color:#5c4ee5;transform:translateY(-2px);box-shadow:0 18px 30px -18px #5c4ee5b3}.buildframe-app .bf-icon-drop.has{background-color:#fff;background-image:linear-gradient(45deg,#f0f0f2 25%,#0000 25% 75%,#f0f0f2 75%),linear-gradient(45deg,#f0f0f2 25%,#0000 25% 75%,#f0f0f2 75%);background-position:0 0,8px 8px;background-size:16px 16px;border:1px solid #e3e3e5}.bf-icon-drop img{object-fit:cover;width:100%;height:100%;display:block}.bf-icon-hover{color:#fff;opacity:0;background:#1e1b4b99;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:opacity .15s;display:flex;position:absolute;inset:0}.bf-icon-drop:hover .bf-icon-hover{opacity:1}.bf-icon-empty{flex-direction:column;align-items:center;gap:4px;display:flex}.bf-icon-plus{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:4px;font-size:26px;line-height:1;display:inline-flex;box-shadow:0 6px 14px -6px #5c4ee599}.bf-icon-empty b{color:#1a1a1a;font-size:13.5px}.bf-icon-empty small{color:#6b7177;font-size:11.5px}.bf-icon-actions{flex-wrap:wrap;gap:8px;display:flex}.bf-icon-warn{color:#946200;background:#fdf1d4;border-radius:10px;margin:10px 0 0;padding:8px 12px;font-size:12.5px}.bf-icon-ok{color:#0f7a55;margin:10px 0 0;font-size:12.5px;font-weight:600}.bf-icon-tips{color:#6b7177;flex-direction:column;gap:4px;margin:12px 0 0;padding-left:18px;font-size:12.5px;display:flex}.bf-icon-previews{background:#f6f6f7;border-radius:16px;gap:18px;width:fit-content;margin-top:16px;padding:14px 16px;display:flex}.bf-icon-previews>div{flex-direction:column;align-items:center;gap:6px;display:flex}.bf-icon-previews small{color:#6b7177;font-size:11px}.bf-icon-shape{background:#fff;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex;overflow:hidden;box-shadow:0 4px 10px -4px #00000059}.bf-icon-shape img{object-fit:cover;width:100%;height:100%}.bf-icon-shape.round{border-radius:50%}.bf-icon-shape.squircle{border-radius:18px}.bf-icon-shape.square{border-radius:6px}@media (max-width:640px){.bf-icon-box{grid-template-columns:1fr;justify-items:center}}.bf-pkg-field{background:#fff;border:1.5px solid #e3e3e5;border-radius:14px;align-items:center;gap:8px;padding:6px 6px 6px 12px;transition:border-color .12s,box-shadow .12s;display:flex}.bf-pkg-field:focus-within{border-color:#5c4ee5;box-shadow:0 0 0 4px #5c4ee51f}.bf-pkg-field.bad{border-color:#d72c0d;box-shadow:0 0 0 4px #d72c0d1a}.bf-pkg-field.locked{background:#f6f6f7}.bf-pkg-ic{color:#5c4ee5;flex-shrink:0;display:inline-flex}.bf-pkg-field input{outline:none;flex:1;min-width:0;padding:8px 4px;font-size:14px;box-shadow:none!important;background:0 0!important;border:none!important}.buildframe-app .bf-pkg-field button{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e3e3e5;border-radius:10px;height:34px;padding:0 14px;font-size:12.5px;font-weight:600}.buildframe-app .bf-pkg-field button:hover{background:#f6f6f7}.bf-pkg-parts{flex-wrap:wrap;align-items:center;margin-top:12px;display:flex}.bf-pkg-part{align-items:center;display:inline-flex}.bf-pkg-part i{color:#b3b3bd;margin:0 4px;font-size:18px;font-style:normal;font-weight:800;line-height:1}.bf-pkg-part b{border-radius:8px;padding:4px 10px;font-family:ui-monospace,Menlo,monospace;font-size:12.5px;font-weight:600}.bf-pkg-part b.c0{color:#5c4ee5;background:#ece9fd}.bf-pkg-part b.c1{color:#0369a1;background:#e0f2fe}.bf-pkg-part b.c2{color:#15803d;background:#dcfce7}.bf-pkg-part b.c3{color:#b45309;background:#fef3c7}.bf-pkg-status{margin:10px 0 0;font-size:12.5px;font-weight:600}.bf-pkg-status.ok{color:#0f7a55}.bf-pkg-status.bad{color:#d72c0d}.bf-pkg-store{background:#f6f6f7;border-radius:12px;flex-direction:column;gap:3px;margin-top:12px;padding:10px 14px;display:flex}.bf-pkg-store span{letter-spacing:.05em;text-transform:uppercase;color:#8c9196;font-size:11px;font-weight:700}.bf-pkg-store code{color:#374151;word-break:break-all;font-family:ui-monospace,Menlo,monospace;font-size:12px}.bf-pkg-note{color:#4338ca;background:#ece9fd;border-radius:12px;margin-top:12px;padding:10px 14px;font-size:12.5px;line-height:1.5}.bf-pkg-note.lock{color:#7a5200;background:#fdf1d4}.bf-sign-hero{background:linear-gradient(135deg,#f6f5fd,#fff);align-items:center;gap:14px;display:flex}.bf-sign-hero h4{margin:0;font-size:15px}.bf-sign-hero p{color:#6b7177;max-width:460px;margin:3px 0 0;font-size:12.5px;line-height:1.5}.bf-sign-hero>div{flex:1;min-width:0}.bf-sign-ic{color:#fff;background:linear-gradient(135deg,#4f46e5,#c026d3);border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;box-shadow:0 10px 20px -10px #7c3aede6}.bf-sign-ic svg{width:22px;height:22px}.bf-sign-steps{grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.bf-sign-steps li{opacity:.75;background:#f6f6f7;border:1px solid #0000;border-radius:14px;gap:10px;padding:12px;display:flex}.bf-sign-steps li span{color:#fff;background:#d9d9e0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:inline-flex}.bf-sign-steps li b{font-size:12.5px;display:block}.bf-sign-steps li small{color:#6b7177;margin-top:2px;font-size:11.5px;line-height:1.4;display:block}.bf-sign-steps li.now{opacity:1;background:#ece9fd;border-color:#d9d4fb}.bf-sign-steps li.now span{background:#5c4ee5}.bf-sign-steps li.done{opacity:1;background:#ddf4e8}.bf-sign-steps li.done span{background:#0f7a55}.bf-sign-file{border-bottom:1px solid #f0eff5;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:14px;display:flex}.bf-sign-file>div{flex:1}.bf-sign-file b{font-family:ui-monospace,Menlo,monospace;font-size:14px;display:block}.bf-sign-file small{color:#6b7177;font-size:12px}.bf-sign-file-ic{background:#fef3c7;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:inline-flex}.bf-sign-fp{background:#f6f6f7;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;padding:10px 14px;display:grid}.bf-sign-fp span{letter-spacing:.05em;text-transform:uppercase;color:#8c9196;grid-column:1/-1;font-size:11px;font-weight:700}.bf-sign-fp code{word-break:break-all;color:#374151;font-family:ui-monospace,Menlo,monospace;font-size:11.5px}.buildframe-app .bf-sign-fp button{cursor:pointer;background:#fff;border:1px solid #e3e3e5;border-radius:9px;height:30px;padding:0 12px;font-size:12px;font-weight:600}.bf-set-empty .bf-top-publish{align-self:flex-start}.bf-del{flex-direction:column;gap:14px;display:flex}.bf-del-warn{background:#fff8f6;border:1px solid #f3c4b9;border-radius:14px;gap:12px;padding:14px;display:flex}.bf-del-warn span{color:#d72c0d;background:#fbeae5;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.bf-del-warn p{color:#7a2b1c;margin:0;font-size:13px;line-height:1.5}.bf-del-lead{margin:0;font-size:13px;font-weight:600}.bf-del-pw{gap:8px;display:flex}.bf-del-pw input{flex:1}.buildframe-app .bf-del-pw button{cursor:pointer;background:#fff;border:1px solid #e3e3e5;border-radius:10px;padding:0 14px;font-size:12.5px;font-weight:600}.bf-del-code{letter-spacing:.4em;text-align:center;font-size:18px}.bf-del-err{color:#b3270a;background:#fbeae5;border-radius:10px;margin:0;padding:9px 12px;font-size:12.5px;font-weight:600}@media (max-width:760px){.bf-sign-steps{grid-template-columns:1fr}}.bf-wiz-steps{gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.bf-wiz-steps li{color:#6b7177;background:#f1f0f7;border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:12.5px;font-weight:600;display:flex}.bf-wiz-steps li span{color:#fff;background:#d9d9e0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;display:inline-flex}.bf-wiz-steps li.now{color:#4338ca;background:#ece9fd}.bf-wiz-steps li.now span{background:#5c4ee5}.bf-wiz-steps li.done span{background:#0f7a55}.bf-wiz-lead{color:#6b7177;margin:0 0 14px;font-size:13.5px}.bf-wiz-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:14px;display:grid}.buildframe-app .bf-wiz-card,.bf-wiz-card{--c:#5c4ee5;text-align:left;cursor:pointer;color:#1a1a1a;background:#fff;border:2px solid #e3e3e5;border-radius:20px;flex-direction:column;align-items:flex-start;gap:4px;height:auto;padding:16px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative}.bf-wiz-card:hover{border-color:var(--c);box-shadow:0 16px 28px -16px var(--c);transform:translateY(-3px)}.bf-wiz-card.on{border-color:var(--c);background:linear-gradient(180deg, color-mix(in srgb, var(--c) 9%, #fff), #fff 60%);box-shadow:0 16px 30px -16px var(--c)}.bf-wiz-img{object-fit:cover;width:64px;height:64px;box-shadow:0 10px 18px -10px var(--c);border-radius:18px;margin-bottom:8px}.bf-wiz-card b{font-size:15px}.bf-wiz-card small{color:#6b7177;min-height:34px;font-size:12.5px;line-height:1.4}.bf-wiz-card ul{color:#374151;flex-direction:column;gap:4px;margin:8px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.bf-wiz-card li:before{content:"✓";color:var(--c);margin-right:6px;font-weight:800}.bf-wiz-check{color:#fff;background:#fff;border:2px solid #d9d9e0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:800;display:inline-flex;position:absolute;top:12px;right:12px}.bf-wiz-card.on .bf-wiz-check{background:var(--c);border-color:var(--c)}.bf-wiz-pop{color:#b45309;background:#fef3c7;border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:700;position:absolute;top:12px;right:44px}.bf-wiz-picked{--c:#5c4ee5;background:color-mix(in srgb, var(--c) 8%, #fff);border:1px solid color-mix(in srgb, var(--c) 30%, #fff);border-radius:16px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex}.bf-wiz-picked img{object-fit:cover;border-radius:12px;width:44px;height:44px}.bf-wiz-picked>div{flex-direction:column;flex:1;display:flex}.bf-wiz-picked small{color:#6b7177;font-size:11px}.buildframe-app .bf-wiz-picked button{cursor:pointer;background:#fff;border:1px solid #e3e3e5;border-radius:999px;height:auto;padding:6px 12px;font-size:12px;font-weight:600}.bf-wiz-name{padding:12px 14px!important;font-size:18px!important}.bf-wiz-includes{background:#f6f6f7;border-radius:14px;margin-top:16px;padding:14px 16px}.bf-wiz-includes span{letter-spacing:.05em;text-transform:uppercase;color:#8c9196;font-size:11px;font-weight:700}.bf-wiz-includes ul{flex-wrap:wrap;gap:6px 18px;margin:8px 0 0;padding:0;font-size:12.5px;list-style:none;display:flex}.bf-wiz-includes li:before{content:"✓";color:#0f7a55;margin-right:6px;font-weight:800}@media (max-width:640px){.bf-wiz-steps li{gap:0;padding:6px;font-size:0}}.bf-wiz2{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:22px;display:grid}.bf-wiz2-list{flex-direction:column;gap:10px;display:flex}.buildframe-app .bf-wiz2-row{--c:#5c4ee5;text-align:left;cursor:pointer;color:#1a1a1a;background:#fff;border:2px solid #ececf1;border-radius:18px;align-items:center;gap:14px;width:100%;height:auto;padding:12px 14px;transition:transform .12s,border-color .12s,box-shadow .12s,background .12s;display:flex}.bf-wiz2-row:hover{border-color:color-mix(in srgb, var(--c) 55%, #fff);transform:translate(3px)}.bf-wiz2-row.on{border-color:var(--c);background:color-mix(in srgb, var(--c) 7%, #fff);box-shadow:0 14px 26px -18px var(--c)}.bf-wiz2-row img{object-fit:cover;width:54px;height:54px;box-shadow:0 8px 16px -8px var(--c);border-radius:16px;flex-shrink:0}.bf-wiz2-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.bf-wiz2-text b{align-items:center;gap:8px;font-size:14.5px;display:flex}.bf-wiz2-text em{color:#b45309;background:#fef3c7;border-radius:999px;padding:2px 8px;font-size:10.5px;font-style:normal;font-weight:700}.bf-wiz2-text small{color:#6b7177;font-size:12.5px;line-height:1.4}.bf-wiz2-radio{color:#fff;border:2px solid #d9d9e0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:800;display:inline-flex}.bf-wiz2-row.on .bf-wiz2-radio{background:var(--c);border-color:var(--c)}.bf-wiz2-preview{--c:#5c4ee5;background:radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--c) 22%, #fff), #f6f6f7 70%);border-radius:22px;flex-direction:column;align-items:center;gap:14px;padding:22px 16px 16px;transition:background .3s;display:flex;position:sticky;top:0}.bf-wiz2-phone{width:190px;box-shadow:0 24px 40px -18px color-mix(in srgb, var(--c) 70%, #000), 0 6px 14px #00000040;background:#111;border-radius:30px;padding:7px;position:relative}.bf-wiz2-notch{z-index:2;background:#111;border-radius:8px;width:54px;height:14px;position:absolute;top:13px;left:50%;transform:translate(-50%)}.bf-wiz2-screen{background:#fff;border-radius:24px;flex-direction:column;gap:6px;height:330px;padding:28px 8px 8px;display:flex;overflow:hidden}.bf-wiz2-appbar{letter-spacing:-.01em;color:var(--c);white-space:nowrap;text-overflow:ellipsis;padding:4px 6px;font-size:11px;font-weight:800;overflow:hidden}.bf-wiz2-sec{background:#f6f5fd;border-radius:10px;justify-content:center;animation:.35s both bfWizIn;display:flex}.bf-wiz2-sec .bf-thumb{background:0 0;border:none;width:100%;height:44px}.bf-wiz2-tabs{border-top:1px solid #f0eff5;justify-content:space-around;margin-top:auto;padding:8px 4px 2px;display:flex}.bf-wiz2-tabs i{background:#e1e1e8;border-radius:6px;width:16px;height:16px}.bf-wiz2-tabs i.on{background:var(--c)}.bf-wiz2-empty{text-align:center;color:#8c8c99;margin:auto;padding:0 14px;font-size:11.5px;line-height:1.5}.bf-wiz2-feats{color:#374151;flex-direction:column;align-self:stretch;gap:5px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.bf-wiz2-feats li:before{content:"✓";color:var(--c);margin-right:7px;font-weight:800}@keyframes bfWizIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width:760px){.bf-wiz2{grid-template-columns:1fr}.bf-wiz2-preview{display:none}}.buildframe-app .bf-wiz2-row{box-shadow:none}.buildframe-app .bf-wiz2-row:hover{background:#fafaff;transform:none}.buildframe-app .bf-wiz2-row.on{box-shadow:none}.bf-wiz2-row img{box-shadow:none;border-radius:14px}.bf-wiz-picked img{box-shadow:none}.bf-wiz2-preview{background:color-mix(in srgb, var(--c) 9%, #f6f6f7);border:1px solid color-mix(in srgb, var(--c) 18%, #ececf1);padding:24px 16px 18px}.bf-wiz2-phone{width:206px;box-shadow:none;background:#1a1a1f;border:1px solid #00000026;border-radius:32px;padding:6px}.bf-wiz2-notch{width:48px;height:12px;top:12px}.bf-wiz2-screen{background:#fff;border-radius:26px;gap:0;height:382px;padding:0}.bf-wp{flex-direction:column;gap:7px;height:100%;padding:26px 9px 8px;animation:.3s both bfWizIn;display:flex}.bf-wp-top{justify-content:space-between;align-items:center;display:flex}.bf-wp-top b{letter-spacing:-.01em;color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:12px;font-weight:800;overflow:hidden}.bf-wp-bell{background:color-mix(in srgb, var(--c) 25%, #fff);border-radius:50%;width:14px;height:14px}.bf-wp-search{color:#9a9aa6;background:#f3f3f6;border-radius:9px;padding:6px 9px;font-size:9.5px}.bf-wp-hero{background:var(--c);border-radius:12px;flex-shrink:0;height:86px;position:relative;overflow:hidden}.bf-wp-hero img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bf-wp-hero:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--c) 92%, #000) 0%, color-mix(in srgb, var(--c) 55%, transparent) 55%, transparent 100%);position:absolute;inset:0}.bf-wp-hero>div{z-index:1;color:#fff;flex-direction:column;justify-content:center;gap:2px;max-width:62%;display:flex;position:absolute;top:0;bottom:0;left:10px}.bf-wp-hero strong{font-size:11.5px;line-height:1.2}.bf-wp-hero small{opacity:.9;font-size:8.5px}.bf-wp-chips{gap:4px;display:flex;overflow:hidden}.bf-wp-chips span{color:#55555f;white-space:nowrap;background:#f1f1f5;border-radius:999px;padding:3px 8px;font-size:8.5px;font-weight:600}.bf-wp-chips span.on{background:var(--c);color:#fff}.bf-wp-grid{flex:1;grid-template-columns:1fr 1fr;gap:6px;min-height:0;display:grid}.bf-wp-card{flex-direction:column;gap:1px;min-height:0;display:flex}.bf-wp-img{background:#ececf1;border-radius:9px;height:54px;overflow:hidden}.bf-wp-img img{object-fit:cover;width:100%;height:100%;display:block}.bf-wp-card b{white-space:nowrap;text-overflow:ellipsis;color:#1a1a1a;margin-top:3px;font-size:9px;overflow:hidden}.bf-wp-card small{color:var(--c);font-size:8.5px;font-weight:700}.bf-wp-tabs{border-top:1px solid #f0eff5;justify-content:space-around;padding-top:7px;display:flex}.bf-wp-tabs i{background:#e1e1e8;border-radius:5px;width:15px;height:15px}.bf-wp-tabs i.on{background:var(--c)}.bf-wiz2-empty{flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;display:flex}.bf-wiz-card,.bf-wiz-card:hover,.bf-wiz-card.on,.bf-wiz-img{box-shadow:none}.bf-wiz2{align-items:stretch;height:min(500px,85vh - 230px)}.bf-wiz2-main{flex-direction:column;min-width:0;min-height:0;display:flex}.bf-wiz2-main>.bf-wiz-lead{flex-shrink:0}.bf-wiz2-list{scrollbar-width:thin;flex:1;min-height:0;padding:2px 6px 2px 2px;overflow-y:auto}.bf-wiz2-preview{justify-content:center;align-self:stretch;position:static;overflow:hidden}@media (max-width:760px){.bf-wiz2{height:auto}.bf-wiz2-list{overflow:visible}}.bf-nm{--c:#5c4ee5;scrollbar-width:thin;flex-direction:column;gap:18px;min-height:0;padding:2px 6px 2px 2px;display:flex;overflow-y:auto}.bf-nm-tag{background:color-mix(in srgb, var(--c) 10%, #fff);border:1px solid color-mix(in srgb, var(--c) 25%, #fff);color:color-mix(in srgb, var(--c) 80%, #000);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:4px 6px 4px 4px;font-size:12px;font-weight:700;display:inline-flex}.bf-nm-tag img{object-fit:cover;border-radius:7px;width:22px;height:22px}.buildframe-app .bf-nm-tag button{cursor:pointer;color:#1a1a1a;background:#fff;border:1px solid #e3e3e5;border-radius:999px;height:auto;padding:3px 10px;font-size:11px;font-weight:600}.bf-nm-hero{text-align:center;flex-direction:column;align-items:center;gap:4px;padding-top:4px;display:flex}.bf-nm-icon{background:var(--c);border-radius:24px;width:84px;height:84px;margin-bottom:10px;position:relative;overflow:hidden}.bf-nm-icon img{object-fit:cover;opacity:.45;width:100%;height:100%;position:absolute;inset:0}.bf-nm-icon b{color:#fff;justify-content:center;align-items:center;font-size:38px;font-weight:800;display:flex;position:absolute;inset:0}.bf-nm-hero h3{letter-spacing:-.02em;margin:0;font-size:22px}.bf-nm-hero p{color:#6b7177;margin:0;font-size:13px}.bf-nm-input{position:relative}.bf-nm-input input{text-align:center;letter-spacing:-.01em;outline:none;width:100%;padding:14px 54px;font-size:24px;font-weight:700;transition:border-color .15s;box-shadow:none!important;background:0 0!important;border:none!important;border-bottom:2px solid #e3e3e5!important;border-radius:0!important}.bf-nm-input input:focus{border-bottom-color:var(--c)!important}.bf-nm-input input::placeholder{color:#c4c4cc;font-weight:600}.bf-nm-input span{color:#9a9aa6;font-size:11px;position:absolute;bottom:16px;right:4px}.bf-nm-sugg{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.bf-nm-sugg small{color:#8c9196;font-size:11.5px;font-weight:600}.buildframe-app .bf-nm-sugg button{cursor:pointer;color:#1a1a1a;background:#fff;border:1px solid #e3e3e5;border-radius:999px;height:auto;padding:6px 14px;font-size:12.5px;font-weight:600;transition:border-color .12s,background .12s}.buildframe-app .bf-nm-sugg button:hover{border-color:var(--c);background:color-mix(in srgb, var(--c) 7%, #fff)}.bf-nm-ready{color:#55555f;border-top:1px solid #f0eff5;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:auto 0 0;padding:12px 0 0;font-size:12.5px;list-style:none;display:flex}.bf-nm-ready li:before{content:"✓";color:#0f7a55;margin-right:6px;font-weight:800}.bf-wiz2-stats{flex-wrap:wrap;gap:4px 6px;margin-top:6px;display:flex}.bf-wiz2-stats>span{color:#55555f;background:#f1f1f5;border-radius:999px;padding:2px 8px;font-size:11px}.bf-wiz2-stats b{color:#1a1a1a;font-size:11px;display:inline}.bf-wiz2-row.on .bf-wiz2-stats>span{background:color-mix(in srgb, var(--c) 12%, #fff)}.bf-nm-ready{margin-top:0}.bf-nm-stats{flex-direction:column;gap:12px;padding-top:4px;display:flex}.bf-nm-stats h4{letter-spacing:.06em;text-transform:uppercase;color:#8c9196;margin:0;font-size:12px;font-weight:700}.bf-nm-kpis{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.bf-nm-kpis>div{background:color-mix(in srgb, var(--c) 8%, #fff);border:1px solid color-mix(in srgb, var(--c) 16%, #fff);border-radius:14px;flex-direction:column;padding:12px 14px;display:flex}.bf-nm-kpis b{letter-spacing:-.02em;font-size:24px;font-weight:800}.bf-nm-kpis span{color:#6b7177;font-size:11.5px}.bf-nm-card{background:#fff;border:1px solid #ececf1;border-radius:16px;padding:14px 16px}.bf-nm-card-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.bf-nm-card-head small{color:#9a9aa6;font-size:11px;font-weight:500}.bf-nm-stack{background:#f4f4f7;border-radius:6px;gap:2px;height:12px;display:flex;overflow:hidden}.bf-nm-stack i{height:100%;display:block}.bf-nm-legend{color:#55555f;flex-wrap:wrap;gap:4px 16px;margin:10px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.bf-nm-legend li{align-items:center;gap:6px;display:flex}.bf-nm-legend i{border-radius:3px;width:8px;height:8px}.bf-nm-legend b{color:#1a1a1a}.bf-nm-bars{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.bf-nm-bars li{color:#6b7177;grid-template-columns:128px 1fr 26px;align-items:center;gap:10px;font-size:12px;display:grid}.bf-nm-bars li.me{color:#1a1a1a;font-weight:600}.bf-nm-bars li b{text-align:right;color:#1a1a1a}.bf-nm-track{background:#f1f1f5;border-radius:5px;height:8px;overflow:hidden}.bf-nm-track i{background:#cfcfd9;border-radius:5px;min-width:2px;height:100%;display:block}.bf-nm-bars li.me .bf-nm-track i{background:var(--c)}.bf-nm{gap:14px}.bf-nm-top{justify-content:space-between;align-items:center;display:flex}.buildframe-app .bf-nm-change{cursor:pointer;color:#1a1a1a;background:#fff;border:1px solid #e3e3e5;border-radius:999px;height:auto;padding:5px 12px;font-size:12px;font-weight:600}.bf-nm-tag{padding:4px 12px 4px 4px}.bf-nm-sec{background:#fff;border:1px solid #ececf1;border-radius:18px;padding:16px 18px}.bf-nm-sec>header{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.bf-nm-sec>header>span{background:var(--c);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;font-size:12px;font-weight:700;display:inline-flex}.bf-nm-sec h3{margin:0;font-size:15px}.bf-nm-sec header p{color:#6b7177;margin:2px 0 0;font-size:12.5px}.bf-nm-ident{grid-template-columns:132px minmax(0,1fr);align-items:start;gap:18px;display:grid}.buildframe-app .bf-nm-logo{cursor:pointer;border:2px dashed color-mix(in srgb, var(--c) 45%, #fff);background:color-mix(in srgb, var(--c) 7%, #fff);width:132px;height:132px;color:var(--c);border-radius:32px;justify-content:center;align-items:center;padding:0;transition:border-color .15s,background .15s;display:flex;position:relative;overflow:hidden}.buildframe-app .bf-nm-logo:hover{border-color:var(--c);background:color-mix(in srgb, var(--c) 12%, #fff)}.buildframe-app .bf-nm-logo.has{background:#fff;border:1px solid #e3e3e5}.bf-nm-logo img{object-fit:cover;width:100%;height:100%;display:block}.bf-nm-logo-hover{color:#fff;opacity:0;background:#1414288c;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:opacity .15s;display:flex;position:absolute;inset:0}.bf-nm-logo:hover .bf-nm-logo-hover{opacity:1}.bf-nm-logo-empty{flex-direction:column;align-items:center;gap:3px;display:flex}.bf-nm-logo-empty i{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:4px;font-size:18px;font-style:normal;display:inline-flex}.bf-nm-logo-empty b{color:#1a1a1a;font-size:12.5px}.bf-nm-logo-empty small{color:#6b7177;font-size:10.5px}.bf-nm-ident-main label{color:#6b7177;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.bf-nm-ident-main .bf-nm-input input{text-align:left;padding:8px 46px 8px 0;font-size:20px}.bf-nm-ident-main .bf-nm-input span{bottom:12px}.bf-nm-ident-main .bf-nm-sugg{justify-content:flex-start;margin-top:8px}.bf-nm-logo-actions{color:#8c9196;align-items:center;gap:10px;margin-top:12px;font-size:12px;display:flex}.buildframe-app .bf-nm-logo-actions button{color:#b3270a;cursor:pointer;background:#fff8f6;border:1px solid #f3c4b9;border-radius:999px;height:auto;padding:4px 10px;font-size:11.5px;font-weight:600}.bf-nm-warn{color:#946200;background:#fdf1d4;border-radius:9px;margin:8px 0 0;padding:7px 10px;font-size:12px}.bf-nm-pkg{border:1.5px solid #e3e3e5;border-radius:12px;align-items:center;gap:8px;padding:4px 6px 4px 12px;transition:border-color .12s,box-shadow .12s;display:flex}.bf-nm-pkg:focus-within{border-color:var(--c)}.bf-nm-pkg.bad{border-color:#d72c0d}.bf-nm-pkg input{outline:none;flex:1;min-width:0;padding:8px 0;font-size:14px;box-shadow:none!important;background:0 0!important;border:none!important}.buildframe-app .bf-nm-pkg button{cursor:pointer;background:#fff;border:1px solid #e3e3e5;border-radius:9px;height:30px;padding:0 12px;font-size:12px;font-weight:600}.bf-nm-pkg-parts{flex-wrap:wrap;align-items:center;margin-top:10px;display:flex}.bf-nm-pkg-parts span{align-items:center;display:inline-flex}.bf-nm-pkg-parts i{color:#b3b3bd;margin:0 4px;font-style:normal;font-weight:800}.bf-nm-pkg-parts b{border-radius:8px;padding:3px 9px;font-family:ui-monospace,Menlo,monospace;font-size:12px;font-weight:600}.bf-nm-pkg-parts b.c0{color:#5c4ee5;background:#ece9fd}.bf-nm-pkg-parts b.c1{color:#0369a1;background:#e0f2fe}.bf-nm-pkg-parts b.c2{color:#15803d;background:#dcfce7}.bf-nm-pkg-parts b.c3{color:#b45309;background:#fef3c7}.bf-nm-pkg-msg{margin:8px 0 0;font-size:12.5px;font-weight:600}.bf-nm-pkg-msg.ok{color:#0f7a55}.bf-nm-pkg-msg.bad{color:#d72c0d}.bf-nm-pkg-note{color:#8c9196;margin:4px 0 0;font-size:12px}.bf-nm-sec .bf-nm-ready{border-top:none;justify-content:flex-start;margin:0;padding:0}.bf-nm-sec .bf-nm-kpis{margin-bottom:10px}.bf-nm-sec .bf-nm-card{background:#fafafc;border-color:#f0f0f4;margin-top:10px}@media (max-width:640px){.bf-nm-ident{grid-template-columns:1fr;justify-items:start}}.bf-launch{--c:#5c4ee5;text-align:center;flex-direction:column;align-items:center;max-width:460px;margin:0 auto;padding:6px 8px 8px;display:flex}.bf-launch-hero{justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:14px;display:flex;position:relative}.bf-launch-ring{border:3px solid color-mix(in srgb, var(--c) 18%, #fff);border-top-color:var(--c);border-radius:50%;animation:1.1s linear infinite bfSpin;position:absolute;inset:0}.bf-launch-icon{background:var(--c);border-radius:24px;justify-content:center;align-items:center;width:84px;height:84px;animation:.4s both bfPop;display:flex;position:relative;overflow:hidden}.bf-launch-icon img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bf-launch-icon img.soft{opacity:.45}.bf-launch-icon b{color:#fff;font-size:38px;font-weight:800;position:relative}.bf-launch h3{letter-spacing:-.02em;margin:0;font-size:20px}.bf-launch>p{color:#6b7177;margin:4px 0 18px;font-size:13px}.bf-launch-bar{background:#f0eff5;border-radius:4px;width:100%;height:6px;margin-bottom:18px;overflow:hidden}.bf-launch-bar i{background:var(--c);border-radius:4px;height:100%;transition:width .6s;display:block}.bf-launch-bar i.done{background:#0f7a55}.bf-launch-steps{text-align:left;flex-direction:column;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.bf-launch-steps li{opacity:.55;background:#fff;border:1px solid #f0eff5;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;transition:opacity .2s,background .2s,border-color .2s;animation:.35s both bfWizIn;display:flex}.bf-launch-steps li.done{opacity:1}.bf-launch-steps li.active{opacity:1;border-color:color-mix(in srgb, var(--c) 40%, #fff);background:color-mix(in srgb, var(--c) 6%, #fff)}.bf-launch-dot{color:#fff;border:2px solid #d9d9e0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:inline-flex}.bf-launch-steps li.done .bf-launch-dot{background:#0f7a55;border-color:#0f7a55}.bf-launch-steps li.active .bf-launch-dot{border-color:var(--c)}.bf-launch-dot em{background:var(--c);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite bfPulse}.bf-launch-steps b{font-size:13px;display:block}.bf-launch-steps small{color:#8c9196;white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-family:inherit;font-size:11.5px;display:block;overflow:hidden}@keyframes bfSpin{to{transform:rotate(360deg)}}@keyframes bfPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes bfPulse{0%,to{opacity:.6;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}.bf-ln{text-align:center;color:#fff;background:linear-gradient(160deg,#0f0a2e 0%,#1e1b4b 55%,#312e81 100%);border-radius:22px;flex-direction:column;align-items:center;min-height:380px;padding:44px 28px 30px;display:flex;position:relative;overflow:hidden}.bf-ln-glow{pointer-events:none;background:radial-gradient(circle,#a78bfa73,#a78bfa00 65%);border-radius:50%;width:380px;height:380px;animation:3s ease-in-out infinite bfGlow;position:absolute;top:-90px;left:50%;transform:translate(-50%)}.bf-ln-orbit{pointer-events:none;width:150px;height:150px;margin-left:-75px;animation:5s linear infinite bfSpin;position:absolute;top:28px;left:50%}.bf-ln-orbit i{background:#c4b5fd;border-radius:50%;width:8px;height:8px;position:absolute}.bf-ln-orbit i:first-child{top:0;left:50%}.bf-ln-orbit i:nth-child(2){opacity:.6;bottom:14px;left:10px}.bf-ln-orbit i:nth-child(3){opacity:.35;bottom:14px;right:10px}.bf-ln-logo{z-index:1;border-radius:26px;width:92px;height:92px;margin:29px 0 22px;line-height:0;animation:.45s both bfPop;position:relative;overflow:hidden}.bf-ln h3{z-index:1;letter-spacing:-.02em;margin:0;font-size:24px;font-weight:800;position:relative}.bf-ln-pills{z-index:1;flex-wrap:wrap;justify-content:center;gap:6px;margin:12px 0 28px;display:flex;position:relative}.bf-ln-pills span{white-space:nowrap;text-overflow:ellipsis;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;max-width:200px;padding:4px 12px;font-size:11.5px;font-weight:600;overflow:hidden}.bf-ln-seg{z-index:1;gap:6px;width:100%;max-width:360px;display:flex;position:relative}.bf-ln-seg i{background:#ffffff24;border-radius:3px;flex:1;height:6px;position:relative;overflow:hidden}.bf-ln-seg i.done{background:#34d399}.bf-ln-seg i.now{background:#ffffff24}.bf-ln-seg i.now:after{content:"";transform-origin:0;background:linear-gradient(90deg,#a78bfa,#f0abfc);border-radius:3px;animation:1.4s ease-in-out infinite bfFill;position:absolute;inset:0}.bf-ln-now{z-index:1;flex-direction:column;gap:3px;margin-top:22px;animation:.3s both bfWizIn;display:flex;position:relative}.bf-ln-now b{font-size:15px}.bf-ln-now small{color:#c7d2fe;white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-size:12.5px;overflow:hidden}.bf-ln-count{z-index:1;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;margin:14px 0 0;font-size:11px;position:relative}@keyframes bfGlow{0%,to{opacity:.7;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.08)}}@keyframes bfFill{0%{transform:scaleX(.1)}to{transform:scaleX(1)}}.bf-banner{color:#fff;background:linear-gradient(120deg,#0f0a2e 0%,#1e1b4b 45%,#4338ca 100%);border-radius:22px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:12px;min-height:270px;margin-bottom:16px;padding:34px 40px 0;display:grid;position:relative;overflow:hidden}.bf-banner-orb{pointer-events:none;border-radius:50%;position:absolute}.bf-banner-orb.a{background:radial-gradient(circle,#c084fc73,#c084fc00 65%);width:420px;height:420px;top:-200px;right:-120px}.bf-banner-orb.b{background:radial-gradient(circle,#6366f180,#6366f100 65%);width:300px;height:300px;bottom:-200px;left:30%}.bf-banner-copy{z-index:1;padding-bottom:34px;position:relative}.bf-banner-brand{letter-spacing:-.01em;align-items:center;gap:10px;margin-bottom:14px;font-size:15px;display:flex}.bf-banner-logo{border-radius:13px;line-height:0;display:inline-flex;overflow:hidden}.bf-banner h2{letter-spacing:-.03em;max-width:520px;margin:0 0 8px;font-size:30px;font-weight:800;line-height:1.15}.bf-banner p{color:#c7d2fe;max-width:470px;margin:0 0 16px;font-size:13.5px;line-height:1.55}.bf-banner ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.bf-banner li{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;padding:4px 12px;font-size:11.5px;font-weight:600}.bf-banner-phones{z-index:1;align-self:end;height:100%;min-height:236px;position:relative}.bf-banner-phone{background:#16161d;border:1px solid #ffffff24;border-radius:28px;width:168px;padding:5px;position:absolute;bottom:-64px}.bf-banner-phone.back{opacity:.9;right:150px;transform:rotate(-6deg)}.bf-banner-phone.front{width:176px;bottom:-84px;right:16px;transform:rotate(4deg)}.bf-banner-phone .bf-wiz2-screen{--c:#6d5ff0;border-radius:23px;height:300px}.bf-banner-phone.back .bf-wiz2-screen{--c:#0369a1}@media (max-width:900px){.bf-banner{grid-template-columns:1fr;padding:26px 22px}.bf-banner-phones{display:none}.bf-banner-copy{padding-bottom:0}.bf-banner h2{font-size:24px}}.bf-bm{flex-direction:column;gap:14px;display:flex}.bf-bm-hero{color:#fff;background:linear-gradient(135deg, #1e1b4b, var(--c));border-radius:20px;align-items:center;gap:16px;padding:18px 20px;display:flex;position:relative}.bf-bm-hero.ok{background:linear-gradient(135deg,#064e3b,#0f7a55)}.bf-bm-hero.bad{background:linear-gradient(135deg,#4c0f0f,#b3270a)}.bf-bm-app{background:#ffffff24;border:1px solid #ffffff40;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;overflow:hidden}.bf-bm-app img{object-fit:cover;width:100%;height:100%}.bf-bm-hero-text{flex:1;min-width:0}.bf-bm-hero h3{letter-spacing:-.02em;margin:0 0 6px;font-size:20px}.bf-bm-pills{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.bf-bm-pills span{text-transform:capitalize;background:#ffffff29;border:1px solid #fff3;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:600}.bf-bm-pills span.mono{text-transform:none;font-family:ui-monospace,Menlo,monospace}.bf-bm-hero p{opacity:.88;margin:0;font-size:13px}.bf-bm-badge{white-space:nowrap;background:#ffffff2e;border-radius:999px;align-self:flex-start;padding:4px 12px;font-size:11.5px;font-weight:700}.bf-bm-stages{grid-template-columns:repeat(4,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.bf-bm-stages li{color:#8c9196;background:#f6f6f7;border-radius:14px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.bf-bm-stages li span{color:#fff;background:#d9d9e0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;display:inline-flex}.bf-bm-stages li.done{color:#0f7a55;background:#ddf4e8}.bf-bm-stages li.done span{background:#0f7a55}.bf-bm-stages li.now{color:#1a1a1a;background:color-mix(in srgb, var(--c) 10%, #fff)}.bf-bm-stages li.now span{background:var(--c)}.bf-bm-stages em{background:#fff;border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite bfPulse}.bf-bm-error{color:#7a2b1c;background:#fff8f6;border:1px solid #f3c4b9;border-radius:14px;padding:14px 16px}.bf-bm-error b{font-size:12.5px}.bf-bm-error p{white-space:pre-wrap;word-break:break-word;margin:4px 0 0;font-family:ui-monospace,Menlo,monospace;font-size:12.5px}.bf-bm-file{border:1px solid #e3e3e5;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.bf-bm-file-ic{color:#0f7a55;background:#ddf4e8;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:12px;font-weight:800;display:inline-flex}.bf-bm-file b{font-family:ui-monospace,Menlo,monospace;font-size:13.5px;display:block}.bf-bm-file small{color:#6b7177;font-size:12px}.bf-bm-card{border:1px solid #ececf1;border-radius:16px;padding:16px 18px}.bf-bm-card h4{letter-spacing:.06em;text-transform:uppercase;color:#8c9196;margin:0 0 10px;font-size:12px}.bf-bm-checks{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bf-bm-checks li{background:#fafafc;border-radius:12px;align-items:center;gap:12px;padding:8px 10px;display:flex}.bf-bm-checks li>span{color:#fff;background:#c4c4cc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:inline-flex}.bf-bm-checks li.ok>span{background:#0f7a55}.bf-bm-checks li.req>span{background:#d72c0d}.bf-bm-checks li>div{flex:1;min-width:0}.bf-bm-checks b{font-size:13px;display:block}.bf-bm-checks small{color:#6b7177;word-break:break-all;font-size:12px}.buildframe-app .bf-bm-checks button{height:auto;color:var(--c);cursor:pointer;background:#fff;border:1px solid #e3e3e5;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700}.bf-bm-note{color:#946200;margin:10px 0 0;font-size:12px}.bf-bm-meta{color:#8c9196;text-align:center;margin:0;font-size:11.5px}@media (max-width:640px){.bf-bm-stages{grid-template-columns:1fr 1fr}.bf-bm-hero{flex-wrap:wrap}}.bf-bm-file{background:#f3fbf6;border-color:#bfe8d0;padding:14px 16px}.bf-bm-file>div{flex:1;min-width:0}.buildframe-app .bf-bm-dl{color:#fff;cursor:pointer;background:#0f7a55;border:none;border-radius:10px;height:34px;padding:0 18px;font-size:13px;font-weight:700}.buildframe-app .bf-bm-dl:hover{filter:brightness(1.08)}.bf-bm-next{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.bf-bm-next li{gap:12px;display:flex}.bf-bm-next li>span{background:var(--c);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:inline-flex}.bf-bm-next b{font-size:13px;display:block}.bf-bm-next small{color:#6b7177;font-size:12px;line-height:1.45;display:block}.bf-bm-hist-head{justify-content:space-between;align-items:baseline;display:flex}.bf-bm-hist-head h4{margin-bottom:10px}.bf-bm-hist-head small{color:#8c9196;font-size:11.5px}.bf-bm-empty{color:#8c9196;margin:0;font-size:12.5px}.bf-bm-hist{scrollbar-width:thin;flex-direction:column;gap:6px;max-height:220px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.bf-bm-hist li{background:#fafafc;border-radius:12px;align-items:center;gap:10px;padding:9px 12px;display:flex}.bf-bm-hdot{background:#c4c4cc;border-radius:50%;flex-shrink:0;width:9px;height:9px}.bf-bm-hdot.succeeded{background:#0f7a55}.bf-bm-hdot.failed{background:#d72c0d}.bf-bm-hdot.queued,.bf-bm-hdot.building{background:#d97706;animation:1s ease-in-out infinite bfPulse}.bf-bm-hmain{flex:1;min-width:0}.bf-bm-hmain b{align-items:center;gap:8px;font-size:13px;display:flex}.bf-bm-hmain em{background:var(--c);color:#fff;border-radius:999px;padding:1px 8px;font-size:10px;font-style:normal;font-weight:700}.bf-bm-hmain small{color:#8c9196;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;display:block;overflow:hidden}.bf-bm-hst{color:#55555f;white-space:nowrap;background:#ececf1;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.bf-bm-hst.succeeded{color:#0f7a55;background:#ddf4e8}.bf-bm-hst.failed{color:#b3270a;background:#fbeae5}.bf-bm-hst.queued,.bf-bm-hst.building{color:#946200;background:#fdf1d4}.buildframe-app .bf-bm-hdl{cursor:pointer;background:#fff;border:1px solid #e3e3e5;border-radius:8px;height:28px;padding:0 12px;font-size:12px;font-weight:600}.bf-bm-hdl-ph{flex-shrink:0;width:76px}.bf-hx-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.bf-hx-head h4{margin:0 0 2px}.bf-hx-head small{color:#8c9196;font-size:11.5px}.bf-hx-head .bf-seg{background:#f1f0f7;border-color:#0000}.bf-hx-head .bf-seg button{padding:4px 11px;font-size:11.5px}.bf-hx-head .bf-seg em{opacity:.6;margin-left:2px;font-style:normal}.bf-hx-ready{background:#f3fbf6;border:1px solid #bfe8d0;border-radius:14px;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex}.bf-hx-ready>div{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.bf-hx-ready small{color:#5f7f6e;font-size:11px}.bf-hx-ready b{white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,Menlo,monospace;font-size:13px;overflow:hidden}.bf-hx-apk{color:#fff;background:#0f7a55;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:11px;font-weight:800;display:inline-flex}.buildframe-app .bf-hx-ready button{color:#fff;cursor:pointer;background:#0f7a55;border:none;border-radius:9px;height:32px;padding:0 14px;font-size:12.5px;font-weight:700}.bf-hx-empty{text-align:center;padding:18px 10px 8px}.bf-hx-empty>span{color:#5c4ee5;background:#ece9fd;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 8px;display:flex}.bf-hx-empty>span svg{width:20px;height:20px}.bf-hx-empty b{font-size:13.5px}.bf-hx-empty p{color:#8c9196;max-width:300px;margin:3px auto 0;font-size:12.5px}.bf-hx-list{scrollbar-width:thin;max-height:260px;margin:0;padding:0 4px 0 0;list-style:none;overflow-y:auto}.bf-hx-item{gap:12px;padding-bottom:10px;display:flex;position:relative}.bf-hx-item:before{content:"";background:#ececf1;width:2px;position:absolute;top:24px;bottom:-2px;left:10px}.bf-hx-item:last-child:before{display:none}.bf-hx-node{z-index:1;color:#fff;background:#c4c4cc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:8px;font-size:11px;font-weight:800;display:inline-flex;position:relative}.bf-hx-item.succeeded .bf-hx-node{background:#0f7a55}.bf-hx-item.failed .bf-hx-node{background:#d72c0d}.bf-hx-item.queued .bf-hx-node,.bf-hx-item.building .bf-hx-node{background:#d97706}.bf-hx-node i{background:#fff;border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite bfPulse}.bf-hx-card{background:#fafafc;border:1px solid #f0f0f4;border-radius:12px;flex:1;min-width:0;padding:10px 12px}.bf-hx-item.succeeded .bf-hx-card{background:#fbfefc;border-color:#d7efe1}.bf-hx-item.failed .bf-hx-card{background:snow;border-color:#f5d7d0}.bf-hx-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.bf-hx-row b{align-items:center;gap:8px;font-size:13px;display:flex}.bf-hx-row em{background:var(--c);color:#fff;border-radius:999px;padding:1px 8px;font-size:10px;font-style:normal;font-weight:700}.bf-hx-chip{color:#55555f;background:#ececf1;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700}.bf-hx-chip.succeeded{color:#0f7a55;background:#ddf4e8}.bf-hx-chip.failed{color:#b3270a;background:#fbeae5}.bf-hx-chip.queued,.bf-hx-chip.building{color:#946200;background:#fdf1d4}.bf-hx-meta{color:#8c9196;flex-wrap:wrap;gap:4px 12px;margin-top:4px;font-size:11.5px;display:flex}.bf-hx-meta .mono{font-family:ui-monospace,Menlo,monospace}.bf-hx-err{color:#7a2b1c;word-break:break-word;background:#fbeae5;border-radius:8px;margin:6px 0 0;padding:6px 9px;font-family:ui-monospace,Menlo,monospace;font-size:11.5px}.buildframe-app .bf-hx-dl{color:#0f7a55;cursor:pointer;background:#fff;border:1px solid #bfe8d0;border-radius:8px;height:28px;margin-top:8px;padding:0 12px;font-size:12px;font-weight:700}.bf-hx-actions{align-items:center;gap:6px;display:inline-flex}.buildframe-app .bf-hx-icon{color:#0f7a55;cursor:pointer;background:#fff;border:1px solid #bfe8d0;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:background .12s,color .12s;display:inline-flex}.buildframe-app .bf-hx-icon:hover{color:#fff;background:#0f7a55}.buildframe-app .bf-hx-icon.solid{color:#fff;background:#0f7a55;border:none;border-radius:11px;width:36px;height:36px}.buildframe-app .bf-hx-icon.solid:hover{filter:brightness(1.1)}.buildframe-app .bf-hx-build{background:var(--c);color:#fff;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:6px;height:30px;margin-left:auto;padding:0 14px;font-size:12.5px;font-weight:700;display:inline-flex}.buildframe-app .bf-hx-build:disabled{color:#9a9aa6;cursor:not-allowed;background:#e5e5ea}.bf-hx-build svg{width:13px;height:13px}.bf-hx-head>div:first-child{margin-right:auto}.bf-hx-demo{color:#8c9196;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;margin-top:4px;font-size:11.5px;display:inline-flex}.bf-hx-demo input{accent-color:var(--c)}.bf-hx-item.stuck .bf-hx-node{background:#d97706}.bf-hx-item.stuck .bf-hx-card{background:#fffcf5;border-color:#f3dfb4}.bf-hx-chip.stuck{color:#946200;background:#fdf1d4}.bf-hx-err.warn{color:#7a5200;background:#fdf1d4;font-family:inherit}.buildframe-app .bf-hx-retry{color:#1a1a1a;cursor:pointer;background:#fff;border:1px solid #e3e3e5;border-radius:8px;align-items:center;gap:6px;height:28px;margin-top:8px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.buildframe-app .bf-hx-retry:hover{border-color:var(--c);color:var(--c)}.bf-hx-demo{width:fit-content;display:flex}.bf-usage-wrap{position:relative}.buildframe-app .bf-usage-btn{border:1px solid var(--bf-border);height:36px;color:var(--bf-text);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:8px;padding:0 12px;font-size:12.5px;font-weight:600;display:inline-flex}.buildframe-app .bf-usage-btn:hover{background:var(--bf-bg)}.bf-usage-btn b{font-weight:800}.bf-usage-btn.low b{color:#d97706}.bf-usage-btn.full b{color:#d72c0d}.bf-usage-mini{gap:3px;display:inline-flex}.bf-usage-mini i{background:#e1e1e8;border-radius:3px;width:6px;height:14px}.bf-usage-mini i.on{background:var(--bf-violet)}.bf-usage-btn.full .bf-usage-mini i.on{background:#d72c0d}.bf-usage-pop{z-index:30;border:1px solid var(--bf-border);background:#fff;border-radius:18px;width:330px;padding:16px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 32px -12px #1e1b4b59}.bf-usage-head{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.bf-usage-head b{font-size:15px;display:block}.bf-usage-head small{color:var(--bf-muted);font-size:12px}.buildframe-app .bf-usage-head button{color:var(--bf-subdued);cursor:pointer;background:0 0;border:none;height:auto;padding:2px 6px;font-size:13px}.bf-usage-ring{background:#f6f6f7;border-radius:14px;align-items:center;gap:14px;padding:12px;display:flex}.bf-usage-ring b{font-size:14px}.bf-usage-ring p{color:var(--bf-muted);margin:3px 0 0;font-size:12px;line-height:1.45}.bf-usage-chart{justify-content:space-between;align-items:flex-end;gap:6px;height:128px;margin-top:14px;padding:0 2px;display:flex;position:relative}.bf-usage-chart>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:5px;height:100%;display:flex}.bf-usage-bar{border-radius:7px 7px 3px 3px;justify-content:center;align-items:flex-start;width:70%;max-width:30px;display:flex;position:relative}.bf-usage-bar em{color:#fff;padding-top:2px;font-size:10.5px;font-style:normal;font-weight:700}.bf-usage-chart small{color:var(--bf-muted);font-size:11px}.bf-usage-chart .cur small{color:var(--bf-text);font-weight:700}.bf-usage-limit{pointer-events:none;border-top:1.5px dashed #c4c4cc;position:absolute;left:0;right:0}.bf-usage-limit i{color:#8c9196;background:#fff;padding:0 4px;font-size:10px;font-style:normal;position:absolute;top:-17px;right:0}.bf-usage-foot{color:var(--bf-subdued);text-align:center;margin:12px 0 0;font-size:11.5px}.bf-bm-quota{color:#4338ca;background:#ece9fd;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12.5px;font-weight:600;display:flex}.bf-bm-quota.full{color:#b3270a;background:#fbeae5}.bf-bm-quota small{opacity:.8;font-weight:500}@media (max-width:1100px){.bf-usage-btn{gap:0;font-size:0}.bf-usage-btn b{margin-left:8px;font-size:12.5px}}.buildframe-app .bf-top-build.busy{color:#7a5200;background:#fdf1d4;border-color:#f3dfb4}.buildframe-app .bf-top-build.ready{color:#0f7a55;background:#ddf4e8;border-color:#bfe8d0}.buildframe-app .bf-top-build.failed{color:#b3270a;border-color:#f3c4b9}.bf-top-spin{border:2px solid #7a520040;border-top-color:#946200;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite bfSpin}.bf-top-ready{color:#fff;background:#0f7a55;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:800;display:inline-flex}.bf-mm-hero{align-items:center;gap:14px;display:flex}.bf-mm-hero>div{flex:1;min-width:0}.bf-mm-hero h4{margin:0;font-size:15px}.bf-mm-hero p{color:#6b7177;margin:3px 0 0;font-size:12.5px;line-height:1.45}.bf-mm-ic{color:#5c4ee5;background:#ece9fd;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.bf-mm-ic svg{width:22px;height:22px}.bf-mm-status{border-radius:12px;align-items:center;gap:8px;padding:9px 14px;font-size:12.5px;font-weight:600;display:flex}.bf-mm-status i{border-radius:50%;flex-shrink:0;width:8px;height:8px}.bf-mm-status.off{color:#0f7a55;background:#ddf4e8}.bf-mm-status.off i{background:#0f7a55}.bf-mm-status.on i{background:#d97706;animation:1s ease-in-out infinite bfPulse}.bf-mm-grid{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:16px;display:grid}.bf-mm-form{flex-direction:column;gap:12px;min-width:0;display:flex}.bf-mm-facts h4{letter-spacing:.06em;text-transform:uppercase;color:#8c9196;margin:0 0 8px;font-size:12px}.bf-mm-facts ul{color:#55555f;flex-direction:column;gap:8px;margin:0;padding:0;font-size:12.5px;line-height:1.45;list-style:none;display:flex}.bf-mm-facts b{color:#1a1a1a}.bf-mm-preview{flex-direction:column;align-items:center;gap:8px;display:flex;position:sticky;top:0}.bf-mm-preview>small{letter-spacing:.06em;text-transform:uppercase;color:#8c9196;font-size:11px;font-weight:700}.bf-mm-preview .bf-wiz2-phone{width:190px}.bf-mm-screen{color:#fff;text-align:center;background:linear-gradient(#1e1b4b,#312e81);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:320px;padding:24px 16px 14px;display:flex;position:relative}.bf-mm-gear{background:#ffffff24;border-radius:15px;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.bf-mm-gear svg{width:22px;height:22px}.bf-mm-screen b{font-size:14px}.bf-mm-screen p{color:#c7d2fe;word-break:break-word;margin:0;font-size:11px;line-height:1.5}.bf-mm-back{background:#ffffff24;border-radius:999px;padding:3px 10px;font-size:10.5px;font-weight:700}.bf-mm-screen i{color:#312e81;background:#fff;border-radius:999px;margin-top:4px;padding:6px 16px;font-size:11px;font-style:normal;font-weight:700}.bf-mm-screen em{opacity:.55;font-size:9.5px;font-style:normal;position:absolute;bottom:10px}@media (max-width:860px){.bf-mm-grid{grid-template-columns:1fr}.bf-mm-preview{position:static}}.bf-set-tab.danger{margin-top:0}.bf-set-tab.danger:before{display:none}.bf-set-tab.danger.grp-start{margin-top:14px}.bf-set-tab.danger.grp-start:before{display:block}.bf-set-tab.danger.on{background:#fbeae5;border-color:#f3c4b9}.bf-set-tab.danger .bf-set-tab-text b{color:#b3270a}.bf-set-tab.danger.on .bf-set-tab-ic{box-shadow:none}.bf-mm-ic{color:#d72c0d;background:#fbeae5}.bf-mm-hero.on{background:#fff8f6;border-color:#f3c4b9}.bf-mm-hero.on .bf-mm-ic{color:#d72c0d;background:#fbeae5}.bf-mm-status.on{color:#b3270a;background:#fbeae5}.bf-mm-status.on i{background:#d72c0d}.bf-top-id b{align-items:center;gap:8px;display:flex}.buildframe-app .bf-top-maint{color:#b3270a;cursor:pointer;background:#fbeae5;border:1px solid #f3c4b9;border-radius:999px;align-items:center;gap:4px;height:22px;padding:0 9px 0 6px;font-size:11px;font-weight:700;animation:2s ease-in-out infinite bfMaintPulse;display:inline-flex}.buildframe-app .bf-top-maint:hover{background:#f7d6cd}.bf-top-maint svg{width:13px;height:13px}@keyframes bfMaintPulse{0%,to{box-shadow:0 0 #d72c0d4d}50%{box-shadow:0 0 0 4px #d72c0d00}}.bf-top-id b{text-overflow:clip;overflow:visible}.bf-row-app{flex-direction:column;gap:1px;min-width:0;display:flex}.bf-row-app b{align-items:center;gap:8px;font-size:13.5px;display:flex}.bf-row-app small{color:var(--bf-subdued);white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,Menlo,monospace;font-size:11.5px;overflow:hidden}.bf-badge-maint{color:#b3270a;background:#fbeae5;border:1px solid #f3c4b9}.bf-type-badge{background:color-mix(in srgb, var(--c) 10%, #fff);color:color-mix(in srgb, var(--c) 85%, #000);border:1px solid color-mix(in srgb, var(--c) 22%, #fff);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.bf-type-badge i{background:var(--c);border-radius:50%;width:7px;height:7px}.bf-row-build{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.bf-row-build small{color:var(--bf-subdued);padding-left:2px;font-size:11px}.bf-mini-spin{vertical-align:-1px;border:2px solid #9462004d;border-top-color:#946200;border-radius:50%;width:9px;height:9px;margin-right:5px;animation:.8s linear infinite bfSpin;display:inline-block}.bf-badge-succeeded,.bf-badge-failed{gap:4px}.bf-row-usage{align-items:center;gap:12px;display:flex}.bf-row-usage-n{color:var(--bf-muted);min-width:28px;font-size:12px;font-weight:600}.bf-row-usage-n b{color:var(--bf-text);font-size:16px;font-weight:800}.bf-row-usage-n b.low{color:#d97706}.bf-row-usage-n b.full{color:#d72c0d}.bf-row-usage-bars{align-items:flex-end;gap:3px;height:24px;display:inline-flex}.bf-row-usage-bars i{background:#d6d3f5;border-radius:2px;width:6px}.bf-row-usage-bars i.cur{background:var(--bf-violet)}.bf-dash-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;padding:0 2px;display:grid}.bf-dash-kpis>div{border:1px solid var(--bf-border);background:#fff;border-radius:16px;flex-direction:column;gap:2px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.bf-dash-kpis span{color:var(--bf-muted);font-size:12px;font-weight:600}.bf-dash-kpis b{letter-spacing:-.02em;font-size:26px;font-weight:800;line-height:1.1}.bf-dash-kpis b small{color:var(--bf-subdued);margin-left:2px;font-size:14px;font-weight:600}.bf-dash-kpis em{color:var(--bf-subdued);font-size:11.5px;font-style:normal}.bf-dash-kpis i{background:var(--bf-violet);border-radius:0 4px 0 0;height:4px;position:absolute;bottom:0;left:0}.bf-dash-kpis .warn{background:#fff8f6;border-color:#f3c4b9}.bf-dash-kpis .warn b{color:#d72c0d}@media (max-width:900px){.bf-dash-kpis{grid-template-columns:repeat(2,1fr)}}.bf-row-icon{border-radius:12px;flex-shrink:0;width:40px;height:40px}.bf-row-icon.has{object-fit:cover;border:1px solid var(--bf-border);background:#fff}.bf-row-icon.initial{background:color-mix(in srgb, var(--c) 14%, #fff);color:var(--c);border:1px solid color-mix(in srgb, var(--c) 25%, #fff);justify-content:center;align-items:center;font-size:17px;font-weight:800;display:inline-flex}.bf-gd{grid-template-columns:230px minmax(0,1fr);gap:22px;min-height:420px;display:grid}.bf-gd-nav{flex-direction:column;gap:6px;display:flex}.buildframe-app .bf-gd-nav>button{text-align:left;cursor:pointer;color:#1a1a1a;background:0 0;border:1px solid #0000;border-radius:14px;flex-direction:column;align-items:flex-start;gap:1px;height:auto;padding:11px 14px;display:flex}.bf-gd-nav>button:hover{background:#f6f6f7}.bf-gd-nav>button.on{background:#ece9fd;border-color:#d9d4fb}.bf-gd-nav b{font-size:13.5px}.bf-gd-nav small{color:#6b7177;font-size:11.5px}.bf-gd-card{color:#fff;background:linear-gradient(160deg,#0f0a2e,#312e81);border-radius:16px;flex-direction:column;gap:4px;margin-top:auto;padding:14px;display:flex}.bf-gd-card svg{border-radius:10px}.bf-gd-card b{margin-top:4px;font-size:13.5px}.bf-gd-card small{color:#c7d2fe;word-break:break-all;font-size:11px}.bf-gd-card small.mono{font-family:ui-monospace,Menlo,monospace}.bf-gd-body{scrollbar-width:thin;min-width:0;max-height:62vh;padding-right:6px;overflow-y:auto}.bf-gd-body h3{letter-spacing:-.02em;margin:0;font-size:20px}.bf-gd-lead{color:#6b7177;margin:4px 0 18px;font-size:13px}.bf-gd-flow,.bf-gd-steps{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.bf-gd-flow li,.bf-gd-steps li{gap:14px;padding-bottom:16px;display:flex;position:relative}.bf-gd-flow li:not(:last-child):before,.bf-gd-steps li:not(:last-child):before{content:"";background:#ececf1;width:2px;position:absolute;top:32px;bottom:2px;left:14px}.bf-gd .n{color:#fff;z-index:1;background:#5c4ee5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:inline-flex;position:relative}.bf-gd-flow b,.bf-gd-steps b{font-size:14.5px}.bf-gd-flow p,.bf-gd-steps p{color:#55555f;margin:3px 0 0;font-size:13px;line-height:1.55}.bf-gd-flow em{color:#4338ca;background:#f1f0f7;border-radius:999px;margin-top:6px;padding:3px 10px;font-size:11.5px;font-style:normal;font-weight:600;display:inline-block}.buildframe-app .bf-gd-steps button,.bf-gd-steps a{color:#5c4ee5;cursor:pointer;background:#fff;border:1px solid #d9d4fb;border-radius:999px;height:auto;margin-top:8px;padding:5px 12px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.bf-gd-actions{margin-top:4px}.buildframe-app .bf-gd-actions .primary{color:#fff;cursor:pointer;background:#5c4ee5;border:none;border-radius:10px;height:36px;padding:0 18px;font-size:13px;font-weight:700}.bf-gd-faq{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bf-gd-faq li{background:#fff;border:1px solid #ececf1;border-radius:14px}.bf-gd-faq li.open{background:#fbfaff;border-color:#d9d4fb}.buildframe-app .bf-gd-faq li>button{text-align:left;cursor:pointer;color:#1a1a1a;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;width:100%;height:auto;padding:13px 16px;font-size:13.5px;font-weight:700;display:flex}.bf-gd-faq li>button span{color:#5c4ee5;font-size:18px;font-weight:500}.bf-gd-faq li>p{color:#55555f;margin:0;padding:0 16px 14px;font-size:13px;line-height:1.6}.bf-bm-next-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.bf-bm-next-head h4{margin:0}.buildframe-app .bf-bm-next-head button{height:auto;color:var(--c);cursor:pointer;background:#fff;border:1px solid #d9d4fb;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:700}@media (max-width:760px){.bf-gd{grid-template-columns:1fr}.bf-gd-nav{flex-direction:row;overflow-x:auto}.bf-gd-nav small,.bf-gd-card{display:none}.bf-gd-body{max-height:none}}.bf-gd-banner{color:#fff;background:linear-gradient(120deg,#0f0a2e 0%,#1e1b4b 50%,#4338ca 100%);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:10px;min-height:210px;padding:28px 32px 0;display:grid;position:relative;overflow:hidden}.bf-gd-orb{pointer-events:none;border-radius:50%;position:absolute}.bf-gd-orb.a{background:radial-gradient(circle,#c084fc73,#c084fc00 65%);width:340px;height:340px;top:-170px;right:-90px}.bf-gd-orb.b{background:radial-gradient(circle,#6366f180,#6366f100 65%);width:240px;height:240px;bottom:-170px;left:35%}.bf-gd-banner-copy{z-index:1;padding-bottom:26px;position:relative}.bf-gd-kicker{letter-spacing:.06em;text-transform:uppercase;color:#c7d2fe;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:700;display:inline-flex}.bf-gd-kicker svg{border-radius:7px}.bf-gd-banner h2{letter-spacing:-.025em;max-width:440px;margin:0 0 6px;font-size:25px;font-weight:800;line-height:1.18}.bf-gd-banner p{color:#c7d2fe;max-width:440px;margin:0 0 14px;font-size:13px;line-height:1.55}.bf-gd-chips{flex-wrap:wrap;gap:6px;display:flex}.bf-gd-chips span{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;padding:4px 12px;font-size:11.5px;font-weight:600}.bf-gd-banner-art{z-index:1;align-self:stretch;min-height:190px;position:relative}.bf-gd-art-phone{background:#16161d;border:1px solid #ffffff24;border-radius:26px;width:150px;padding:5px;position:absolute;bottom:-86px;right:70px;transform:rotate(5deg)}.bf-gd-art-phone .bf-wiz2-screen{--c:#6d5ff0;border-radius:21px;height:270px}.bf-gd-art-file{color:#1e1b4b;white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:12px;max-width:190px;padding:7px 12px;font-size:11.5px;font-weight:700;position:absolute;top:38px;left:4px;overflow:hidden;transform:rotate(-4deg)}.bf-gd-art-play{color:#064e3b;background:#34d399;border-radius:12px;padding:7px 12px;font-size:11.5px;font-weight:700;position:absolute;top:16px;right:0;transform:rotate(3deg)}.bf-gd{padding:22px 28px 24px}.bf-gd-body{max-height:50vh}.bf-gd-progress{background:#f6f6f7;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:12px 16px;display:flex}.bf-gd-progress b{font-size:13.5px;display:block}.bf-gd-progress small{color:#6b7177;font-size:11.5px}.bf-gd-bar{background:#e5e5ea;border-radius:5px;flex-shrink:0;width:140px;height:8px;overflow:hidden}.bf-gd-bar i{background:#0f7a55;border-radius:5px;height:100%;transition:width .3s;display:block}.buildframe-app .bf-gd-steps button.n{color:#fff;cursor:pointer;background:#5c4ee5;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-top:0;padding:0;font-size:13px;font-weight:700;transition:background .15s;display:inline-flex}.bf-gd-steps li.done button.n{background:#0f7a55}.bf-gd-steps li.done>div>b{color:#6b7177;-webkit-text-decoration:line-through #c4c4cc;text-decoration:line-through #c4c4cc}@media (max-width:860px){.bf-gd-banner{grid-template-columns:1fr;padding:22px 20px}.bf-gd-banner-art{display:none}.bf-gd-banner-copy{padding-bottom:0}.bf-gd{padding:16px}}.bf-core{color:#fff;background:linear-gradient(135deg,#052e22 0%,#0b5d44 55%,#0f7a55 100%);border-radius:22px;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:22px;margin-bottom:22px;padding:22px 24px;display:grid;position:relative;overflow:hidden}.bf-core:before{content:"";pointer-events:none;background:radial-gradient(circle,#6ee7b759,#6ee7b700 65%);border-radius:50%;width:300px;height:300px;position:absolute;top:-150px;right:-90px}.bf-core-art{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.bf-core-icon{border:2px solid #ffffff59;border-radius:26px;width:92px;height:92px;margin-bottom:6px;line-height:0;overflow:hidden}.bf-core-art b{font-size:14px}.bf-core-art small{color:#a7f3d0;font-size:11.5px}.bf-core-main{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex;position:relative}.bf-core .tag{color:#d1fae5;letter-spacing:.09em;text-transform:uppercase;background:#ffffff24;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 6px;font-size:10.5px;font-weight:800;display:inline-flex}.bf-core .tag i{color:#064e3b;background:#34d399;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-style:normal;display:inline-flex}.bf-core h4{letter-spacing:-.02em;margin:4px 0 0;font-size:21px;font-weight:800}.bf-core p{color:#d1fae5;max-width:460px;margin:0;font-size:13px;line-height:1.55}.bf-core-steps{flex-wrap:wrap;gap:8px;margin:6px 0 4px;padding:0;list-style:none;display:flex}.bf-core-steps li{background:#ffffff1a;border-radius:999px;align-items:center;gap:7px;padding:5px 12px 5px 6px;font-size:12px;font-weight:600;display:inline-flex}.bf-core-steps li span{color:#064e3b;background:#34d399;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:inline-flex}.bf-core-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;display:flex}.bf-core-actions a{color:#fff;background:#000;border:1px solid #fff6;border-radius:14px;align-items:center;gap:10px;padding:8px 20px 8px 14px;text-decoration:none;display:inline-flex}.bf-core-actions a:hover{background:#111}.bf-core-actions .play{color:#fff;background:linear-gradient(135deg,#34d399,#3b82f6 70%,#f59e0b);border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;display:inline-flex}.bf-core-actions a>span:last-child{text-align:left;flex-direction:column;line-height:1.15;display:flex}.bf-core-actions a small{letter-spacing:.05em;text-transform:uppercase;opacity:.8;font-size:9.5px}.bf-core-actions a b{font-size:15px;font-weight:700}.buildframe-app .bf-core-actions button{color:#a7f3d0;text-underline-offset:3px;cursor:pointer;background:0 0;border:none;height:auto;padding:8px 4px;font-size:12.5px;font-weight:700;text-decoration:underline}.bf-core-done{color:#0f5e43;background:#ddf4e8;border:1px solid #bfe8d0;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;display:flex}.bf-core-done>span{color:#fff;background:#0f7a55;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:inline-flex}.bf-core-done b{font-size:13.5px}.bf-core-done small{opacity:.8;flex:1;font-size:12px}.buildframe-app .bf-core-done button{cursor:pointer;background:#fff;border:1px solid #bfe8d0;border-radius:999px;height:auto;padding:3px 10px;font-size:11.5px;font-weight:600}.bf-gd-inline{color:#0f7a55;margin:6px 0 0 8px;font-size:12px;font-weight:700;text-decoration:none;display:inline-block}@media (max-width:640px){.bf-core{grid-template-columns:1fr}.bf-core-art{flex-direction:row;justify-content:flex-start;gap:12px}.bf-core-icon{width:56px;height:56px;margin:0}.bf-core-icon svg{width:56px;height:56px}}.bf-top-left,.bf-top-app{min-width:0}.bf-top-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:220px;overflow:hidden}.bf-usage-pop{max-width:calc(100vw - 24px)}.buildframe-app .bf-top .bf-tabs{scrollbar-width:none}.buildframe-app .bf-top .bf-tabs::-webkit-scrollbar{display:none}.buildframe-app .bf-top .bf-tabs button{white-space:nowrap;flex-shrink:0}@media (max-width:1320px){.buildframe-app .bf-top{gap:10px;padding:0 14px}.buildframe-app .bf-top .bf-tabs button{padding:7px 13px}.bf-top-id>span em,.bf-top-tpl{display:none}.buildframe-app .bf-usage-btn{gap:0;padding:0 10px;font-size:0}.bf-usage-btn b{margin-left:8px;font-size:12.5px}.bf-top-name{max-width:150px}}@media (max-width:1100px){.buildframe-app .bf-top{grid-template-columns:minmax(0,1fr) auto;row-gap:8px;height:auto;padding:10px 16px 8px}.buildframe-app .bf-top .bf-tabs{order:3;grid-column:1/-1;justify-self:stretch;width:100%;overflow-x:auto}.buildframe-app .bf-top .bf-tabs button{flex:1 0 auto}.bf-top-name{max-width:260px}}@media (max-width:860px){.bf-top-icon[aria-label="Toggle phone preview"]{display:none}}@media (max-width:640px){.buildframe-app .bf-top{padding:8px 12px 6px}.bf-top-right{gap:6px}.buildframe-app .bf-top-build,.buildframe-app .bf-top-publish{justify-content:center;gap:0;width:36px;padding:0;font-size:0}.bf-top-build svg,.bf-top-publish svg{width:16px;height:16px}.bf-top-name{max-width:120px}.bf-top-id>span{text-overflow:ellipsis;max-width:150px;overflow:hidden}.buildframe-app .bf-top-maint{gap:0;padding:0 6px;font-size:0}}@media (max-width:480px){.bf-top-icon[aria-label=Open\ guide]{display:none}.bf-top-name{max-width:90px}.buildframe-app .bf-top-back{width:32px;height:32px}.bf-top-avatar{width:34px;height:34px}}.buildframe-app .bf-usage-btn{gap:8px;padding:0 12px;font-size:12.5px}.bf-usage-btn b{margin-left:0;font-size:12.5px}.bf-ov{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:14px;margin:0 2px 16px;display:grid}.bf-ov-card{border:1px solid var(--bf-border);background:#fff;border-radius:22px;flex-direction:column;min-width:0;padding:20px 22px;display:flex}.bf-ov-card header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.bf-ov-card h3{letter-spacing:-.01em;margin:0;font-size:16px}.bf-ov-card header p{color:var(--bf-muted);margin:2px 0 0;font-size:12.5px}.bf-ov-chip{background:var(--bf-violet-bg);color:#4338ca;white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:11.5px;font-weight:700}.bf-ov-hero{grid-template-columns:auto 1fr auto;align-items:baseline;gap:2px 10px;margin:4px 0 6px;display:grid}.bf-ov-hero b{letter-spacing:-.04em;grid-row:1/3;align-self:center;font-size:40px;font-weight:800;line-height:1}.bf-ov-hero span{color:var(--bf-muted);align-self:end;font-size:13px}.bf-ov-hero em{border-radius:999px;align-self:center;padding:3px 10px;font-size:11.5px;font-style:normal;font-weight:700}.bf-ov-hero em.up{color:#0f7a55;background:#ddf4e8}.bf-ov-hero em.down{color:#b3270a;background:#fbeae5}.bf-ov-quota{background:#f0eff5;border-radius:4px;grid-column:2/4;align-self:center;height:6px;display:block;overflow:hidden}.bf-ov-quota u{background:var(--bf-violet);border-radius:4px;height:100%;text-decoration:none;display:block}.bf-ov-hero small{color:var(--bf-subdued);grid-column:2/4;font-size:11.5px}.bf-ov-main .bf-chart{margin-top:6px}.bf-ov-empty{text-align:center;color:var(--bf-subdued);margin:-4px 0 8px;font-size:12.5px}.bf-ov-row{border-top:1px solid #f0eff5;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:auto;padding-top:14px;display:grid}.bf-ov-row>div{flex-direction:column;gap:2px;display:flex}.bf-ov-row span{color:var(--bf-muted);font-size:12px;font-weight:600}.bf-ov-row b{letter-spacing:-.02em;font-size:22px;font-weight:800}.bf-ov-row b small{color:var(--bf-subdued);font-size:13px;font-weight:600}.bf-ov-row .warn b{color:#d72c0d}.bf-ov-donut{justify-content:center;padding:6px 0 10px;display:flex}.bf-ov-legend{color:var(--bf-muted);border-top:1px solid #f0eff5;flex-direction:column;gap:9px;margin:auto 0 0;padding:12px 0 0;font-size:12.5px;list-style:none;display:flex}.bf-ov-legend li{align-items:center;gap:9px;display:flex}.bf-ov-legend i{border-radius:3px;flex-shrink:0;width:9px;height:9px}.bf-ov-legend b{color:var(--bf-text);margin-left:auto;font-size:14px}.bf-ov-legend .paused b{color:#d72c0d}@media (max-width:1000px){.bf-ov{grid-template-columns:1fr}}.buildframe-app .bf-ov-card h3{font-size:17px;font-weight:800}.bf-ov-chart{position:relative}.bf-ov-chart .bf-chart{width:100%;height:auto;display:block}.bf-ov-empty{text-align:center;color:var(--bf-subdued);pointer-events:none;margin:0;padding:0 20px;font-size:13px;font-weight:600;position:absolute;top:38%;left:0;right:0}.bf-ov-donut{margin:auto 0;padding:4px 0 14px}.buildframe-app .bf-wiz2-row.blocked{opacity:.62;cursor:not-allowed;background:#fafafc;border-style:dashed}.buildframe-app .bf-wiz2-row.blocked:hover{background:#fafafc;border-color:#ececf1;transform:none}.bf-wiz2-need{color:#b3270a;margin-top:4px;font-size:12px;font-weight:600}.bf-wiz2-need a{color:#5c4ee5;text-underline-offset:2px;text-decoration:underline}.bf-lock-banner{color:#7a2b1c;background:#fff8f6;border:1.5px solid #f3c4b9;border-radius:16px;align-items:center;gap:14px;max-width:1000px;margin:0 auto 14px;padding:14px 18px;display:flex}.bf-lock-banner>span{font-size:22px}.bf-lock-banner>div{flex:1}.bf-lock-banner b{font-size:14px}.bf-lock-banner p{margin:2px 0 0;font-size:12.5px;line-height:1.5}.bf-lock-banner a{color:#fff;white-space:nowrap;background:#d72c0d;border-radius:999px;padding:8px 16px;font-size:12.5px;font-weight:700;text-decoration:none}.bf-locked{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:520px;margin:60px auto;display:flex}.bf-locked-ic{background:#fbeae5;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;display:inline-flex}.bf-locked h3{letter-spacing:-.02em;margin:6px 0 0;font-size:22px;font-weight:800}.bf-locked p{color:var(--bf-muted);margin:0;font-size:13.5px;line-height:1.6}.bf-locked-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.bf-locked-actions .primary{background:var(--bf-violet);color:#fff;border-radius:12px;padding:10px 20px;font-size:13px;font-weight:700;text-decoration:none}.buildframe-app .bf-locked-actions button{border:1px solid var(--bf-border);cursor:pointer;background:#fff;border-radius:12px;height:auto;padding:10px 16px;font-size:13px;font-weight:600}.buildframe-app .bf-top-build:disabled,.buildframe-app .bf-top-publish:disabled{cursor:not-allowed}.bf-empty-an{background:#f1f0fb;border:1px dashed #c9c3f5;border-radius:16px;padding:14px 18px}.bf-empty-an b{color:#4338ca;font-size:14px}.bf-empty-an p{color:#55555f;margin:3px 0 0;font-size:12.5px;line-height:1.5}.bf-an-none{color:var(--bf-subdued);margin:0;padding:14px 4px;font-size:13px}.bf-hero-stats b.bad{color:#fecaca}.bf-quota-chip.bad{color:#b3270a;background:#fbeae5}.bf-issues{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bf-issues li{background:#fafafc;border:1px solid #f0f0f4;border-radius:12px;padding:10px 12px}.bf-issues li.crash{background:snow;border-color:#f5d7d0}.buildframe-app .bf-issues li>button{text-align:left;cursor:pointer;width:100%;height:auto;color:var(--bf-text);background:0 0;border:none;align-items:center;gap:10px;padding:0;display:flex}.bf-issue-kind{letter-spacing:.05em;text-transform:uppercase;color:#946200;background:#fdf1d4;border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:10.5px;font-weight:800}.bf-issues li.crash .bf-issue-kind{color:#b3270a;background:#fbeae5}.bf-issue-msg{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.bf-issues b{color:var(--bf-muted);font-size:12.5px}.bf-issues small{color:var(--bf-subdued);margin-top:3px;font-size:11.5px;display:block}.bf-issues pre{color:#e0e7ff;white-space:pre-wrap;word-break:break-word;background:#1a1a2e;border-radius:10px;margin:8px 0 0;padding:10px 12px;font-size:11px;line-height:1.5;overflow-x:auto}.bf-st{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:22px;max-width:1120px;margin:0 auto;display:grid}.bf-st-list{border:1px solid var(--bf-border);background:#fff;border-radius:22px;flex-direction:column;max-height:calc(100vh - 150px);padding:14px;display:flex;position:sticky;top:0}.bf-st-search{color:var(--bf-muted);background:#f4f4f7;border-radius:12px;align-items:center;gap:8px;margin-bottom:10px;padding:9px 12px;display:flex}.bf-st-search svg{flex-shrink:0;width:15px;height:15px}.bf-st-search input{outline:none;flex:1;min-width:0;font-size:13px;box-shadow:none!important;background:0 0!important;border:none!important}.bf-st-list nav{scrollbar-width:thin;padding-right:2px;overflow-y:auto}.bf-st-group+.bf-st-group{margin-top:12px}.bf-st-glabel{letter-spacing:.08em;text-transform:uppercase;color:var(--bf-subdued);padding:4px 10px 6px;font-size:10.5px;font-weight:800}.buildframe-app .bf-st-item{text-align:left;cursor:pointer;width:100%;height:auto;color:var(--bf-text);background:0 0;border:1px solid #0000;border-radius:13px;align-items:center;gap:11px;padding:8px 10px;transition:background .12s,border-color .12s;display:flex}.bf-st-item:hover{background:#f6f6f9}.bf-st-item.on{background:var(--bf-violet-bg);border-color:#d9d4fb}.bf-st-ic{width:32px;height:32px;color:var(--bf-violet);background:#f1f0f7;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.bf-st-ic svg{width:16px;height:16px}.bf-st-item.on .bf-st-ic{background:#fff}.bf-st-text{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.bf-st-text b{font-size:13px;font-weight:700}.bf-st-text small{color:var(--bf-subdued);font-size:11.5px}.bf-st-chev{color:#b9b9c4;font-size:18px}.bf-st-item.on .bf-st-chev{color:var(--bf-violet)}.bf-st-none{color:var(--bf-subdued);margin:10px;font-size:12.5px}.bf-st-body{min-width:0}.bf-st-head{align-items:center;gap:14px;margin-bottom:14px;display:flex}.bf-st-head>div{flex:1;min-width:0}.bf-st-hic{color:#fff;background:linear-gradient(135deg,#5c4ee5,#8b5cf6);border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.bf-st-hic svg{width:22px;height:22px}.bf-st-head h2{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800}.bf-st-head p{color:var(--bf-muted);margin:2px 0 0;font-size:13px}.bf-st-pill{color:#946200;white-space:nowrap;background:#fdf1d4;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700}.bf-st-lead{color:var(--bf-muted);margin:0 0 12px;font-size:13.5px;line-height:1.55}.bf-st-card{border:1px solid var(--bf-border);background:#fff;border-radius:20px}.bf-st-real{padding:20px 22px}.bf-st-row{justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;display:flex}.bf-st-row+.bf-st-row{border-top:1px solid #f0eff5}.bf-st-row b{font-size:14px}.bf-st-row p{color:var(--bf-muted);margin:3px 0 0;font-size:12.5px;line-height:1.5}.bf-st-foot{text-align:center;color:var(--bf-subdued);margin-top:12px;font-size:12px}@media (max-width:900px){.bf-st{grid-template-columns:1fr}.bf-st-list{max-height:none;position:static}}.bf-mm-card{border:1.5px solid var(--bf-border);background:#fff;border-radius:22px;padding:20px 22px;transition:border-color .2s,background .2s}.bf-mm-card.off{background:linear-gradient(160deg,#f5fcf8,#fff 60%);border-color:#cfeadb}.bf-mm-card.on{background:linear-gradient(160deg,#fff6f4,#fff 60%);border-color:#f3c4b9}.bf-mm-card-top{align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.bf-mm-card-top h4{margin:0;font-size:16px;font-weight:800}.bf-mm-card-top p{color:var(--bf-muted);margin:3px 0 0;font-size:12.5px;line-height:1.5}.bf-mm-card .bf-mm-ic{color:#0f7a55;background:#ddf4e8;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.bf-mm-card.on .bf-mm-ic{color:#d72c0d;background:#fbeae5}.bf-mm-seg{background:#f1f1f5;border-radius:16px;grid-template-columns:1fr 1fr;gap:6px;padding:5px;display:grid}.buildframe-app .bf-mm-seg button{text-align:left;cursor:pointer;color:#6b7177;background:0 0;border:1.5px solid #0000;border-radius:12px;grid-template-columns:auto 1fr;grid-template-areas:"dot name"".sub";align-items:center;column-gap:8px;height:auto;padding:11px 14px;transition:background .15s,border-color .15s,color .15s;display:grid;position:relative}.bf-mm-seg button i{background:#c4c4cc;border-radius:50%;grid-area:dot;width:10px;height:10px}.bf-mm-seg button b{grid-area:name;font-size:14px}.bf-mm-seg button small{opacity:.85;grid-area:sub;font-size:11.5px}.bf-mm-seg button.on{color:#1a1a1a;background:#fff}.bf-mm-seg button.live.on{border-color:#34d399}.bf-mm-seg button.live.on i{background:#0f7a55;box-shadow:0 0 0 4px #0f7a5526}.bf-mm-seg button.paused.on{border-color:#f3a595}.bf-mm-seg button.paused.on i{background:#d72c0d;box-shadow:0 0 0 4px #d72c0d24}.bf-mm-note{color:var(--bf-muted);margin:12px 2px 0;font-size:12.5px}.bf-mm-form-card{flex-direction:column;gap:18px;padding:20px 22px;display:flex}.bf-mm-label{justify-content:space-between;align-items:baseline;margin-bottom:7px;display:flex}.bf-mm-label label{color:#1a1a1a;font-size:13.5px;font-weight:700}.bf-mm-label label em{color:var(--bf-subdued);background:#f1f1f5;border-radius:999px;margin-left:6px;padding:1px 8px;font-size:11px;font-style:normal;font-weight:600}.bf-mm-label span{color:var(--bf-subdued);font-size:11.5px;font-weight:600}.bf-mm-label span.warn{color:#d97706}.bf-mm-field textarea{resize:none;border:1.5px solid var(--bf-border);background:#fcfcfd;border-radius:14px;outline:none;width:100%;padding:13px 15px;font-size:14.5px;line-height:1.55;transition:border-color .15s,box-shadow .15s,background .15s}.bf-mm-field textarea:focus{border-color:var(--bf-violet);background:#fff;box-shadow:0 0 0 4px #5c4ee51a}.bf-mm-presets{flex-wrap:wrap;align-items:center;gap:6px;margin-top:9px;display:flex}.bf-mm-presets small{color:var(--bf-subdued);margin-right:2px;font-size:11.5px;font-weight:600}.buildframe-app .bf-mm-presets button{border:1px solid var(--bf-border);color:#4338ca;cursor:pointer;text-transform:capitalize;background:#fff;border-radius:999px;height:auto;padding:4px 11px;font-size:11.5px;font-weight:600}.buildframe-app .bf-mm-presets button:hover{background:#f6f5ff;border-color:#b6adf7}.bf-mm-inputwrap{border:1.5px solid var(--bf-border);background:#fcfcfd;border-radius:14px;align-items:center;gap:10px;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.bf-mm-inputwrap:focus-within{border-color:var(--bf-violet);background:#fff;box-shadow:0 0 0 4px #5c4ee51a}.bf-mm-inputwrap input{outline:none;flex:1;min-width:0;padding:12px 0;font-size:14.5px;box-shadow:none!important;background:0 0!important;border:none!important}@media (max-width:560px){.bf-mm-seg{grid-template-columns:1fr}}.bf-cf{max-width:1120px;margin:0 auto}.bf-cf-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.bf-cf-head h2{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:800}.bf-cf-head p{color:var(--bf-muted);max-width:560px;margin:4px 0 0;font-size:13.5px;line-height:1.55}.bf-cf-test{background:#f1f0f7;border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex}.bf-cf-test small{letter-spacing:.06em;text-transform:uppercase;color:var(--bf-subdued);padding:0 8px 0 10px;font-size:10.5px;font-weight:800}.buildframe-app .bf-cf-test button{height:auto;color:var(--bf-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600}.buildframe-app .bf-cf-test button.on{color:var(--bf-text);background:#fff;box-shadow:0 1px 3px #0000001f}.bf-cf-strip{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.bf-cf-strip>div{border:1px solid var(--bf-border);background:#fff;border-radius:16px;align-items:baseline;gap:8px;padding:12px 16px;display:flex}.bf-cf-strip b{letter-spacing:-.02em;font-size:22px;font-weight:800}.bf-cf-strip b.ok{color:#0f7a55}.bf-cf-strip b.bad{color:#d72c0d}.bf-cf-strip span{color:var(--bf-muted);font-size:12px}.bf-cf-grid{max-width:none}.bf-cf-grid .bf-st-list{max-height:none}.bf-cf-dot{background:#c4c4cc;border-radius:50%;flex-shrink:0;width:9px;height:9px}.bf-cf-dot.connected{background:#0f7a55;box-shadow:0 0 0 3px #0f7a5526}.bf-cf-dot.attention{background:#d97706;animation:1.4s ease-in-out infinite bfPulse;box-shadow:0 0 0 3px #d977062e}.bf-cf-chip{white-space:nowrap;color:#55555f;background:#ececf1;border-radius:999px;padding:4px 12px;font-size:11.5px;font-weight:700}.bf-cf-chip.connected{color:#0f7a55;background:#ddf4e8}.bf-cf-chip.attention{color:#946200;background:#fdf1d4}.bf-cf-badges{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.bf-cf-when,.bf-cf-lock{border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600}.bf-cf-when.rebuild{color:#7a5200;background:#fdf1d4}.bf-cf-when.publish{color:#0f5e43;background:#ddf4e8}.bf-cf-lock{color:#4338ca;background:#f1f0f7}.bf-cf-form{flex-direction:column;gap:16px;padding:20px 22px;display:flex}.bf-cf-flabel{align-items:center;gap:8px;margin-bottom:6px;display:flex}.bf-cf-flabel label{font-size:13px;font-weight:700}.bf-cf-flabel em{letter-spacing:.05em;text-transform:uppercase;color:#b3270a;background:#fbeae5;border-radius:999px;padding:1px 8px;font-size:10px;font-style:normal;font-weight:800}.bf-cf-input{align-items:stretch;gap:8px;display:flex}.bf-cf-input input,.bf-cf-input textarea{border:1.5px solid var(--bf-border);resize:none;background:#fcfcfd;border-radius:12px;outline:none;flex:1;min-width:0;padding:11px 14px;font-family:ui-monospace,Menlo,monospace;font-size:14px;transition:border-color .15s,box-shadow .15s}.bf-cf-input input:focus,.bf-cf-input textarea:focus{border-color:var(--bf-violet);background:#fff;box-shadow:0 0 0 4px #5c4ee51a}.buildframe-app .bf-cf-input button{border:1px solid var(--bf-border);cursor:pointer;background:#fff;border-radius:12px;height:auto;padding:0 14px;font-size:12.5px;font-weight:600}.bf-cf-used{color:var(--bf-muted);border-top:1px solid #f0eff5;margin:0;padding-top:14px;font-size:12.5px;line-height:1.5}.bf-cf-used b{color:var(--bf-text)}.bf-cf-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.buildframe-app .bf-cf-btn{border:1px solid var(--bf-border);cursor:pointer;background:#fff;border-radius:12px;height:38px;padding:0 18px;font-size:13px;font-weight:700}.buildframe-app .bf-cf-btn.primary{background:var(--bf-violet);color:#fff;border:none}.buildframe-app .bf-cf-btn:disabled{opacity:.6;cursor:wait}.bf-cf-ok{color:#0f7a55;font-size:12.5px;font-weight:600}.bf-cf-empty{text-align:center;background:linear-gradient(160deg,#faf9ff,#fff);border:1.5px dashed #d4d0f5;border-radius:24px;max-width:560px;margin:40px auto;padding:40px 30px}.bf-cf-empty-ic{color:#5c4ee5;background:#ece9fd;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 14px;display:flex}.bf-cf-empty-ic svg{width:28px;height:28px}.bf-cf-empty h3{letter-spacing:-.02em;margin:0 0 6px;font-size:20px;font-weight:800}.bf-cf-empty p{color:var(--bf-muted);max-width:440px;margin:0 auto;font-size:13.5px;line-height:1.6}.bf-cf-empty ul{flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0 0;padding:0;list-style:none;display:flex}.bf-cf-empty li{color:#0f5e43;background:#ddf4e8;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600}@media (max-width:900px){.bf-cf-strip{grid-template-columns:repeat(2,1fr)}}.bf-panel-head-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.bf-hd{max-width:1120px}.bf-hd .bf-st-list{max-height:calc(100vh - 150px)}.bf-hd-listhead{justify-content:space-between;align-items:center;padding:2px 4px 12px;display:flex}.bf-hd-listhead b{font-size:15px;display:block}.bf-hd-listhead small{color:var(--bf-muted);font-size:12px}.bf-hd-item{border:1px solid #0000;border-radius:14px;align-items:center;gap:4px;margin-bottom:4px;padding:3px 6px 3px 2px;transition:background .12s,border-color .12s;display:flex}.bf-hd-item:hover{background:#f6f6f9}.bf-hd-item.on{background:var(--bf-violet-bg);border-color:#d9d4fb}.bf-hd-item.off .bf-hd-pick{opacity:.55}.bf-hd-grip{color:#c4c4cc;letter-spacing:-3px;cursor:grab;-webkit-user-select:none;user-select:none;padding:0 4px 0 6px;font-size:13px}.buildframe-app .bf-hd-pick{text-align:left;cursor:pointer;min-width:0;height:auto;color:var(--bf-text);background:0 0;border:none;flex:1;align-items:center;gap:10px;padding:5px 4px;display:flex}.bf-hd-pick .bf-thumb{width:46px;height:34px}.bf-hd-sw{transform-origin:100%;flex-shrink:0;transform:scale(.85)}.bf-hd-blocks{flex-wrap:wrap;gap:6px;padding:0 4px;display:flex}.buildframe-app .bf-hd-blocks button{color:#5c4ee5;cursor:pointer;background:#fff;border:1px dashed #c4bdfa;border-radius:999px;height:auto;padding:5px 12px;font-size:12px;font-weight:600}.buildframe-app .bf-hd-blocks button:hover{background:#f6f5ff;border-style:solid}.bf-hd-thumb{background:#f6f5fd;border:1px solid #ebe9fb;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:48px;display:inline-flex;overflow:hidden}.bf-hd-thumb .bf-thumb{background:0 0;border:none;width:60px;height:44px}.bf-hd-actions{gap:6px;display:flex}.buildframe-app .bf-hd-actions button{border:1px solid var(--bf-border);cursor:pointer;background:#fff;border-radius:10px;width:34px;height:34px;padding:0;font-size:14px}.buildframe-app .bf-hd-actions button.danger:hover{background:#fbeae5;border-color:#f3c4b9}.bf-hd-tabs{background:#f1f0f7;border-radius:14px;align-items:center;gap:4px;width:fit-content;max-width:100%;margin-bottom:12px;padding:4px;display:flex}.buildframe-app .bf-hd-tabs button{height:auto;color:var(--bf-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:7px 18px;font-size:13px;font-weight:600}.buildframe-app .bf-hd-tabs button.on{color:var(--bf-text);background:#fff;box-shadow:0 1px 3px #0000001f}.bf-hd-note{color:var(--bf-subdued);white-space:nowrap;padding:0 10px 0 14px;font-size:11.5px}.bf-hd-card{flex-direction:column;gap:20px;padding:22px 24px;display:flex}.bf-hd-field label{margin-bottom:7px;font-size:13px;font-weight:700;display:block}.bf-hd-field>input{border:1.5px solid var(--bf-border);background:#fcfcfd;border-radius:12px;outline:none;width:100%;padding:11px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.bf-hd-field>input:focus{border-color:var(--bf-violet);background:#fff;box-shadow:0 0 0 4px #5c4ee51a}.bf-hd-field>p{color:var(--bf-subdued);margin:6px 2px 0;font-size:12px}.bf-hd-seg{background:#f1f0f7;border-radius:12px;flex-wrap:wrap;gap:2px;padding:4px;display:inline-flex}.buildframe-app .bf-hd-seg button{height:auto;color:var(--bf-muted);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:7px 16px;font-size:13px;font-weight:600}.buildframe-app .bf-hd-seg button.on{color:var(--bf-text);background:#fff;box-shadow:0 1px 3px #0000001f}.bf-hd-images{flex-wrap:wrap;gap:10px;display:flex}.bf-hd-images span{border-radius:12px;width:112px;height:64px;position:relative;overflow:hidden}.bf-hd-images em{color:#1a1a1a;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-style:normal;font-weight:700;display:inline-flex;position:absolute;top:6px;left:6px}.buildframe-app .bf-hd-images button{color:#5c4ee5;cursor:pointer;background:#faf9ff;border:1.5px dashed #c4bdfa;border-radius:12px;width:112px;height:64px;font-size:12.5px;font-weight:700}.bf-hd-step{border:1.5px solid var(--bf-border);background:#fcfcfd;border-radius:12px;align-items:stretch;display:inline-flex;overflow:hidden}.buildframe-app .bf-hd-step button{cursor:pointer;background:#f6f6f9;border:none;width:40px;font-size:18px}.bf-hd-step input{text-align:center;background:0 0;border:none;outline:none;width:60px;font-size:14px;font-weight:700}.bf-hd-row{border-top:1px solid #f0eff5;justify-content:space-between;align-items:center;gap:18px;padding-top:18px;display:flex}.bf-hd-row b{font-size:14px}.bf-hd-row p{color:var(--bf-muted);margin:3px 0 0;font-size:12.5px}.bf-hd-space{gap:12px;display:flex}.bf-hd-space>div{border:1.5px solid var(--bf-border);background:#fcfcfd;border-radius:12px;align-items:center;gap:8px;padding:6px 12px;display:flex}.bf-hd-space small{color:var(--bf-muted);font-size:12px}.bf-hd-space input{text-align:right;background:0 0;border:none;outline:none;width:44px;font-size:14px;font-weight:700}.bf-hd-space em{color:var(--bf-subdued);font-size:12px;font-style:normal}.bf-hd-swatches{gap:10px;display:flex}.buildframe-app .bf-hd-swatches button{cursor:pointer;border:2px solid #e3e3e5;border-radius:50%;width:36px;height:36px;padding:0}.buildframe-app .bf-hd-swatches button.on{border-color:var(--bf-violet);box-shadow:0 0 0 3px #5c4ee533}.buildframe-app .bf-link{color:var(--bf-violet);font-weight:700;font-size:inherit;cursor:pointer;background:0 0;border:none;height:auto;padding:0;text-decoration:underline}.bf-hd-real{display:block}.bf-hd-real .bf-props-panel{box-shadow:none;background:0 0;border:none;padding:0}.bf-hd-item.dragging{opacity:.4}.bf-hd-gsearch{max-width:360px;margin-bottom:14px}.bf-hd .bf-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.bf-cf-dot.untested{background:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.bf-cf-chip.untested,.bf-cf-flabel em.pub{color:#0369a1;background:#e0f2fe}.bf-cf-saved{color:#0f7a55;margin-left:auto;font-size:11.5px;font-weight:700}.buildframe-app .bf-cf-btn.danger{color:#b3270a;border-color:#f3c4b9;margin-left:auto}.bf-cf-result{border-radius:12px;margin:12px 2px 0;padding:10px 14px;font-size:13px;font-weight:600;line-height:1.5}.bf-cf-result.ok{color:#0f5e43;background:#ddf4e8}.bf-cf-result.bad{color:#b3270a;background:#fbeae5}.bf-st-textarea,.bf-st-select{border:1.5px solid var(--bf-border);background:#fcfcfd;border-radius:12px;outline:none;width:100%;padding:11px 14px;font-size:14px}.bf-st-textarea{resize:vertical;line-height:1.5}.bf-st-textarea:focus,.bf-st-select:focus{border-color:var(--bf-violet);background:#fff;box-shadow:0 0 0 4px #5c4ee51a}.bf-hd-field>input[type=number],.bf-hd-field>input[type=color]{max-width:220px}.bf-th{flex-direction:column;gap:26px;display:flex}.bf-th-top{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:22px;display:grid}.bf-th-previewbox{border:1px solid var(--bf-border);background:#f6f6f7;border-radius:22px;height:360px;overflow:hidden}.bf-thm{flex-direction:column;height:100%;display:flex}.bf-thm-bar{border-bottom:1px solid;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.bf-thm-bar i{border-radius:50%;width:18px;height:18px}.bf-thm-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.bf-thm-tabs{border-top:1px solid;flex-shrink:0;justify-content:space-around;padding:8px 4px 10px;display:flex}.bf-thm-tabs span{flex-direction:column;align-items:center;gap:3px;display:flex}.bf-thm-tabs i{border-radius:5px;width:16px;height:16px}.bf-th-presets h4{margin:0;font-size:15px}.bf-th-presets p{color:var(--bf-muted);margin:3px 0 12px;font-size:12.5px}.bf-th-pgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.buildframe-app .bf-th-pgrid button{border:1.5px solid var(--bf-border);cursor:pointer;text-align:left;background:#fff;border-radius:14px;flex-direction:column;align-items:flex-start;gap:7px;height:auto;padding:10px 12px;display:flex}.buildframe-app .bf-th-pgrid button:hover{border-color:#b6adf7}.buildframe-app .bf-th-pgrid button.on{border-color:var(--bf-violet);background:var(--bf-violet-bg)}.bf-th-pgrid span{display:flex}.bf-th-pgrid span i{border:2px solid #fff;border-radius:50%;width:20px;height:20px;margin-right:-6px;box-shadow:0 0 0 1px #e3e3e5}.bf-th-pgrid b{font-size:12.5px}.buildframe-app .bf-th-reset{border:1px solid var(--bf-border);height:auto;color:var(--bf-muted);cursor:pointer;background:#fff;border-radius:999px;margin-top:12px;padding:6px 14px;font-size:12px;font-weight:600}.bf-th-sec{border-top:1px solid #f0eff5;flex-direction:column;gap:16px;padding-top:22px;display:flex}.bf-th-sec>header{justify-content:space-between;align-items:center;display:flex}.bf-th-sec h3{margin:0;font-size:16px;font-weight:800}.bf-th-live{color:#0f7a55;font-size:11.5px;font-weight:700}.bf-th-colors{flex-direction:column;gap:8px;display:flex}.bf-th-crow{background:#fcfcfd;border:1px solid #f0eff5;border-radius:14px;grid-template-columns:44px minmax(0,1fr) 110px 34px;align-items:center;gap:12px;padding:8px 10px;display:grid}.bf-th-crow input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:12px;width:44px;height:44px;padding:0}.bf-th-clabel{flex-direction:column;min-width:0;display:flex}.bf-th-clabel b{font-size:13.5px}.bf-th-clabel small{color:var(--bf-subdued);font-size:11.5px}.bf-th-hex{border:1.5px solid var(--bf-border);text-transform:lowercase;border-radius:10px;outline:none;width:100%;padding:8px 10px;font-family:ui-monospace,Menlo,monospace;font-size:13px}.bf-th-hex:focus{border-color:var(--bf-violet)}.buildframe-app .bf-th-crow button{border:1px solid var(--bf-border);cursor:pointer;width:34px;height:34px;color:var(--bf-muted);background:#fff;border-radius:10px;padding:0;font-size:15px}.bf-th-checks{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.bf-th-checks li{border-radius:12px;flex-direction:column;gap:1px;padding:10px 12px;font-size:12px;display:flex}.bf-th-checks li b{font-size:16px;font-weight:800}.bf-th-checks li span{color:var(--bf-muted)}.bf-th-checks li em{font-style:normal;font-weight:700}.bf-th-checks li.ok{background:#ddf4e8}.bf-th-checks li.ok em{color:#0f7a55}.bf-th-checks li.warn{background:#fdf1d4}.bf-th-checks li.warn em{color:#946200}.bf-th-checks li.bad{background:#fbeae5}.bf-th-checks li.bad em{color:#b3270a}.bf-th-field{flex-direction:column;gap:8px;display:flex}.bf-th-flabel{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bf-th-flabel label{font-size:13.5px;font-weight:700}.bf-th-flabel em.soon{color:#7a5200;background:#fdf1d4;border-radius:999px;padding:2px 9px;font-size:10.5px;font-style:normal;font-weight:700}.bf-th-val{color:var(--bf-violet);font-size:12.5px}.bf-th-range{width:100%;accent-color:var(--bf-violet)}.bf-th-ticks{color:var(--bf-subdued);justify-content:space-between;font-size:11px;display:flex}.bf-th-note{color:var(--bf-subdued);margin:-6px 0 0;font-size:12px}@media (max-width:900px){.bf-th-top,.bf-th-checks{grid-template-columns:1fr}}.bf-th-appear{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.bf-th-appear small{color:var(--bf-muted);font-size:12px;font-weight:700}.bf-th-warn{color:#7a5200;background:#fdf1d4;border-radius:12px;margin:0;padding:10px 14px;font-size:12.5px;font-weight:600}.bf-th-app{border-top:1px solid #f0eff5;margin-top:22px;padding-top:22px}.bf-th-app h3{align-items:center;gap:10px;margin:0 0 12px;font-size:16px;font-weight:800;display:flex}.bf-th-sec>header .bf-th-reset{margin-top:0}.bf-th-pgrid.wide{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.buildframe-app .bf-th-pgrid.wide button{border-radius:16px;gap:12px;padding:16px 16px 14px;position:relative}.bf-th-pgrid.wide span i{width:28px;height:28px;margin-right:-8px}.bf-th-pgrid.wide b{font-size:14px}.bf-th-pgrid em{color:var(--bf-violet);font-size:11px;font-style:normal;font-weight:700;position:absolute;top:12px;right:12px}@media (max-width:700px){.bf-th-pgrid.wide{grid-template-columns:repeat(2,minmax(0,1fr))}}.bf-sp{flex-direction:column;gap:14px;display:flex}.bf-sp-sec{border:1px solid var(--bf-line,#e5e7eb);background:var(--bf-surface,#fff);border-radius:14px;flex-direction:column;gap:14px;padding:16px;display:flex}.bf-sp-sec header h3{margin:0;font-size:14px;font-weight:650}.bf-sp-sec header p,.bf-sp-sec p{opacity:.65;margin:2px 0 0;font-size:12px}.bf-sp-opt{opacity:.55;margin-left:6px;font-size:11px;font-style:normal}.bf-sp-colors{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bf-sp-colors>button{cursor:pointer;border:2px solid #0000001f;border-radius:50%;width:30px;height:30px;padding:0}.bf-sp-colors>button.on{outline-offset:2px;outline:2px solid #5c4ee5}.bf-sp-custom{cursor:pointer;align-items:center;gap:6px;font-size:12px;display:inline-flex}.bf-sp-custom input{cursor:pointer;background:0 0;border:0;width:30px;height:30px;padding:0}.bf-sp-imgrow{grid-template-columns:76px 1fr;align-items:center;gap:12px;display:grid}.bf-sp-imgrow>.bf-sp-toggle{grid-column:1/-1}.bf-sp-tile{cursor:pointer;background:#00000008;border:1.5px dashed #00000040;border-radius:12px;place-items:center;width:76px;height:76px;padding:0;font-size:12px;display:grid;overflow:hidden}.bf-sp-tile.static{cursor:default;border-style:solid;font-size:28px;font-weight:700}.bf-sp-tile img{object-fit:cover;width:100%;height:100%}.bf-sp-tile span{flex-direction:column;align-items:center;gap:2px;display:flex}.bf-sp-tile i{font-size:20px;font-style:normal}.bf-sp-actions{gap:8px;margin-top:8px;display:flex}.bf-sp-actions button{cursor:pointer;background:#fff;border:1px solid #00000026;border-radius:8px;padding:5px 11px;font-size:12px}.bf-sp-actions button.danger{color:#d72c0d}.bf-sp-toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;display:flex}.bf-sp-toggle b{font-size:13px;font-weight:600;display:block}.bf-sp-toggle small{opacity:.6;font-size:12px}.bf-sp-anims{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.bf-sp-anims button{cursor:pointer;background:#fff;border:1.5px solid #0000001f;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:10px 6px;display:flex}.bf-sp-anims button.on{background:#5c4ee50f;border-color:#5c4ee5}.bf-sp-anims b{font-size:12px;font-weight:600}.bf-sp-demo{background:#1a1a1a;border-radius:8px;place-items:center;width:100%;height:40px;display:grid;overflow:hidden}.bf-sp-demo i{background:#fff;border-radius:5px;width:18px;height:18px;display:block}@keyframes bf-spa-fade{0%{opacity:0}to{opacity:1}}@keyframes bf-spa-zoom{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes bf-spa-slide{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes bf-spa-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.bf-spa-fade{animation:.9s both bf-spa-fade}.bf-spa-zoom{animation:.8s cubic-bezier(.2,.8,.2,1) both bf-spa-zoom}.bf-spa-slide{animation:.8s both bf-spa-slide}.bf-spa-pulse{animation:1.4s ease-in-out infinite bf-spa-pulse}.bf-spa-none{animation:none}.bf-spa-fade.loop{animation:1.6s infinite alternate bf-spa-fade}.bf-spa-zoom.loop{animation:1.6s infinite alternate bf-spa-zoom}.bf-spa-slide.loop{animation:1.6s infinite alternate bf-spa-slide}.bf-spm{flex:1;place-items:center;width:100%;min-height:420px;display:grid;position:relative;overflow:hidden}.bf-spm-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bf-spm-dim{background:#0006;position:absolute;inset:0}.bf-spm-center{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:0 16px;display:flex;position:relative}.bf-spm-center b{font-size:15px}.bf-spm-center small{opacity:.8;font-size:11px}.bf-spm-letter{place-items:center;font-size:26px;font-weight:700;display:grid}.bf-spm-dots{gap:4px;margin-top:10px;display:inline-flex}.bf-spm-dots i{opacity:.7;background:currentColor;border-radius:50%;width:5px;height:5px}.bf-spm-spin{border:2px solid;border-radius:50%;width:18px;height:18px;margin-top:10px;animation:.8s linear infinite bf-spin}.bf-spm-bar{border-radius:4px;width:90px;height:4px;margin-top:12px;display:block;overflow:hidden}.bf-spm-bar i{border-radius:4px;width:40%;height:100%;animation:1.1s ease-in-out infinite bf-bar;display:block}@keyframes bf-bar{0%{transform:translate(-100%)}to{transform:translate(250%)}}.bf-spm-wave{align-items:center;gap:3px;height:18px;margin-top:10px;display:inline-flex}.bf-spm-wave i{background:currentColor;border-radius:2px;width:3px;height:100%;animation:1s ease-in-out infinite bf-wave}.bf-spm-wave i:nth-child(2){animation-delay:.1s}.bf-spm-wave i:nth-child(3){animation-delay:.2s}.bf-spm-wave i:nth-child(4){animation-delay:.3s}.bf-spm-wave i:nth-child(5){animation-delay:.4s}@keyframes bf-wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.bf-spm-ring{border:2px solid;border-radius:50%;width:20px;height:20px;margin-top:10px;animation:1.2s ease-out infinite bf-ring}@keyframes bf-ring{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}.bf-spm-powered{text-align:center;opacity:.7;letter-spacing:.3px;font-size:10px;position:absolute;bottom:22px;left:0;right:0}.bf-gg-help{cursor:pointer;vertical-align:middle;background:#fff;border:1px solid #0003;border-radius:50%;width:22px;height:22px;margin-left:8px;font-size:12px;font-weight:700;line-height:1}.bf-gg-help:hover{background:#f1f1f3}.bf-gg{flex-direction:column;gap:14px;font-size:13.5px;display:flex}.bf-gg-lead{opacity:.8;margin:0}.bf-gg-steps{flex-direction:column;gap:14px;margin:0;padding-left:20px;display:flex}.bf-gg-steps li>b{margin-bottom:2px;display:block}.bf-gg-steps p{opacity:.8;margin:2px 0 6px}.bf-gg-val{margin:8px 0}.bf-gg-val small{text-transform:uppercase;letter-spacing:.4px;opacity:.6;margin-bottom:3px;font-size:11px;display:block}.bf-gg-val>div{background:#f6f6f7;border:1px solid #0000001a;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;display:flex}.bf-gg-val code{word-break:break-all;flex:1;font-size:12px}.bf-gg-val em{opacity:.7;font-size:12px}.bf-gg-val button{cursor:pointer;background:#fff;border:1px solid #00000026;border-radius:6px;padding:4px 10px;font-size:12px}.bf-gg-note{background:#f6f6f7;border-radius:10px;padding:12px 14px}.bf-gg-note ul{opacity:.85;flex-direction:column;gap:6px;margin:6px 0 0;padding-left:18px;display:flex}.bf-pick{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.bf-pick-card{text-align:left;cursor:pointer;background:#fff;border:1.5px solid #0000001f;border-radius:14px;flex-direction:column;gap:4px;padding:8px 8px 12px;display:flex;position:relative}.bf-pick-card:hover{border-color:#0000004d}.bf-pick-card.on{border-color:#5c4ee5;box-shadow:0 0 0 3px #5c4ee526}.bf-pick-img{aspect-ratio:8/5;background:#f1f1f3;border-radius:9px;place-items:center;display:grid;overflow:hidden}.bf-pick-img img{object-fit:cover;width:100%;height:100%;display:block}.bf-pick-img i{opacity:.5;font-size:26px;font-style:normal;font-weight:700}.bf-pick-card b{padding:4px 4px 0;font-size:13px}.bf-pick-card small{opacity:.65;padding:0 4px;font-size:11.5px}.bf-pick-tick{color:#fff;background:#5c4ee5;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;font-style:normal;display:grid;position:absolute;top:14px;right:14px}.bf-btn-spin{vertical-align:-2px;border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite bf-spin;display:inline-block}.bf-top-publish:disabled{opacity:.7;cursor:progress}.bf-bm-prog{background:#0000001a;border-radius:99px;height:8px;margin-top:12px;position:relative}.bf-bm-prog span{background:var(--c,#5c4ee5);border-radius:99px;height:100%;transition:width .6s;display:block}.bf-bm-prog em{opacity:.7;font-size:11.5px;font-style:normal;font-weight:700;position:absolute;top:-20px;right:0}