.heraldry-editor{display:flex;flex-direction:column;gap:14px;flex:1 1 auto;min-height:0}.heraldry-editor-main{display:flex;gap:20px;align-items:flex-start}.heraldry-editor-preview{display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px;background:var(--panel-bg-strong);border:2px solid var(--panel-border);box-shadow:4px 4px #00000080}.heraldry-editor-randomize{background:var(--panel-bg-input);color:inherit;border:2px solid var(--panel-border);padding:4px 10px;font:inherit;font-size:.75rem;cursor:pointer}.heraldry-editor-randomize:hover{border-color:var(--panel-border-hover)}.heraldry-editor-controls{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:12px}.heraldry-editor-group{display:flex;flex-direction:column;gap:4px}.heraldry-editor-label{font-size:.85rem;color:var(--text-dim)}.heraldry-editor-row{display:flex;flex-wrap:wrap;gap:4px}.heraldry-editor-chip{background:var(--panel-bg-input);border:2px solid var(--panel-border);padding:4px;cursor:pointer;display:flex;align-items:flex-end;justify-content:center}.heraldry-editor-chip:hover{border-color:var(--panel-border-hover)}.heraldry-editor-chip-selected,.heraldry-editor-chip-selected:hover{background:var(--accent-bg);border-color:var(--accent)}.heraldry-editor-target{background:var(--panel-bg-input);color:inherit;border:2px solid var(--panel-border);padding:4px 10px;font:inherit;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:6px}.heraldry-editor-target-selected{background:var(--accent-bg);border-color:var(--accent)}.heraldry-editor-swatch{width:14px;height:14px;border:1px solid var(--panel-border)}.heraldry-editor-palette{display:flex;flex-direction:column;gap:2px}.heraldry-editor-palette-row{display:flex;gap:2px}.heraldry-editor-color{width:16px;height:16px;padding:0;border:1px solid var(--panel-border);cursor:pointer}.heraldry-editor-color-selected{border:2px solid var(--accent-light)}.heraldry-editor-icon-group{flex:1 1 auto;min-height:0}.heraldry-editor-icon-picker{display:flex;gap:10px;align-items:stretch;flex:1 1 auto;min-height:0}.heraldry-editor-icon-tabs{display:flex;flex-direction:column;gap:2px;border-right:2px solid var(--panel-border);padding-right:6px;flex-shrink:0}.heraldry-editor-icon-tab{background:transparent;color:var(--text-dim);border:2px solid transparent;border-radius:0;padding:6px 10px;font:inherit;font-size:11px;text-transform:uppercase;letter-spacing:.5px;text-align:left;cursor:pointer}.heraldry-editor-icon-tab:hover{color:var(--text)}.heraldry-editor-icon-tab-active{color:var(--text-strong);background:var(--panel-bg-soft);border-color:var(--panel-border)}.heraldry-editor-icons{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;align-content:flex-start;gap:4px;padding:2px;min-height:120px;overflow-y:auto}.heraldry-editor-icon{background:var(--panel-bg-input);color:inherit;border:2px solid var(--panel-border);padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.heraldry-editor-icon:hover{border-color:var(--panel-border-hover)}.heraldry-editor-icon img{display:block;image-rendering:pixelated}.formation-grid-wrap{display:flex;flex:0 1 auto;align-items:safe center;justify-content:safe center;overflow:auto;scrollbar-gutter:stable;min-height:0}.formation-grid-col{display:flex;flex-direction:column;gap:4px}.formation-section-labels{position:relative;height:18px}.formation-grid-stack{position:relative;flex:none}.formation-grid{position:relative;z-index:1;box-sizing:border-box;background-color:#080a1c73;background-image:linear-gradient(to right,var(--panel-border) 1px,transparent 1px),linear-gradient(to bottom,var(--panel-border) 1px,transparent 1px);border:1px solid var(--panel-border-hover);border-right:2px solid var(--accent)}.formation-grid-wrap.horizontal .formation-grid{border-right:1px solid var(--panel-border-hover);border-bottom:2px solid var(--accent)}.formation-grid-wrap.horizontal .formation-grid-col{flex-direction:row;align-items:stretch}.formation-grid-wrap.horizontal .formation-section-labels{width:64px;height:auto}.formation-section{position:absolute;pointer-events:none}.formation-grid-wrap:not(.horizontal) .formation-section{top:0;bottom:0;border-left:2px solid var(--panel-border-hover)}.formation-grid-wrap.horizontal .formation-section{left:0;right:0;border-top:2px solid var(--panel-border-hover)}.formation-grid-wrap:not(.horizontal) .formation-section.section-rear{border-left:none}.formation-grid-wrap.horizontal .formation-section.section-rear{border-top:none}.formation-section-label{position:absolute;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-strong);white-space:nowrap}.formation-grid-wrap:not(.horizontal) .formation-section-label{top:0;text-align:center}.formation-grid-wrap.horizontal .formation-section-label{right:4px;display:flex;align-items:center;justify-content:flex-end}.formation-edge-center{position:absolute;opacity:.7;pointer-events:none}.formation-grid-wrap:not(.horizontal) .formation-edge-center{left:0;right:0;border-top:1px dashed var(--accent)}.formation-grid-wrap.horizontal .formation-edge-center{top:0;bottom:0;border-left:1px dashed var(--accent)}.formation-edge-center span{position:absolute;left:4px;top:2px;font-size:9px;letter-spacing:.5px;text-transform:uppercase;color:var(--accent);white-space:nowrap}.formation-ship{position:absolute;display:flex;align-items:center;justify-content:center;cursor:grab;border:1px solid var(--panel-border-hover);background:var(--accent-bg-soft);box-sizing:border-box;touch-action:none}.formation-ship.selected{border:2px solid var(--text-strong);z-index:2}.formation-ship.dragging{cursor:grabbing;border-color:var(--text-strong);z-index:3}.formation-ship-surface{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.formation-ship-surface>*{pointer-events:none}.formation-select-box{position:absolute;z-index:4;pointer-events:none;border:1px solid var(--accent);background:var(--accent-bg-soft)}.formation-preview-visual{display:flex;flex-direction:column}.formation-preview-labels{position:relative;height:16px;flex:none;border-bottom:1px solid var(--panel-border)}.formation-preview-body{position:relative;flex:none;overflow:hidden}.formation-preview-grid{position:absolute;top:0;left:0;transform-origin:top left;background-color:#080a1c73;background-image:linear-gradient(to right,var(--panel-border) 1px,transparent 1px),linear-gradient(to bottom,var(--panel-border) 1px,transparent 1px);border:1px solid var(--panel-border)}.formation-preview-ship{position:absolute;display:flex;align-items:center;justify-content:center}.formation-preview-ship>*{pointer-events:none}.formation-preview-divider{position:absolute;top:0;bottom:0;width:0;border-left:1px solid var(--panel-border);pointer-events:none}.formation-preview-label{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text-dim);pointer-events:none}