.tool-main{flex-direction:column;flex:1;width:100%;max-width:100%;padding:0;display:flex;overflow:hidden}.tool-header{border-bottom:1px solid var(--color-border);background-color:var(--color-surface-raised);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.5rem 2rem;display:flex}.tool-header__title{flex-direction:column;gap:.25rem;display:flex}.tool-title{color:var(--color-text-title);margin:0;font-size:1.3rem;font-weight:700}.tool-subtitle{color:var(--color-text-muted);margin:0;font-size:.85rem}.bc-layout{flex:1;min-height:0;display:flex;overflow:hidden}.bc-controls{border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;gap:1.25rem;width:340px;min-width:280px;padding:1.5rem;display:flex;overflow-y:auto}.bc-preview{background-color:var(--color-bg);flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;padding:2rem;display:flex;overflow:auto}.bc-field{flex-direction:column;gap:.35rem;display:flex}.bc-field label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.bc-field input[type=text],.bc-field input[type=number],.bc-field textarea,.bc-field select{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:6px;outline:none;padding:.55rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .15s}.bc-field input[type=text]:focus,.bc-field input[type=number]:focus,.bc-field textarea:focus,.bc-field select:focus{border-color:var(--color-accent)}.bc-field textarea{resize:vertical;min-height:80px;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.8rem}.bc-field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236a6a6a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;padding-right:2rem}.bc-field__hint{color:var(--color-text-muted);margin:0;font-size:.75rem}.bc-row{gap:.75rem;display:flex}.bc-row .bc-field{flex:1;min-width:0}.bc-color-row{align-items:center;gap:.5rem;display:flex}.bc-color-row input[type=color]{border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;width:32px;height:32px;padding:2px}.bc-color-row input[type=text]{flex:1;min-width:0}.bc-check{align-items:center;gap:.5rem;display:flex}.bc-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-accent);cursor:pointer;flex-shrink:0}.bc-check label{color:var(--color-text-primary);text-transform:none;letter-spacing:normal;cursor:pointer;font-size:.85rem;font-weight:500}.bc-preview__empty{color:var(--color-text-muted);text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.bc-preview__empty .lucide{opacity:.35}.bc-preview__empty p{margin:0;font-size:.9rem}.bc-preview__canvas-wrap{flex-direction:column;align-items:center;gap:1.25rem;max-width:100%;display:flex}.bc-preview__canvas-wrap canvas{border-radius:6px;max-width:100%;height:auto}.bc-preview__svg-wrap{display:none}.bc-preview__info{color:var(--color-text-muted);text-align:center;margin:0;font-size:.8rem}.bc-download-row{flex-wrap:wrap;gap:.5rem;display:flex}.bc-error{color:#f87171;background:#dc26261a;border:1px solid #dc26264d;border-radius:6px;padding:.65rem .85rem;font-size:.82rem;display:none}.bc-error.visible{display:block}.bc-format-info{color:var(--color-text-muted);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:6px;margin:0;padding:.6rem .75rem;font-size:.78rem;line-height:1.5}@media (width<=768px){.bc-layout{flex-direction:column}.bc-controls{border-right:none;border-bottom:1px solid var(--color-border);width:100%;min-width:0;max-height:50vh}.bc-preview{min-height:300px;padding:1.5rem}}