.aspect-calculator{width:100%;max-width:1100px;margin:40px auto!important;padding:24px;background:#fff;border:1px solid #d4d4d4;border-radius:8px;box-shadow:0 4px 16px rgb(0 0 0 / .07)}.calculator-heading{margin-bottom:7px;font-size:32px;font-weight:700;text-align:center}.calculator-description{margin-bottom:24px;color:#6c757d;font-size:14px;text-align:center;line-height:1.6}.section-title{margin-bottom:16px;font-size:17px;font-weight:700}.form-label{font-size:14px;font-weight:600}.form-control,.form-select{min-height:43px;border-color:#ced4da;border-radius:5px}.form-control:focus,.form-select:focus{border-color:#0d6efd;box-shadow:0 0 0 .2rem rgb(13 110 253 / .15)}.aspect-calculator .btn-primary{background-color:#0d6efd;border-color:#0d6efd;color:#fff}.aspect-calculator .btn-primary:hover{background-color:#0b5ed7;border-color:#0a58ca}.action-btn{min-height:43px;border-radius:5px;font-size:14px;font-weight:600}.ratio-result{padding:18px;margin-bottom:20px;background:#eef4ff;border:1px solid #cfe0ff;border-radius:7px;text-align:center}.ratio-number{margin:5px 0;color:#0d6efd;font-size:38px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}.ratio-caption{color:#6c757d;font-size:13px}.preview-box{display:flex;align-items:center;justify-content:center;min-height:260px;padding:20px;background:#f1f3f5;border:1px solid #dee2e6;border-radius:7px;overflow:hidden}.ratio-preview{display:flex;align-items:center;justify-content:center;flex-shrink:0;max-width:100%;max-height:220px;background:linear-gradient(135deg,#0d6efd,#3d8bfd);border:2px solid #0a58ca;border-radius:3px;color:#fff;transition:width 0.15s,height 0.15s}.ratio-preview span{padding:6px;font-size:15px;font-weight:700;text-align:center;overflow-wrap:anywhere}.preview-caption{margin-top:10px;color:#6c757d;font-size:12px;text-align:center}.preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.preset-btn{min-height:48px;padding:7px;background:#fff;border:1px solid #ced4da;border-radius:5px;color:#343a40;font-size:13px;text-align:center;cursor:pointer;transition:0.15s}.preset-btn:hover,.preset-btn.active{background:#eef4ff;border-color:#0d6efd;color:#0d6efd}.preset-btn strong{display:block;font-size:15px}.result-details{padding:13px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px}.detail-line{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #e9ecef;font-size:14px}.detail-line:last-child{border-bottom:none}.detail-line span:last-child{font-weight:600;text-align:right;overflow-wrap:anywhere}.help-text{color:#6c757d;font-size:12px;line-height:1.5}.error-message{display:none;margin-top:12px;color:#dc3545;font-size:13px}@media (max-width:575px){body{padding:12px 8px}.aspect-calculator{padding:16px}.calculator-heading{font-size:23px}.ratio-number{font-size:32px}.preview-box{min-height:200px;padding:12px}.ratio-preview{max-height:165px}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.input-group .action-btn{padding-right:9px;padding-left:9px}}