.calculator-container{max-width:600px;margin:20px auto;padding:20px;background-color:#f5f5f5;border-radius:10px;box-shadow:0 0 10px rgb(0 0 0 / .1);margin-bottom:40px}.calculator-form{background-color:#fff;padding:20px;border-radius:8px}.form-group{margin-bottom:15px}.form-control{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.unit-group{display:flex;gap:15px;margin-top:5px}.calculate-btn{background-color:#4CAF50;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;width:100%;font-size:16px}.calculate-btn:hover{background-color:#45a049}.hidden{display:none!important}.spacing-grid{display:grid;gap:4px;padding:10px;background-color:#e8f5e9;border-radius:4px;margin:15px 0}.grid-cell{aspect-ratio:1;border-radius:3px;transition:transform 0.2s}[data-pattern="square"] .grid-cell{background-color:#81c784}[data-pattern="triangular"] .grid-cell{background-color:#64b5f6;border-radius:50%}.grid-cell:hover{transform:scale(1.2);z-index:1}.print-btn{background-color:#2196F3;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;width:100%;margin-top:10px}.print-btn:hover{background-color:#1976D2}.hint{color:#666;font-size:.9em;display:block;margin-top:4px}.pattern-info{color:#2e7d32;padding:10px;margin:10px 0;background-color:#f1f8e9;border-radius:4px}.pattern-info strong{color:#1b5e20}