.quartz-calc { clear:both; margin:28px 0; padding:0 0 20px; border-bottom:1px solid #ddd; color:#333; font:16px/1.6 "Microsoft YaHei",Arial,sans-serif; text-align:left; letter-spacing:0; }
.quartz-calc * { box-sizing:border-box; }
.quartz-calc [hidden] { display:none !important; }
.calculator-header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:12px; padding-bottom:12px; border-bottom:2px solid #027bc4; }
.quartz-calc #quartz-heading { min-width:0; margin:0; padding:0; border:0; font-size:20px; line-height:1.4; color:#027bc4; text-align:left; font-weight:bold; }
.calculator-reset, .modified-fiber-reset { flex:none; display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:36px; padding:6px 10px; border:1px solid #ccc; border-radius:3px; background:#fff; color:#666; font:14px/1.4 "Microsoft YaHei",Arial,sans-serif; cursor:pointer; }
.calculator-reset:hover, .modified-fiber-reset:hover { background:#f5f5f5; color:#333; }
.quartz-calc p { margin:0 0 16px; text-align:left; }
.quartz-density { color:#666; font-size:14px; }
.quartz-shapes { border:0; margin:0 0 20px; padding:0; }
.quartz-shapes legend { margin-bottom:8px; font-size:14px; }
.quartz-shapes label { display:inline-flex; align-items:center; margin:0 18px 6px 0; cursor:pointer; }
.quartz-shapes input { width:18px; height:18px; margin:0 7px 0 0; accent-color:#027bc4; }
.quartz-layout { display:flex; flex-direction:column; gap:20px; }
.quartz-inputs, .quartz-results { flex:auto; min-width:0; width:100%; }
.quartz-fields { min-width:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; align-content:start; }
.bundle-calc .quartz-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
.quartz-fields label { display:block; font-size:14px; }
.quartz-fields input { display:block; width:100%; height:44px; margin:6px 0 0; padding:8px 10px; border:1px solid #bbb; border-radius:3px; background:#fff; color:#333; font:16px/1.4 Arial,sans-serif; }
.quartz-calc input:focus, .quartz-calc button:focus-visible { outline:2px solid #027bc4; outline-offset:2px; }
.quartz-results { background:#f5f5f5; padding:18px; border:1px solid #ddd; }
.quartz-results dl { margin:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.quartz-results dl > div { min-width:0; padding:0; border:0; }
.quartz-results dl > div:not(:nth-child(3n+1)) { padding-left:24px; border-left:1px solid #ddd; }
.bundle-calc .quartz-results dl > div:nth-child(n+4) { padding-top:16px; border-top:1px solid #ddd; }
.quartz-results dt { font-size:14px; color:#666; }
.quartz-results dd { margin:0; min-height:42px; display:flex; align-items:baseline; flex-wrap:wrap; gap:6px; font-size:20px; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.quartz-results dd span { font-size:14px; color:#666; }
.quartz-results .quartz-total dd { font-size:26px; font-weight:bold; color:#027bc4; }
.quartz-calc .quartz-error { min-height:0; margin:0; color:#ad2929; font-size:14px; }
.quartz-calc .quartz-error:not(:empty) { margin-top:12px; }
.quartz-calc .quartz-note { margin:16px 0 0; color:#666; font-size:13px; }
.bundle-custom { display:flex; align-items:center; gap:8px; margin-top:18px; font-size:14px; cursor:pointer; }
.bundle-custom input { width:18px; height:18px; accent-color:#027bc4; }
.bundle-calc input[readonly] { background:#f5f5f5; color:#666; }
.calculator-field-error { display:block; color:#ad2929; font-size:13px; margin-top:4px; }
.calculator-field-error:empty { display:none; }
.quartz-calc input[aria-invalid=true] { border-color:#ad2929; }
@media (max-width:640px) {
  .quartz-calc { padding:20px 12px; margin:20px 0; }
  .quartz-fields, .bundle-calc .quartz-fields, .quartz-results dl { grid-template-columns:minmax(0,1fr); }
  .quartz-results dl { gap:12px; }
  .quartz-results dl > div:nth-child(n) { padding:0 0 12px; border:0; border-bottom:1px solid #ddd; }
  .quartz-results dl > div:last-child { padding-bottom:0; border-bottom:0; }
}