.page-buildcreator .panel.main-panel{max-width:1200px;margin:0 auto}.bc-intro{color:var(--skin-text-muted);margin-bottom:18px;font-size:.85em;line-height:1.5}.bc-reset-btn{flex-shrink:0}.bc-layout{align-items:flex-start;gap:20px;display:flex}.bc-form-col{flex:1;min-width:0}.bc-preview-col{flex:0 0 380px;min-width:0}@media (max-width:1000px){.bc-layout{flex-direction:column}.bc-preview-col{flex:none;width:100%}}.bc-preview-sticky{background:var(--skin-card-bg);border:1px solid var(--skin-card-border);border-radius:12px;max-height:calc(100vh - 40px);padding:14px;position:sticky;top:20px;overflow-y:auto}.bc-class-banner{height:100px;margin-top:4px}.bc-field{margin-bottom:12px}.bc-field label{color:var(--skin-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.72em;font-weight:700;display:block}.bc-field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:600px){.bc-field-row{grid-template-columns:1fr}}.bc-divine-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.bc-input,.bc-textarea{border:2px solid var(--skin-content-border);background:var(--skin-content-bg);width:100%;color:var(--skin-content-text);border-radius:8px;padding:8px 10px;font-family:inherit;font-size:.85em}.bc-input:focus,.bc-textarea:focus{border-color:var(--skin-accent-text);outline:none}.bc-textarea{resize:vertical;margin-bottom:6px}.bc-note{color:var(--skin-text-muted);margin-bottom:8px;font-size:.78em;line-height:1.4}.bc-workflow-hint{background:var(--skin-card-bg);border-left:3px solid var(--skin-accent-text);border-radius:8px;margin-top:10px;padding:10px 12px}.bc-kv-editor{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.bc-kv-row,.bc-pet-row,.bc-card-row{align-items:center;gap:6px;display:flex}.bc-card-row{align-items:flex-start}.bc-kv-key{flex:0 0 130px}.bc-kv-val{flex:1;min-width:0}.bc-card-row .bc-card-slot{flex:0 0 130px}.bc-card-combos-col{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.bc-card-combos-col .bc-textarea{margin-bottom:0}.bc-card-quickpick{padding:5px 8px;font-size:.78em}.bc-card-row .bc-card-note{flex:0 0 160px}.bc-row-remove{background:var(--skin-card-bg-active);width:26px;height:26px;color:var(--skin-content-text);border-radius:6px;flex-shrink:0;padding:0;font-size:1em;line-height:1}.bc-row-remove:hover{color:#fff;background:#e74c3c}.bc-add-btn{align-self:flex-start;padding:6px 12px;font-size:.8em}.bc-spacer{height:10px}.bc-subsection-title{color:var(--skin-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;font-size:.75em;font-weight:700}.bc-stats-grid{grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:12px;display:grid}@media (max-width:700px){.bc-stats-grid{grid-template-columns:repeat(3,1fr)}}.bc-stat-field label{text-align:center;color:var(--skin-accent-text);margin-bottom:4px;font-size:.72em;font-weight:800;display:block}.bc-stat-field .bc-input{text-align:center;padding:8px 4px}.bc-combo-editor{flex-direction:column;gap:8px;display:flex}.bc-combo-palette{background:var(--skin-card-bg);border-radius:10px;flex-wrap:wrap;gap:6px;padding:8px;display:flex}.bc-combo-palette-btn{background:var(--skin-content-bg);border-radius:6px;width:34px;height:34px;padding:0}.bc-combo-palette-btn:hover{background:var(--skin-card-bg-hover)}.bc-combo-palette-btn .skill-tile-icon-wrap{border-radius:6px;width:100%;height:100%}.bc-combo-item-name{min-width:0;color:var(--skin-content-text);flex:1;font-size:.82em;font-weight:600}.bc-skill-combo-row .skill-tile-icon-wrap{border-radius:6px;flex-shrink:0;width:30px;height:30px}.bc-skill-combo-icon-empty{flex-shrink:0;width:30px;height:30px}.bc-pet-block{flex-direction:column;gap:6px;display:flex}.bc-pet-current{background:var(--skin-card-bg);min-width:0;color:var(--skin-content-text);text-align:left;border-radius:24px;flex:1;align-items:center;gap:8px;padding:4px 10px 4px 4px;font-size:.82em;font-weight:600;display:flex}.bc-pet-current:hover{background:var(--skin-card-bg-hover)}.bc-pet-current .guide-pet-icon{flex-shrink:0;width:34px;height:34px}.bc-pet-alt-toggle{background:var(--skin-content-bg);color:var(--skin-text-muted);border-radius:10px;margin-top:2px;padding:2px 8px;font-size:.62em;font-weight:700}.bc-pet-alt-toggle.active{background:var(--skin-active-2);color:var(--skin-active-text)}.bc-feather-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.bc-feather-icon-wrap img{object-fit:contain;width:100%;height:100%}.bc-feather-statue-group{margin-bottom:14px}.bc-feather-statue-group:last-of-type{margin-bottom:0}.bc-feather-statue-title{color:var(--skin-accent-text);text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;font-size:.75em;font-weight:700}.bc-feather-option-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;display:grid}.bc-feather-option{background:var(--skin-card-bg);text-align:center;border:2px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;display:flex;position:relative}.bc-feather-option:hover:not(:disabled){background:var(--skin-card-bg-hover)}.bc-feather-option.selected{border-color:var(--skin-active-2);background:var(--skin-card-bg-active)}.bc-feather-option:disabled{opacity:.4}.bc-feather-option-name{color:var(--skin-content-text);font-size:.66em;font-weight:600;line-height:1.2}.bc-feather-order-badge{background:var(--skin-active-2);width:15px;height:15px;color:var(--skin-active-text);border-radius:50%;justify-content:center;align-items:center;font-size:.62em;font-weight:800;display:flex;position:absolute;top:2px;left:2px}.bc-feather-grade-dot{border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 1px #00000026}.bc-feather-grade-dot.grade-blue{background:#75c4f5}.bc-feather-grade-dot.grade-purple{background:#9392ed}.bc-feather-grade-dot.grade-orange{background:#f0b85d}.bc-season-toggle{gap:6px;display:flex}.bc-season-toggle button{background:var(--skin-content-bg);color:var(--skin-text-muted);border-radius:8px;flex:none;padding:6px 14px;font-size:.82em;font-weight:700}.bc-season-toggle button.active{background:var(--skin-active-2);color:var(--skin-active-text)}.bc-divine-picker-panel{background:var(--skin-card-bg);border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex}.bc-divine-empty{color:var(--skin-text-muted);font-size:.78em}.bc-divine-base-block{flex-direction:column;gap:6px;display:flex}.bc-divine-base-btn{background:var(--skin-content-bg);color:var(--skin-content-text);text-align:left;border-radius:20px;align-items:center;gap:8px;padding:4px 10px 4px 4px;font-size:.8em;font-weight:600;display:flex}.bc-divine-base-btn:hover,.bc-divine-base-btn.expanded{background:var(--skin-card-bg-hover)}.bc-divine-base-icon{flex-shrink:0;width:28px;height:28px}.bc-divine-base-icon img{object-fit:contain;width:100%;height:100%}.bc-divine-current-icon{width:34px;height:34px}.bc-divine-set-options{flex-wrap:wrap;gap:6px;padding-left:8px;display:flex}.bc-divine-set-chip{background:var(--skin-content-bg);color:var(--skin-content-text);border-radius:14px;padding:4px 10px;font-size:.74em;font-weight:600}.bc-divine-set-chip:hover{background:var(--skin-card-bg-hover)}.bc-divine-set-chip.selected{background:var(--skin-active-2);color:var(--skin-active-text)}.bc-block{background:var(--skin-card-bg);border:1px solid var(--skin-card-border);border-radius:12px;margin-bottom:16px;padding:16px 18px;box-shadow:0 3px 10px #0000000f}.bc-block-title{color:var(--skin-accent-text);align-items:center;gap:8px;margin-bottom:12px;font-size:1em;font-weight:800;display:flex}.bc-block-step{background:var(--skin-active-2);width:22px;height:22px;color:var(--skin-active-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.72em;font-weight:800;display:inline-flex}.bc-block.locked{opacity:.6}.bc-block-locked-msg{color:var(--skin-text-muted);align-items:center;gap:8px;font-size:.85em;font-weight:600;display:flex}.bc-export-row{gap:10px;display:flex}.bc-accessory-row{align-items:flex-start;gap:6px;display:flex}.bc-accessory-row .bc-kv-key{flex:0 0 130px}.bc-accessory-row .bc-pet-block{flex:1;min-width:0}.bc-accessory-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;max-height:260px;display:grid;overflow-y:auto}
