.teslize-tint-native{display:none!important}
.teslize-tint-coverage,.teslize-tint-tone{--tt-accent:#f3d400;--tt-muted:#68666d;color:#202024;background:#fff;border:1px solid #e9e6de;border-radius:20px;overflow:hidden}
.teslize-tint-coverage{margin:22px 0 18px}
.tt-head{padding:24px 24px 10px}
.tt-kicker{display:block;margin:0 0 8px;color:#967000;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.tt-head h2{margin:0!important;color:#202024!important;font-size:clamp(23px,2.2vw,32px)!important;font-weight:700;line-height:1.15!important;letter-spacing:-.025em!important;text-transform:none!important}
.tt-head p{margin:9px 0 0;color:var(--tt-muted);font-size:14px;line-height:1.55}
.tt-coverage-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:8px 20px 22px}
.tt-board{min-width:0;align-self:start;background:#f6f5ef;border-radius:15px}
.tt-map{display:block;width:min(100%,510px);height:auto;margin:0 auto;overflow:visible}
.tt-zone{cursor:pointer;outline:none}
.tt-hit{fill:transparent;stroke:transparent;stroke-width:32;stroke-linejoin:round}
.tt-glass{fill:rgba(243,212,0,0);stroke:transparent;stroke-width:3;transition:fill .2s ease,stroke .2s ease}
.tt-zone:hover .tt-glass,.tt-zone:focus-visible .tt-glass{fill:rgba(255,255,255,.30);stroke:#b79b00}
.tt-zone.is-active .tt-glass{fill:rgba(243,212,0,.56);stroke:#c5a600}
.tt-leader{fill:none;stroke:#88898d;stroke-width:3}
.tt-dot{fill:#8b8a85}
.tt-map-label{fill:#64626a;font-family:inherit;font-size:52px;font-weight:600;letter-spacing:0}
.tt-zone.is-active .tt-leader,.tt-zone.is-active .tt-dot{stroke:#a38b00;fill:#a38b00}
.tt-zone.is-active .tt-leader{fill:none}
.tt-zone.is-active .tt-map-label,.tt-zone:hover .tt-map-label,.tt-zone:focus-visible .tt-map-label{fill:#202024}
.tt-legend{display:flex;justify-content:center;gap:18px;margin:8px 0;color:var(--tt-muted);font-size:12px}
.tt-legend span{display:flex;align-items:center;gap:7px}
.tt-legend i{width:10px;height:10px;border-radius:3px;background:var(--tt-accent)}
.tt-legend i.available{background:transparent;border:1px solid #646469}
.tt-reference{display:block;text-align:center;color:#77747a;font-size:11px}
.tt-choices{min-width:0}
.tt-options{display:grid;gap:9px}
.tt-option{display:flex;flex-direction:column;gap:5px;width:100%;padding:14px 16px;text-align:left;border:1px solid #e9e6de;border-radius:13px;color:#202024;background:#f7f6f2;cursor:pointer;transition:border-color .2s,background .2s}
.tt-option strong{font-size:14px;line-height:1.35;font-weight:650}
.tt-option span{color:#68666d;font-size:12px;line-height:1.45}
.tt-option[aria-pressed=true]{border-color:#e2c400;background:#fff7c7}
.tt-option:hover{border-color:#c7b870}
.tt-option:focus-visible,.tt-shades button:focus-visible,.tt-colors button:focus-visible{outline:2px solid var(--tt-accent);outline-offset:3px}
.tt-selection{margin:14px 0 0;padding-top:12px;border-top:1px solid #e6e3db;color:#68666d;font-size:13px;line-height:1.5}
.teslize-tint-tone{margin:0 0 54px}
.tt-tone-layout{display:grid;gap:24px;padding:10px 24px 26px}
.tt-stage{position:relative;aspect-ratio:1920/819;border-radius:15px;background:linear-gradient(180deg,#fcfbf8,#f0eee8);overflow:hidden}
.tt-profile,.tt-shade-layer{position:absolute;inset:3%;width:94%;height:94%;object-fit:contain;pointer-events:none}
.tt-profile{object-fit:fill;opacity:0;transition:opacity .28s ease}
.tt-profile.is-front{opacity:1}
.tt-shade-layer{z-index:2;fill:#030506}
.tt-shade-layer g{transition:opacity .24s ease}
.tt-stage-caption{position:absolute;left:13px;bottom:9px;z-index:3;color:#646168;font-size:10px;letter-spacing:.025em}
.tt-tone-controls{display:flex;flex-direction:column;gap:17px;min-width:0;align-self:center}
.tt-control-label{display:flex;justify-content:space-between;gap:10px;margin:0 0 9px;color:#68666d;font-size:11px;font-weight:700;letter-spacing:.045em;text-transform:uppercase}
.tt-control-label output{color:#202024;letter-spacing:0;text-transform:none}
.tt-shades{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:4px;border-radius:11px;background:#f0eee7}
.tt-shades button{min-height:37px;padding:0 4px;border:0;border-radius:8px;background:transparent;color:#202024;font-size:13px;font-weight:600;cursor:pointer}
.tt-shades button[aria-pressed=true]{color:#111;background:var(--tt-accent)}
.tt-colors{display:flex;gap:12px;flex-wrap:wrap;padding:3px}
.tt-colors button{position:relative;width:28px;height:28px;min-width:28px;padding:0;border:1px solid #6a6a70;border-radius:50%;background:var(--swatch);cursor:pointer}
.tt-colors button[aria-pressed=true]::after{position:absolute;inset:-5px;border:2px solid var(--tt-accent);border-radius:50%;content:""}
.tt-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:3px 0 0;border-radius:12px;background:#f5f3ec}
.tt-facts div{padding:11px 10px;border-left:1px solid #e2dfd5}
.tt-facts div:first-child{border:0}
.tt-facts dt{color:#706d73;font-size:11px;line-height:1.35}
.tt-facts dd{margin:5px 0 0;color:#202024;font-size:14px;font-weight:650}
.tt-use{margin:0;color:#363238;font-size:14px;line-height:1.5}
.tt-note{margin:0;color:#77747a;font-size:12px;line-height:1.55}
.tt-image-status{margin:0;color:#967000;font-size:12px}
.tt-image-status:empty{display:none}
@media(min-width:1000px){.tt-tone-layout{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:28px}.tt-stage{align-self:center}}
@media(min-width:1250px){.tt-coverage-layout{grid-template-columns:minmax(0,1fr) minmax(250px,1fr);align-items:center}}
@media(max-width:600px){.tt-head{padding:20px 17px 8px}.tt-head p{font-size:13px}.tt-coverage-layout{padding:5px 15px 19px}.tt-tone-layout{gap:20px;padding:8px 15px 22px}.tt-stage-caption{font-size:8px;left:8px;bottom:6px}.tt-shades button{font-size:12px;min-height:35px}.tt-colors{gap:13px}.tt-facts dt{font-size:10px}.tt-facts dd{font-size:13px}.teslize-tint-tone{margin-bottom:35px}}
@media(prefers-reduced-motion:reduce){.tt-profile,.tt-shade-layer g,.tt-glass,.tt-option{transition:none}}

.tt-shades button:disabled{opacity:.35;cursor:not-allowed}.teslize-tint-policy-note{padding:14px 16px;border:1px solid #ead985;border-radius:12px;background:#fff8cf;color:#554711;line-height:1.5}