.tile-estimator{--te-navy:#07364f;--te-blue:#0f5f8f;--te-green:#087057;--te-red:#d94141;--te-beige:#fffaf0;background:#fff;border:1px solid #dce8eb;border-radius:30px;padding:clamp(22px,4vw,42px);box-shadow:0 22px 55px rgba(7,54,79,.09);color:#14212b}.tile-estimator__intro{max-width:760px;margin-bottom:26px}.tile-estimator__kicker{margin:0 0 8px!important;color:var(--te-green)!important;font-size:12px;font-weight:900;letter-spacing:.15em}.tile-estimator__intro h2{margin:0 0 12px!important;color:var(--te-navy)!important;font-size:clamp(25px,4vw,36px)!important}.tile-estimator__intro>p:last-child{margin:0!important;color:#4f6571;line-height:1.85}.tile-estimator__settings{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.tile-estimator__settings label{display:grid;gap:8px}.tile-estimator__settings label>span{color:var(--te-navy);font-weight:900}.tile-estimator__settings select{width:100%;min-height:52px;border:1px solid #bfd0d5;border-radius:14px;background:#fff;padding:10px 40px 10px 14px;color:#243945;font-size:16px}.tile-estimator__workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);gap:24px;align-items:start}.tile-estimator__canvas-wrap{min-width:0}.tile-estimator__canvas{display:block;width:100%;aspect-ratio:1/1;border:2px solid #9db6bd;border-radius:18px;background:var(--te-beige);cursor:crosshair;touch-action:none}.tile-estimator__hint{margin:10px 0 0!important;color:#526975!important;font-size:13px;line-height:1.65}.tile-estimator__side{display:grid;gap:18px}.tile-estimator__controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tile-estimator__button{min-height:52px;border:0;border-radius:14px;padding:11px 12px;font-weight:900;font-size:14px;cursor:pointer;color:#fff;background:var(--te-blue)}.tile-estimator__button:disabled{cursor:not-allowed;opacity:.45}.tile-estimator__close{background:var(--te-green)}.tile-estimator__reset{grid-column:1/-1;background:#edf4f5;color:var(--te-navy);border:1px solid #bfd0d5}.tile-estimator__result{background:linear-gradient(145deg,var(--te-navy),#0f5f8f);border-radius:22px;padding:24px;color:#fff}.tile-estimator__result p{margin:0!important}.tile-estimator__result-label{color:#a8ecda!important;font-size:12px;font-weight:900;letter-spacing:.1em}.tile-estimator__area{font-size:clamp(23px,3vw,31px);font-weight:900;margin-top:10px!important}.tile-estimator__price{color:#e5f6fa!important;font-weight:800;line-height:1.7;margin-top:8px!important}.tile-estimator__contact{display:flex;align-items:center;justify-content:center;min-height:58px;border-radius:16px;padding:13px 18px;background:linear-gradient(135deg,#ffcf66,#ff9f43);color:#3d2407!important;text-decoration:none!important;font-weight:900;text-align:center;box-shadow:0 12px 26px rgba(255,159,67,.22)}.tile-estimator__notes{margin-top:26px;padding:22px 24px;border:1px solid #ead9b9;border-radius:20px;background:var(--te-beige)}.tile-estimator__notes h3{margin:0 0 10px!important;color:#5c3d13!important;font-size:18px!important}.tile-estimator__notes ul{list-style:none;margin:0!important;padding:0!important;color:#665942;font-size:13px;line-height:1.75}.tile-estimator__notes li{margin:4px 0!important}.tile-estimator button:focus-visible,.tile-estimator select:focus-visible,.tile-estimator a:focus-visible,.tile-estimator canvas:focus-visible{outline:3px solid #ffb14c;outline-offset:3px}
@media(max-width:820px){.tile-estimator__workspace{grid-template-columns:1fr}.tile-estimator__side{grid-template-columns:1fr 1fr}.tile-estimator__controls,.tile-estimator__notes{grid-column:1/-1}.tile-estimator__result,.tile-estimator__contact{height:100%}}
@media(max-width:560px){.tile-estimator{padding:20px 16px;border-radius:24px}.tile-estimator__settings,.tile-estimator__side{grid-template-columns:1fr}.tile-estimator__controls{grid-template-columns:1fr}.tile-estimator__button,.tile-estimator__reset{grid-column:auto;min-height:56px;font-size:15px}.tile-estimator__result,.tile-estimator__contact,.tile-estimator__notes{grid-column:1}.tile-estimator__notes{padding:18px}.tile-estimator__canvas{border-radius:14px}}