.bc{container:bc / inline-size}.bc canvas{image-rendering:pixelated;image-rendering:crisp-edges}.bc-editor{display:grid;grid-template-columns:232px minmax(0,1fr);grid-template-areas:"stage side" "out out";gap:0}.bc-stage{grid-area:stage;padding:18px;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:12px}.bc-side{grid-area:side}.bc-out{grid-area:out;container:bcout / inline-size;min-width:0;padding:14px 20px 20px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:14px}.bc-out-tabs{display:flex;width:100%}.bc-out-tabs button{flex:1 1 auto;justify-content:center;padding:0 8px}.bc-out-tabs .i{width:14px;height:14px}.bc-pane[hidden]{display:none}.bc-views{width:100%;justify-content:stretch}.bc-views button{flex:1;justify-content:center}.bc-canvas-wrap{width:100%;min-height:384px;display:grid;place-items:center;border-radius:var(--radius-control);background:repeating-conic-gradient(#eef0f4 0 25%,#f8f9fb 0 50%) 0 0 / 16px 16px;padding:10px 0}#bcPreview{display:block;height:364px;width:auto;max-width:100%;-o-object-fit:contain;object-fit:contain}#bcPreview[data-view=wall],#bcPreview[data-view=shield]{height:300px}.bc-status{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;flex-wrap:wrap}.bc-count{cursor:help}.bc-bedrock{font-size:12px;color:var(--text-soft)}.bc-tools{display:flex;justify-content:space-between;width:100%;padding:2px;border-radius:var(--radius-control);background:var(--input-bg)}.bc-tools .btn-icon{flex:1}.bc-tools .btn-icon:hover:not(:disabled){background:var(--card)}.bc-tools .btn-icon:disabled{opacity:.35;cursor:default}.bc-flip .i{transform:scaleX(-1)}.bc-actions{display:flex;gap:6px;width:100%}.bc-actions .btn{flex:1 1 0;justify-content:center}.bc-side{padding:18px 20px 20px;display:flex;flex-direction:column;gap:18px;min-width:0}.bc-h{font-size:13px;font-weight:700;margin-bottom:8px}.bc-h-row{display:flex;align-items:baseline;justify-content:space-between;gap:6px 12px;flex-wrap:wrap;margin-bottom:8px}.bc-h-row .bc-h{margin-bottom:0}.bc-h-count{font-weight:600;color:var(--muted);font-size:12px;margin-left:4px}.bc-item-dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:var(--accent);vertical-align:1px}.bc-swatches{display:grid;grid-template-columns:repeat(16,minmax(0,26px));gap:5px}.bc-swatch{width:100%;height:auto;aspect-ratio:1;border-radius:6px;box-shadow:inset 0 0 0 1px #00000024;transition:transform .1s;position:relative}.bc-swatch:hover{transform:scale(1.08)}.bc-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--accent)}.bc-swatch[aria-pressed=true]:after{content:"";position:absolute;inset:31%;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #00000059}.bc-swatches-sm{grid-template-columns:repeat(16,minmax(0,22px));gap:4px}.bc-swatch-sm{border-radius:5px}.bc-layers{list-style:none;display:flex;flex-direction:column;gap:6px}.bc-layer{display:flex;align-items:center;gap:4px;padding:4px 6px 4px 2px;border-radius:var(--radius-control);background:var(--input-bg);border:1px solid transparent;transition:transform .12s,background .12s;position:relative}.bc-layer.is-selected{border-color:var(--accent);background:var(--accent-soft)}.bc-layer.is-dragging{z-index:2;transition:none;box-shadow:var(--shadow-pop);background:var(--card)}.bc-handle{flex:none;width:24px;height:40px;display:grid;place-items:center;color:var(--muted);cursor:grab;touch-action:none;border-radius:6px}.bc-handle:hover{color:var(--accent)}.bc-handle .i{width:14px;height:14px}.bc-layer.is-dragging .bc-handle{cursor:grabbing}.bc-layer-main{flex:1;min-width:0;display:flex;align-items:center;gap:10px;text-align:left;padding:2px 4px;border-radius:6px}.bc-layer-thumb{flex:none;width:18px;height:36px;border-radius:2px;box-shadow:0 0 0 1px #0000001f}.bc-layer-num{flex:none;font-size:11px;font-weight:700;color:var(--muted);width:16px;text-align:center}.bc-layer-text{min-width:0;display:flex;flex-direction:column;flex:1}.bc-layer-name{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bc-layer-color{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--muted)}.bc-layer-color i,.bc-dot{display:inline-block;width:10px;height:10px;border-radius:3px;box-shadow:inset 0 0 0 1px #0000002e;flex:none}.bc-layer .badge{flex:none}.bc-layer-tools{display:flex;flex:none}.bc-layer-tools .btn-icon{width:28px;height:28px}.bc-layer-tools .btn-icon:disabled{opacity:.3;cursor:default}.bc-empty{padding:10px 12px;border:1px dashed var(--line-strong);border-radius:var(--radius-control)}.bc-picker{padding:14px;margin:0 -14px -14px;border-radius:var(--radius-card);transition:background .15s}.bc-picker.is-editing{background:var(--accent-soft)}.bc-picker .bc-swatches{margin-bottom:12px}.bc-patterns{display:flex;flex-wrap:wrap;gap:10px 16px}.bc-pattern-group:first-child{flex:1 1 100%}.bc-pattern-title{display:flex;align-items:center;gap:5px;width:-moz-fit-content;width:fit-content;cursor:help;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.bc-pattern-grid{display:flex;flex-wrap:wrap;gap:6px}.bc-pattern{position:relative;width:38px;padding:3px;border-radius:6px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line-strong);display:grid;place-items:center;transition:box-shadow .1s,transform .1s}.bc-pattern canvas{width:30px;height:60px;display:block}.bc-pattern:hover:not(:disabled){box-shadow:inset 0 0 0 2px var(--accent);transform:translateY(-1px)}.bc-pattern[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-soft)}.bc-pattern:disabled{opacity:.45;cursor:not-allowed}.bc-pattern-dot{position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 1.5px var(--card)}.bc-hover{margin-top:8px;color:var(--text-soft);min-height:18px}.bc-formats{align-self:flex-start;flex-wrap:wrap}.bc-opts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 12px}.bc-commands{display:flex;flex-direction:column;gap:10px}.bc-command{border:1px solid var(--line);border-radius:var(--radius-control);overflow:hidden}.bc-command-head{display:flex;align-items:center;gap:10px;padding:6px 8px 6px 12px;background:var(--page)}.bc-command-title{font-size:12.5px;font-weight:600;flex:1;min-width:0}.bc-command-len{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--muted);white-space:nowrap;cursor:help}.bc-command-len .i{width:12px;height:12px}.bc-command-len.is-long{color:var(--orange-dark);font-weight:600}.bc-command-code{margin:0;padding:8px 12px;font-family:var(--mono);font-size:11.5px;line-height:1.5;white-space:pre-wrap;word-break:break-all;background:#1b1b1f;color:#e8e8ea;max-height:180px;overflow:auto;cursor:copy}.bc-command-code:hover{background:#24242a}.bc-command .hint{padding:8px 12px}.bc-import-text{min-height:110px}.bc-need-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.bc-need{list-style:none;display:flex;flex-wrap:wrap;gap:6px}.bc-need .bc-tag{height:30px;padding:0 10px;border-radius:var(--radius-chip);background:var(--input-bg)}.bc-tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;cursor:help}.bc-tag b{font-weight:700;color:var(--text)}.bc-tag .i{width:14px;height:14px;color:var(--text-soft)}.bc-ico{display:inline-block;flex:none;box-shadow:inset 0 0 0 1px #0003}.bc-wool{width:14px;height:14px;border-radius:2px}.bc-dye{width:13px;height:13px;border-radius:50%}.bc-stick{width:3px;height:16px;border-radius:1px;background:#8b5e34;transform:rotate(35deg);box-shadow:none}.bc-itemico{width:10px;height:20px;border-radius:1px;background:#fff}.bc-steps{list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:4px;margin-top:12px}.bc-step{counter-increment:step;display:grid;grid-template-columns:22px 16px minmax(0,1fr) auto;align-items:center;gap:10px;padding:5px 10px 5px 6px;border-radius:var(--radius-control);background:var(--input-bg)}.bc-step:before{content:counter(step);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:11px;font-weight:700}.bc-step.is-base{counter-increment:none}.bc-step.is-base:before{content:"";background:transparent;box-shadow:inset 0 0 0 2px var(--line-strong)}.bc-step.is-blocked{background:#fdf1e2}.bc-step.is-blocked:before{background:var(--orange)}.bc-step.is-blocked .bc-tag,.bc-step.is-blocked .bc-tag b,.bc-step.is-blocked .bc-tag .i{color:var(--orange-dark)}.bc-step-thumb{width:16px;height:32px;border-radius:1px;box-shadow:0 0 0 1px #0000001f}.bc-step-name{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bc-step-in{display:inline-flex;align-items:center;gap:10px}#bcRecipe .notice{margin-top:10px}.bc-gallery-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.bc-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}.bc-gallery-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 6px;border-radius:var(--radius-control);background:var(--input-bg);transition:background .12s,box-shadow .12s}.bc-gallery-item:hover{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.bc-gallery-item canvas{width:32px;height:64px;box-shadow:0 0 0 1px #0000001a}.bc-gallery-name{font-size:12px;font-weight:700;line-height:1.2;text-align:center}.bc-gallery-n{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;color:var(--muted)}.bc-gallery-n .i{width:11px;height:11px}.bc-gallery-n.is-over{color:var(--orange-dark)}.bc-gallery-item.is-preset .bc-gallery-name{font-size:11px;font-weight:600}.bc-gallery-item.is-preset{min-height:108px}@container bcout (max-width: 600px){.bc-opts{grid-template-columns:repeat(2,minmax(0,1fr))}.bc-gallery-colors{grid-template-columns:minmax(0,1fr)}.bc-command-code{max-height:86px}.bc-gallery{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px}}@media(max-width:680px){.bc-stage{border-right:0;border-bottom:1px solid var(--line);padding:14px}.bc-canvas-wrap{min-height:0}#bcPreview{height:260px}#bcPreview[data-view=wall],#bcPreview[data-view=shield]{height:220px}.bc-side,.bc-out{padding:14px}.bc-picker{margin:0 -8px -8px;padding:10px 8px}.bc-layer .badge{display:none}.bc-swatches{grid-template-columns:repeat(8,minmax(0,32px));gap:6px}.bc-swatches-sm{grid-template-columns:repeat(8,minmax(0,28px))}.bc-pattern{width:34px}.bc-pattern canvas{width:26px;height:52px}.bc-pattern-grid{gap:5px}}@media(max-width:420px){.bc-layer-tools .btn-icon{width:26px}.bc-command-head{flex-wrap:wrap}.bc-out-tabs button{padding:0 6px;gap:4px}}@container bc (min-width: 1000px){.bc-editor{grid-template-columns:216px minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"stage side out"}.bc-out{border-top:0;border-left:1px solid var(--line);padding:16px 16px 18px}.bc-side{padding:16px 18px 18px;gap:14px}#bcPreview{height:330px}.bc-canvas-wrap{min-height:350px}.bc-pattern{width:28px;padding:2px}.bc-pattern canvas{width:24px;height:48px}.bc-pattern-grid{gap:4px}}@container bc (max-width: 679px){.bc-editor{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage" "side" "out"}}