.bf-page{--bg-2: var(--surface);--fg: var(--text);--fg-dim: var(--text-2);--fg-mute: var(--text-3);--line: var(--border);--line-s: var(--border-s);--accent: var(--acc);--f-display: "Manrope", sans-serif;--f-body: "Manrope", sans-serif;--f-mono: "JetBrains Mono", monospace}.bf-page{min-height:100vh;background:var(--bg)}.bf-shell{display:grid;grid-template-columns:280px 1fr;grid-template-rows:4px 1fr;min-height:100vh}.bf-topline{grid-column:1 / -1;background:var(--line-s);position:relative}.bf-topline i{position:absolute;inset:0 auto 0 0;background:var(--accent);width:0;transition:width .4s ease;display:block}.bf-side{grid-row:2;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--line);overflow:hidden;padding:2rem 1.5rem;gap:2rem}.bf-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;flex-shrink:0}.bf-brand-mark{width:38px;height:38px;background:var(--accent);color:var(--bg);display:flex;align-items:center;justify-content:center;font-family:var(--f-mono);font-size:13px;font-weight:600;letter-spacing:.04em;flex-shrink:0;border-radius:4px}.bf-brand-txt{display:flex;flex-direction:column;gap:2px}.bf-brand-txt strong{font-family:var(--f-display);font-size:.875rem;font-weight:700;color:var(--fg);line-height:1.2}.bf-brand-txt span{font-family:var(--f-mono);font-size:10px;letter-spacing:.08em;color:var(--fg-mute);text-transform:uppercase}.bf-steps{display:flex;flex-direction:column;gap:.2rem;flex:1}.bf-step{display:flex;align-items:center;gap:.85rem;padding:.65rem .75rem;background:none;border:none;cursor:pointer;border-radius:6px;transition:background .18s;text-align:left;width:100%;position:relative}.bf-step:hover:not(:disabled):not(.active){background:var(--bg-2)}.bf-step:disabled{cursor:default;opacity:.45}.bf-step.active{background:var(--bg-2)}.bf-step-node{width:28px;height:28px;border:1.5px solid var(--line-s);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;transition:border-color .2s,background .2s}.bf-step.active .bf-step-node{border-color:var(--accent);background:var(--accent)}.bf-step.done .bf-step-node{border-color:var(--accent);background:transparent}.bf-step-num{font-family:var(--f-mono);font-size:11px;font-style:normal;color:var(--fg-mute);transition:opacity .2s}.bf-step.active .bf-step-num{color:var(--bg)}.bf-step.done .bf-step-num{opacity:0;position:absolute}.bf-step-check{opacity:0;position:absolute;color:var(--accent);transition:opacity .2s}.bf-step.done .bf-step-check{opacity:1}.bf-step.active .bf-step-check{opacity:0}.bf-step-label{font-size:.875rem;color:var(--fg-dim);transition:color .2s}.bf-step.active .bf-step-label,.bf-step.done .bf-step-label{color:var(--fg)}.bf-step-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);margin-left:auto;opacity:0;transition:opacity .2s}.bf-step.active .bf-step-dot{opacity:1}.bf-side-foot{display:flex;flex-direction:column;gap:1rem;flex-shrink:0}.bf-mini-prog{display:flex;flex-direction:column;gap:.5rem}.bf-mini-prog-head{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:10px;color:var(--fg-dim);letter-spacing:.06em}.bf-mini-pct{color:var(--fg);font-weight:500}.bf-bar{height:3px;background:var(--line-s);border-radius:2px;overflow:hidden}.bf-bar i{display:block;height:100%;background:var(--accent);width:0;transition:width .4s ease}.bf-saved{display:flex;align-items:center;gap:.5rem;font-family:var(--f-mono);font-size:10px;color:var(--fg-mute);letter-spacing:.04em}.bf-saved-dot{width:18px;height:18px;border:1px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.bf-main{grid-row:2;display:flex;flex-direction:column;align-items:center;min-height:100vh}.bf-main-inner{flex:1;padding:clamp(2rem,5vw,4rem) clamp(1.5rem,5vw,5rem);max-width:680px;width:100%;margin-left:auto;margin-right:auto}.bf-topmeta{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line)}.bf-topmeta-step{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;color:var(--fg-dim);text-transform:uppercase}.bf-topmeta-step b{color:var(--fg)}.bf-topmeta-step em{font-style:normal;color:var(--fg-mute)}.bf-save-pill{display:flex;align-items:center;gap:.4rem;font-family:var(--f-mono);font-size:10px;color:var(--fg-mute);padding:.3rem .65rem;border:1px solid var(--line);border-radius:20px;transition:border-color .2s}.bf-save-pill.is-saving{border-color:var(--accent);color:var(--fg)}.bf-save-ic{width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:var(--accent)}.bf-panel{display:none}.bf-panel.active{display:block;animation:bf-rise .3s cubic-bezier(.2,.7,.3,1) both}@keyframes bf-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bf-head{margin-bottom:2.5rem}.bf-eyebrow{display:flex;align-items:center;gap:.5rem;font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;color:var(--fg-dim);text-transform:uppercase;margin-bottom:1rem}.bf-eyebrow svg{color:var(--accent)}.bf-title{font-family:var(--f-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.15;color:var(--fg);margin:0 0 .75rem}.bf-title .ac{color:var(--accent)}.bf-sub{font-size:1rem;color:var(--fg-dim);line-height:1.6;max-width:52ch;margin:0}.bf-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem}.bf-field{margin-bottom:1.5rem}.bf-label{display:flex;align-items:baseline;gap:.4rem;font-size:.875rem;font-weight:500;color:var(--fg);margin-bottom:.5rem;flex-wrap:wrap}.bf-label .req{color:var(--accent);font-style:normal}.bf-label .opt{font-size:.75rem;color:var(--fg-mute);font-weight:400;font-style:normal}.bf-hint{font-size:.8125rem;color:var(--fg-dim);margin:0 0 .75rem;line-height:1.55}.bf-input-wrap{position:relative}.bf-input-wrap.has-icon .bf-input{padding-left:2.75rem}.bf-input-ic{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--fg-mute);display:flex;align-items:center;pointer-events:none}.bf-input-num{font-family:var(--f-mono);font-size:10px;letter-spacing:.06em;color:var(--fg-dim);font-style:normal}.bf-input{width:100%;background:var(--bg-2);border:1.5px solid var(--line);border-radius:6px;padding:.8rem 1rem;font-family:var(--f-body);font-size:.9375rem;color:var(--fg);transition:border-color .2s;outline:none;-webkit-appearance:none}.bf-input:focus{border-color:var(--accent)}.bf-input::placeholder{color:var(--fg-mute)}.bf-input.invalid{border-color:#e54545}.bf-ta-wrap{position:relative}.bf-textarea{width:100%;background:var(--bg-2);border:1.5px solid var(--line);border-radius:6px;padding:.875rem 1rem 1.75rem;font-family:var(--f-body);font-size:.9375rem;color:var(--fg);resize:vertical;min-height:90px;outline:none;transition:border-color .2s}.bf-textarea:focus{border-color:var(--accent)}.bf-textarea::placeholder{color:var(--fg-mute)}.bf-textarea.invalid{border-color:#e54545}.bf-ta-count{position:absolute;bottom:.45rem;right:.75rem;font-family:var(--f-mono);font-size:9px;letter-spacing:.05em;color:var(--fg-mute);pointer-events:none}.bf-ta-count.warn{color:#e5a145}.bf-f-error{display:flex;align-items:center;gap:.35rem;font-size:.8125rem;color:#e54545;margin-top:.35rem}.bf-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin-bottom:.75rem}.bf-cat-grid.invalid{outline:1.5px solid #e54545;border-radius:8px}.bf-cat{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.9rem .5rem .75rem;background:var(--bg-2);border:1.5px solid var(--line);border-radius:8px;cursor:pointer;transition:border-color .2s,background .2s;text-align:center}.bf-cat:hover{border-color:var(--fg-mute)}.bf-cat input{position:absolute;opacity:0;width:0;height:0}.bf-cat:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.bf-cat-check{position:absolute;top:.4rem;right:.4rem;width:16px;height:16px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--bg);opacity:0;transition:opacity .2s}.bf-cat:has(input:checked) .bf-cat-check{opacity:1}.bf-cat-ic{color:var(--fg-dim);transition:color .2s}.bf-cat:has(input:checked) .bf-cat-ic{color:var(--accent)}.bf-cat-label{font-size:.75rem;font-weight:500;color:var(--fg-dim);line-height:1.3}.bf-cat:has(input:checked) .bf-cat-label{color:var(--fg)}.bf-cat-hint{font-size:.65rem;color:var(--fg-mute);font-family:var(--f-mono);letter-spacing:.05em}.bf-add-line{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;font-size:.8125rem;color:var(--fg-dim);padding:.35rem 0;margin-bottom:1rem;transition:color .2s}.bf-add-line:hover{color:var(--fg)}.bf-reveal[hidden]{display:none}.bf-reveal{animation:bf-fade-in .22s ease}@keyframes bf-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.bf-seg{display:grid;gap:.6rem;margin-bottom:.25rem}.bf-seg-2{grid-template-columns:1fr 1fr}.bf-seg-3{grid-template-columns:1fr 1fr 1fr}.bf-seg.invalid{outline:1.5px solid #e54545;border-radius:6px}.bf-seg-btn{position:relative;cursor:pointer}.bf-seg-btn input{position:absolute;opacity:0;width:0;height:0}.bf-seg-btn span{display:block;text-align:center;padding:.7rem .75rem;font-size:.875rem;color:var(--fg-dim);background:var(--bg-2);border:1.5px solid var(--line);border-radius:6px;transition:border-color .2s,background .2s,color .2s}.bf-seg-btn:hover span{border-color:var(--fg-mute);color:var(--fg)}.bf-seg-btn:has(input:checked) span{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--fg);font-weight:500}.bf-stack{display:flex;flex-direction:column;gap:.6rem}.bf-drop-wrap{display:flex;flex-direction:column;gap:.75rem}.bf-dropzone{position:relative;border:1.5px dashed var(--line-s);border-radius:8px;transition:border-color .2s}.bf-dropzone:hover{border-color:var(--fg-mute)}.bf-file-input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.bf-drop-label{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1.5rem;cursor:pointer;text-align:center;color:var(--fg-dim)}.bf-drop-label span{font-size:.9rem}.bf-drop-label em{font-style:normal;font-size:.775rem;color:var(--fg-mute);font-family:var(--f-mono);letter-spacing:.04em}.bf-file-preview{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-2);border-radius:6px;border:1px solid var(--line)}.bf-file-preview img{max-height:60px;max-width:120px;object-fit:contain}.bf-file-name{font-family:var(--f-mono);font-size:.8125rem;color:var(--fg-dim)}.bf-file-remove{margin-left:auto;background:none;border:1px solid var(--line);width:26px;height:26px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;color:var(--fg-dim);transition:background .2s,color .2s,border-color .2s}.bf-file-remove:hover{background:#e54545;border-color:#e54545;color:#fff}.bf-gallery-count{font-family:var(--f-mono);font-size:10px;color:var(--fg-mute);letter-spacing:.06em}.bf-gallery-preview{display:flex;flex-wrap:wrap;gap:.5rem}.bf-gallery-item{position:relative;width:72px;height:72px;border-radius:6px;overflow:hidden;border:1px solid var(--line)}.bf-gallery-item img{width:100%;height:100%;object-fit:cover}.bf-gallery-item .bf-file-remove{position:absolute;top:3px;right:3px;margin-left:0;width:20px;height:20px;font-size:.85rem;background:rgba(0,0,0,.6);border:none;color:#fff}.bf-gallery-item .bf-file-remove:hover{background:#e54545}.bf-color-row{display:flex;gap:1rem;flex-wrap:wrap}.bf-color-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.bf-color-picker{width:48px;height:48px;border:2px solid var(--line);border-radius:50%;cursor:pointer;padding:0;background:none;-webkit-appearance:none}.bf-color-picker::-webkit-color-swatch-wrapper{padding:2px;border-radius:50%}.bf-color-picker::-webkit-color-swatch{border-radius:50%;border:none}.bf-color-text{width:90px;text-align:center;background:var(--bg-2);border:1.5px solid var(--line);border-radius:6px;padding:.4rem .5rem;font-family:var(--f-mono);font-size:.8125rem;color:var(--fg);outline:none}.bf-color-text:focus{border-color:var(--accent)}.bf-color-label{font-size:.75rem;color:var(--fg-mute);font-family:var(--f-mono);letter-spacing:.04em}.bf-includes{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:1.5rem;margin:2rem 0 1.5rem}.bf-includes-title{font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:1rem}.bf-includes-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.bf-includes-grid li{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--fg-dim)}.bf-includes-grid li svg{color:var(--accent);flex-shrink:0}.bf-summary{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:1.5rem;margin-top:1.5rem}.bf-summary-title{font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:1rem}.bf-summary-body{display:flex;flex-direction:column;gap:.5rem}.bf-sum-row{display:grid;grid-template-columns:120px 1fr;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--line)}.bf-sum-row:last-child{border-bottom:none}.bf-sum-k{font-family:var(--f-mono);font-size:.75rem;color:var(--fg-mute);letter-spacing:.04em}.bf-sum-v{font-size:.875rem;color:var(--fg);word-break:break-word}.bf-feedback{padding:1rem 1.25rem;background:color-mix(in srgb,#e54545 12%,transparent);border:1px solid #e54545;border-radius:8px;font-size:.9rem;color:#e54545;margin-top:1.5rem}.bf-navbar{position:sticky;bottom:0;width:100%;background:var(--bg);border-top:1px solid var(--line);display:flex;align-items:center;gap:1rem;padding:1rem clamp(1.5rem,5vw,5rem);z-index:40}.bf-nav-mid{flex:1;display:flex;justify-content:center}.bf-nav-note{display:flex;align-items:center;gap:.35rem;font-family:var(--f-mono);font-size:10px;color:var(--fg-mute);letter-spacing:.04em}.bf-nav-note svg{color:var(--accent)}.bf-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.4rem;border-radius:6px;font-family:var(--f-body);font-size:.9rem;font-weight:500;cursor:pointer;border:1.5px solid transparent;transition:background .2s,border-color .2s,color .2s,box-shadow .2s;white-space:nowrap}.bf-btn.ghost{background:none;border-color:var(--line-s);color:var(--fg-dim)}.bf-btn.ghost:hover{border-color:var(--fg-mute);color:var(--fg)}.bf-btn.primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.bf-btn.primary:hover{box-shadow:0 4px 18px color-mix(in srgb,var(--accent) 35%,transparent)}.bf-btn.send{background:#2d9e6b;color:#fff;border-color:#2d9e6b;padding:.8rem 2rem}.bf-btn.send:hover:not(:disabled){background:#27895c;border-color:#27895c;box-shadow:0 4px 20px #2d9e6b66}.bf-btn:disabled{opacity:.4;cursor:not-allowed}.bf-spin{display:inline-block;width:12px;height:12px;border:1.5px solid color-mix(in srgb,var(--accent) 30%,transparent);border-top-color:var(--accent);border-radius:50%;animation:bf-spin .7s linear infinite}@keyframes bf-spin{to{transform:rotate(360deg)}}.bf-done{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem;padding:clamp(2rem,5vw,4rem) 0;max-width:540px}.bf-done-ic{width:60px;height:60px;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1.5px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent)}.bf-done-title{font-family:var(--f-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--fg);margin:0}.bf-done-sub{font-size:1rem;color:var(--fg-dim);line-height:1.65;margin:0;max-width:50ch}.bf-done-steps{display:flex;flex-direction:column;gap:.85rem;width:100%;padding:1.25rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.bf-done-step{display:flex;align-items:center;gap:1rem;font-size:.9rem;color:var(--fg-dim)}.bf-done-step span{font-family:var(--f-mono);font-size:10px;letter-spacing:.08em;color:var(--fg-mute);width:24px;flex-shrink:0}.bf-done-meta{font-family:var(--f-mono);font-size:.8125rem;color:var(--fg-mute);margin:0}.bf-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.bf-refile-note{display:flex;align-items:flex-start;gap:.5rem;font-size:.8125rem;color:#e5a145;background:color-mix(in srgb,#e5a145 10%,transparent);border:1px solid color-mix(in srgb,#e5a145 35%,transparent);border-radius:8px;padding:.75rem 1rem;margin:0 0 1.5rem;line-height:1.5}.bf-refile-note svg{flex-shrink:0;margin-top:.15rem}.bf-msteps{display:none}.bf-mdot{display:flex;align-items:center;gap:.45rem;padding:.45rem .85rem;background:var(--bg-2);border:1.5px solid var(--line);border-radius:999px;font-family:var(--f-body);font-size:.75rem;color:var(--fg-dim);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:border-color .2s,color .2s,background .2s}.bf-mdot i{font-style:normal;font-family:var(--f-mono);font-size:10px;color:var(--fg-mute)}.bf-mdot.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--fg)}.bf-mdot.active i{color:var(--accent)}.bf-mdot.done{border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--fg-dim)}.bf-mdot.done i{color:var(--accent)}.bf-mdot:disabled{opacity:.45;cursor:default}@media (max-width: 900px){.bf-shell{grid-template-columns:1fr}.bf-topline{grid-column:1}.bf-side{display:none}.bf-msteps{display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.bf-msteps::-webkit-scrollbar{display:none}}@media (max-width: 680px){.bf-grid-2{grid-template-columns:1fr}.bf-cat-grid{grid-template-columns:repeat(2,1fr)}.bf-seg-3{grid-template-columns:1fr 1fr}.bf-includes-grid{grid-template-columns:1fr}.bf-sum-row{grid-template-columns:90px 1fr}}@media (max-width: 480px){.bf-main-inner{padding:1.5rem 1.25rem}.bf-navbar{padding:.9rem 1.25rem}.bf-seg-2{grid-template-columns:1fr}}