@import url('../assets/css/maple-calculators.css?v=20260821');
.union-page button.union-cell{background:#dfe8ee!important}
.union-page button.union-cell.outer{background:#e8eef7!important}
.union-page button.union-cell.outer.center{background:#d8eee8!important;box-shadow:inset 0 0 0 1px #78bcae}
.union-page button.union-cell.filled.green{background:#0e927d!important}
.union-page button.union-cell.filled.blue{background:#4776cf!important}
.union-page button.union-cell.filled.gold{background:#dda51d!important}
.union-page button.union-cell.filled.rose{background:#c75d71!important}
.union-page button.union-cell.filled.violet{background:#7b63c7!important}
.union-page .union-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px}.union-page .union-controls{display:grid;align-content:start;gap:13px}.union-page .control-label{display:block;margin-bottom:7px;color:#26354a;font-size:12px;font-weight:700}.union-page .transform-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.union-page .transform-buttons button{min-height:40px;padding:8px}.union-page .mc-actions.vertical{grid-template-columns:1fr}.union-page .board-status{margin:0;padding:11px;border-radius:7px;background:#eef7f4;color:#3f6e65;font-size:11px;line-height:1.6}.union-page .board-status.error{background:#fff0ee;color:#b14d42}.union-page .board-scroll{min-width:0;overflow:auto}.union-page .union-board{--cell:25px;display:grid;grid-template-columns:repeat(16,var(--cell));grid-template-rows:repeat(16,var(--cell));width:max-content;padding:6px;border:1px solid #cfdce5;border-radius:8px;background:#edf2f6}.union-page .union-cell{position:relative;width:var(--cell);height:var(--cell);min-height:0;padding:0;border:1px solid rgba(255,255,255,.85);border-radius:2px;background:#dfe8ee;color:transparent}.union-page .union-cell:hover{z-index:2;outline:2px solid #087f6d}.union-page .union-cell.center{background:#d8eee8}.union-page .union-cell.outer{background:#e8eef7}.union-page .union-cell[data-effect]::after{content:'';position:absolute;inset:8px;border-radius:50%;background:rgba(69,91,121,.22)}.union-page .union-cell.filled::after{display:none}.union-page .union-cell.filled{border-color:rgba(255,255,255,.35);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.union-page .union-cell.green,.union-page .preview-cell.green{background:#0e927d}.union-page .union-cell.blue,.union-page .preview-cell.blue{background:#4776cf}.union-page .union-cell.gold,.union-page .preview-cell.gold{background:#dda51d}.union-page .union-cell.rose,.union-page .preview-cell.rose{background:#c75d71}.union-page .union-cell.violet,.union-page .preview-cell.violet{background:#7b63c7}.union-page .block-preview{display:grid;grid-template-columns:repeat(5,18px);grid-template-rows:repeat(5,18px);place-content:center;width:112px;height:112px;border:1px solid #d8e3ea;border-radius:8px;background:#f7fafb}.union-page .preview-cell{width:16px;height:16px;border-radius:3px}.union-page .board-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;color:#6e7d90;font-size:10px}.union-page .board-legend span{display:flex;align-items:center;gap:5px}.union-page .board-legend i{width:12px;height:12px;border-radius:3px}.union-page .legend-center{background:#d8eee8}.union-page .legend-outer{background:#e8eef7}.union-page .legend-block{background:#0e927d}.union-page .effect-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:15px 0}.union-page .effect-card{padding:12px;border:1px solid #dbe5ec;border-radius:7px;background:#f8fafc}.union-page .effect-card span,.union-page .effect-card strong{display:block}.union-page .effect-card span{color:#75859a;font-size:10px}.union-page .effect-card strong{margin-top:5px;color:#26354a;font-size:13px}@media(max-width:900px){.union-page .union-layout{grid-template-columns:1fr}.union-page .union-controls{grid-template-columns:1fr 1fr}.union-page .union-controls>div,.union-page .union-controls>.board-status{grid-column:auto}.union-page .effect-summary{grid-template-columns:1fr 1fr}}@media(max-width:520px){.union-page .union-controls{grid-template-columns:1fr}.union-page .union-board{--cell:23px}.union-page .board-scroll{margin:0 -4px}.union-page .effect-summary{grid-template-columns:1fr 1fr}}