.bn{--ink:#2a1d17;--line:#eadbd2;--paper:#faf5f1;--key:#c4451c;--soft:#6e5d55;background:var(--paper);min-height:100vh;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif}.bn header{border-bottom:1px solid var(--line);letter-spacing:.08em;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 24px;font-size:12px;display:grid}.bn header a{align-items:center;gap:7px;font-weight:700;display:flex}.bn header b{justify-self:end}.bn .bn-hero{justify-content:space-between;align-items:end;gap:30px;max-width:1380px;margin:auto;padding:22px 34px 16px;display:flex}.bn .bn-hero p{color:var(--soft);margin:0 0 5px;font-size:12.5px;line-height:1.7}.bn .bn-hero h1{letter-spacing:-.04em;margin:0 0 7px;font-size:clamp(19px,2.4vw,28px);line-height:1.4}.bn .bn-hero small{max-width:62em;color:var(--soft);font-size:12px;line-height:1.65;display:block}.bn .bn-hero svg{color:#e7b9a6;stroke-width:1px;flex:none}.bn-desk{grid-template-columns:400px minmax(0,1fr);align-items:start;gap:24px;max-width:1380px;margin:auto;padding:0 34px 70px;display:grid}.bn-box{box-shadow:var(--af-card);border-radius:var(--af-r);background:#fff;border:0;padding:20px}.bn-boxhead{justify-content:space-between;align-items:end;gap:12px;margin-bottom:8px;display:flex}.bn-boxhead small{color:var(--soft);font-size:11px;font-weight:700}.bn-boxhead h2{margin:3px 0 0;font-size:19px}.bn-demo{color:var(--ink);white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #e6c2b2;border-radius:99px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:700;display:flex}.bn-demo:disabled{opacity:.4}.bn .bn-file{cursor:pointer;background:#fdf7f4;border:1px dashed #dba48d;border-radius:8px;align-items:center;gap:10px;padding:15px 14px;display:flex}.bn-file span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:700;overflow:hidden}.bn-file small{color:var(--soft);white-space:nowrap;font-size:11px}.bn-shot{border:1px solid var(--line);background:#f6ece6;border-radius:8px;justify-content:center;align-items:center;max-height:190px;margin-top:10px;display:flex;overflow:hidden}.bn-shot img{object-fit:contain;max-width:100%;max-height:190px;display:block}.bn .bn-lab{color:var(--soft);margin:12px 0 5px;font-size:11.5px;font-weight:700;display:block}.bn textarea{box-sizing:border-box;resize:vertical;width:100%;color:var(--ink);background:#fff;border:1px solid #e3cbbf;border-radius:8px;padding:9px 10px;font-size:14px;line-height:1.6}.bn-make{background:var(--key);color:#fff;cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:13px;font-size:15px;font-weight:700;display:flex}.bn-make:disabled{background:#d9a28d}.bn-spin{animation:1s linear infinite bnspin}@keyframes bnspin{to{transform:rotate(360deg)}}.bn-err{color:#a8372c;margin:12px 0 0;font-size:13px;line-height:1.6}.bn-hint{color:var(--soft);gap:7px;margin:14px 0 0;font-size:11px;line-height:1.75;display:flex}.bn-hint svg{flex:none;margin-top:2px}.bn-clear{border:1px solid var(--line);color:#8b7a72;cursor:pointer;background:0 0;border-radius:6px;width:100%;margin-top:10px;padding:8px;font-size:12px}.bn-blank{text-align:center;color:var(--soft);background:#fefbf9;border:1px dashed #dba48d;border-radius:10px;padding:44px 28px;font-size:13px;line-height:1.9}.bn-blank strong{color:var(--ink);margin-bottom:10px;font-size:16px;display:block}.bn-sum{box-shadow:var(--af-card);border:0;border-left:4px solid var(--key);background:#fff;border-radius:0 10px 10px 0;padding:14px 18px}.bn-sum>small{color:var(--soft);font-size:11px;font-weight:700}.bn-sum>strong{margin:3px 0 10px;font-size:19px;display:block}.bn-ppl{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.bn-ppl>div{color:var(--soft);align-items:center;gap:8px;font-size:12.5px;display:flex}.bn-ppl>i{color:var(--key);font-size:18px;font-style:normal;font-weight:700}.bn-step{border:1px solid var(--line);background:#fff;border-radius:99px;align-items:center;display:flex}.bn-step button{width:38px;height:38px;min-height:38px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:99px;justify-content:center;align-items:center;display:flex}.bn-step b{text-align:center;min-width:2.2em;color:var(--ink);font-size:18px}.bn-step-on{border-color:var(--key);background:#fff4ef}.bn-step-on b{color:var(--key)}.bn-rate{color:var(--key);margin:10px 0 0;font-size:12.5px;font-weight:700}.bn-fit{border-top:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:12px;padding-top:12px;font-size:12px;display:flex}.bn-fit label{color:var(--soft);width:100%;font-weight:700}.bn-fit select,.bn-fit input{font:inherit;color:var(--ink);background:#fff;border:1px solid #e3cbbf;border-radius:6px;min-width:0;max-width:100%;padding:7px;font-size:13px}.bn-fit input{width:7em}.bn-fit button{border:1px solid var(--key);color:var(--key);cursor:pointer;background:#fff;border-radius:99px;padding:6px 14px;font-size:12.5px;font-weight:700}.bn-fit button:disabled{opacity:.4}.bn-acts{gap:8px;margin:14px 0 10px;display:flex}.bn-copy{background:var(--key);color:#fff;cursor:pointer;border:0;border-radius:99px;align-items:center;gap:6px;padding:10px 18px;font-size:12.5px;font-weight:700;display:flex}.bn-tbl{border-collapse:separate;border-spacing:0;width:100%;box-shadow:var(--af-card);border-radius:var(--af-r);background:#fff;font-size:14px;overflow:hidden}.bn-tbl thead th{text-align:left;color:var(--soft);background:#fbf3ee;padding:10px 12px;font-size:11px}.bn-tbl tbody th{text-align:left;width:38%;color:var(--ink);background:#fff;padding:10px 12px;font-weight:700}.af-tools>main .bn-tbl tbody td{background:#fff}.bn-tbl td{color:var(--soft);vertical-align:top;padding:10px 12px}.bn-tbl td b{color:var(--ink);font-size:15.5px}.bn-tbl td em{color:var(--soft);margin-top:2px;font-size:11px;font-style:normal;display:block}.bn-tbl tbody tr+tr>*{border-top:1px solid #f3e8e2}.bn-tbl .bn-g td{color:var(--key);background:#fdf6f2;padding:6px 12px;font-size:12px;font-weight:700}.bn-tbl .bn-warn td em{color:#8a6a17}.bn-foot{color:var(--soft);gap:7px;margin:16px 0 0;font-size:11px;line-height:1.85;display:flex}.bn-foot svg{flex:none;margin-top:2px}@media (max-width:960px){.bn-desk{grid-template-columns:1fr;padding:0 16px 50px}.bn .bn-hero{padding:18px 16px 12px}.bn .bn-hero svg,.bn header span{display:none}.bn header{grid-template-columns:1fr auto;padding:0 16px}.bn-box{padding:16px}.bn .bn-hero small{font-size:11.5px}.bn-tbl{font-size:13px}.bn-tbl tbody th,.bn-tbl td{padding:9px 8px}}