.cohesion-dynamics-2d{margin:2rem 0;padding:1.5rem;border:1px solid #e0e0e0;border-radius:8px;background:#f9f9f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.controls-section{margin-bottom:1.5rem}.control-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem;padding:1rem;background:#fff;border-radius:4px;border:1px solid #e0e0e0;align-items:flex-start}.control-row.scenario-control{background:#e3f2fd;border-left:3px solid #2196F3}.control-row.anisotropy-control{background:#fff3e0;border-left:3px solid #FF9800}.control-group{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap}.control-group label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500}.control-group input[type=number]{width:80px;padding:.4rem .6rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem}.control-group input[type=range]{cursor:pointer}.section-label{font-weight:600;color:#444;margin-right:.5rem}.scenario-description{flex:1;font-size:.85rem;color:#555;font-style:italic;padding-left:1rem}.anisotropy-value{min-width:40px;font-weight:600;color:#333}.weight-display{font-size:.85rem;color:#666;padding:.3rem .6rem;background:#f5f5f5;border-radius:3px}button{padding:.5rem 1rem;background:#06c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}button:hover:not(:disabled){background:#0052a3;transform:translateY(-1px);box-shadow:0 2px 4px #0003}button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}button.active{background:#ff9800}button.active:hover{background:#f57c00}select{padding:.4rem .6rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem;background:#fff;cursor:pointer}select:hover{border-color:#06c}.metrics{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;background:#fff;border-radius:4px;border:1px solid #e0e0e0;margin-bottom:1.5rem}.metric{display:flex;flex-direction:column;gap:.25rem}.metric-label{font-size:.85rem;color:#666;font-weight:500}.metric-value{font-size:1.25rem;font-weight:700;color:#333}.metric-value.closure{color:#4caf50}.metric-value.relaxable{color:#2196f3}.metric-value.scenario-badge{font-family:monospace;background:#e0e0e0;padding:.2rem .6rem;border-radius:3px;font-size:1rem}.visualization{margin:1.5rem 0;padding:2rem;background:#fff;border-radius:4px;border:1px solid #e0e0e0;display:flex;justify-content:center;overflow:auto}.grid-container{display:grid;grid-template-columns:repeat(var(--grid-size, 10),40px);grid-template-rows:repeat(var(--grid-size, 10),40px);border:2px solid #333;background:#fff;gap:0;line-height:0}.grid-cell{width:40px;height:40px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .15s;border:none;box-sizing:border-box;margin:0;padding:0}.grid-cell:hover{opacity:.8;transform:scale(1.05);z-index:10}.grid-cell.selected{outline:3px solid #FFC107;outline-offset:-3px;z-index:5}.grid-cell.pinned{outline:2px solid #4CAF50;outline-offset:-2px}.cell-value{font-size:1rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);pointer-events:none;z-index:1;line-height:1}.pin-icon{position:absolute;top:2px;right:2px;font-size:.7rem;pointer-events:none;z-index:2}.domain-wall-right{position:absolute;right:-1px;top:0;bottom:0;width:0;border-right:2px solid #666;pointer-events:none;z-index:3}.domain-wall-bottom{position:absolute;bottom:-1px;left:0;right:0;height:0;border-bottom:2px solid #666;pointer-events:none;z-index:3}.cell-info{margin:1.5rem 0;padding:1rem;background:#fff3cd;border:1px solid #ffc107;border-radius:4px}.cell-info h4{margin-top:0;color:#333}.cell-info p{margin:.5rem 0;line-height:1.6}.cell-info sub{font-size:.75em}.pinned-notice{background:#e8f5e9;padding:.5rem;border-radius:4px;border:1px solid #4caf50;color:#2e7d32;font-weight:500}.relaxation-flip{background:#4caf50;margin-top:.5rem}.relaxation-flip:hover{background:#45a049}.forbidden-flip{background:#f44336;margin-top:.5rem}.forbidden-flip:hover{background:#da190b}.explanation{margin-top:1.5rem;padding:1.5rem;background:#fff;border-radius:4px;border:1px solid #e0e0e0}.explanation h4{margin-top:0;color:#333;font-size:1.1rem}.explanation h5{margin-top:1rem;margin-bottom:.5rem;color:#555;font-size:1rem}.explanation p{margin:.5rem 0;line-height:1.6;color:#444}.explanation ul{margin:.5rem 0;padding-left:1.5rem;line-height:1.8}.explanation li{margin:.5rem 0;color:#444}.explanation strong{color:#333}.explanation em{color:#666;font-style:italic}.explanation sub{font-size:.75em}@media (max-width: 768px){.grid-container{grid-template-columns:repeat(var(--grid-size, 10),30px);grid-template-rows:repeat(var(--grid-size, 10),30px)}.grid-cell{width:30px;height:30px}.cell-value{font-size:.85rem}.metrics{flex-direction:column}.control-row{flex-direction:column;align-items:stretch}.scenario-description{padding-left:0;margin-top:.5rem}.control-group{width:100%}}