.tint-simulator{padding:118px 0;background:#f5f5f7;scroll-margin-top:96px}
.tint-simulator-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(370px,.92fr);gap:18px;min-width:0;padding:18px;border:1px solid #e1e1e4;border-radius:30px;background:#fff;box-shadow:0 14px 34px #00000008}
.tint-simulator-workspace{position:relative;align-self:start;display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0;border-radius:22px;background:#e8eee8}
.tint-simulator-photo{position:relative;flex:none;aspect-ratio:3/2;overflow:hidden;isolation:isolate}.tint-simulator-photo>img{display:block;width:100%;height:100%;object-fit:cover}
.tint-simulator-overlay{position:absolute;z-index:1;inset:0;background:var(--tint,#dbd9d2);mix-blend-mode:multiply;opacity:.86;clip-path:polygon(17.7% 7.2%,83.5% 7.2%,83.5% 70.8%,17.7% 70.8%);transition:background .22s ease,opacity .22s ease,clip-path .32s ease}.tint-simulator-photo.show-original .tint-simulator-overlay{opacity:0}
.tint-photo-caption{position:absolute;z-index:2;left:19px;bottom:19px;margin:0;padding:8px 10px;border-radius:999px;background:#ffffffdf;color:#2b382e;font-size:.7rem;font-weight:720}
.tint-photo-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 18px;background:#f1f6f1}.tint-photo-controls small{color:#617066;font-size:.72rem;line-height:1.3}.tint-original-toggle{border:1px solid #c9d8cc;border-radius:999px;background:#fff;padding:9px 12px;color:#165f3c;font:700 .7rem/1 var(--sans);cursor:pointer}
.tint-room-picker{padding:13px 16px 16px;background:#f8faf8;border-top:1px solid #e3ebe3}.tint-room-picker p{margin:0 0 9px;color:#5b695e;font-size:.65rem;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.tint-room-picker>div{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.tint-room{position:relative;min-height:56px;padding:0;overflow:hidden;border:2px solid transparent;border-radius:10px;background:#dfe5df;cursor:pointer}.tint-room img{display:block;width:100%;height:56px;object-fit:cover}.tint-room span{position:absolute;right:4px;bottom:4px;left:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 4px;border-radius:4px;background:#ffffffe6;color:#263329;font-size:.55rem;font-weight:730;text-align:center}.tint-room:hover,.tint-room:focus-visible{outline:none;border-color:#94c9aa}.tint-room.is-active{border-color:#087c42;box-shadow:0 0 0 2px #087c421f}
.tint-simulator-main{min-width:0;padding:20px 16px 16px}.tint-simulator-main h2{max-width:530px;margin:0;font:700 clamp(2.7rem,4.4vw,4.85rem)/.93 var(--display);letter-spacing:-.075em}.tint-simulator-main>p:not(.eyebrow){max-width:500px;margin:15px 0 23px;color:var(--muted);line-height:1.5}
.tint-search{display:grid;gap:8px;color:#185e40;font-size:.78rem;font-weight:740;letter-spacing:.055em;text-transform:uppercase}.tint-search input{width:100%;height:53px;padding:0 16px;border:1px solid #d4d4d8;border-radius:15px;background:#fff;color:var(--ink);font:500 1rem/1.2 var(--sans);letter-spacing:-.02em;outline:none;text-transform:none}.tint-search input:focus{border-color:var(--green);box-shadow:0 0 0 4px #087c4218}
.tint-family-block{margin-top:18px}.tint-family-block>p{margin:0 0 9px!important;color:#185e40!important;font-size:.72rem!important;font-weight:740!important;letter-spacing:.055em;text-transform:uppercase}.tint-color-families{display:flex;gap:7px;overflow-x:auto;padding:1px 1px 8px;scrollbar-width:thin}.tint-family{display:flex;align-items:center;gap:7px;flex:none;min-height:35px;padding:0 11px;border:1px solid #dedee2;border-radius:999px;background:#f7f7f8;color:#4b4b50;font:650 .7rem/1 var(--sans);cursor:pointer;white-space:nowrap;transition:border-color .18s,background .18s,color .18s,transform .18s}.tint-family i{display:block;width:12px;height:12px;border:1px solid #00000018;border-radius:50%;background:var(--family-color)}.tint-family:hover,.tint-family:focus-visible{outline:0;transform:translateY(-1px);border-color:#92bd9e;background:#fff}.tint-family.is-active{border-color:#087c42;background:#087c42;color:#fff}.tint-family.is-active i{border-color:#fff8}
.tint-palette-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:12px 0 5px}.tint-palette-head strong{font-size:.92rem;letter-spacing:-.02em}.tint-palette-head span,.tint-palette-status{color:#6e6e73;font-size:.72rem}.tint-palette-status{min-height:19px;margin:0 0 13px}
.tint-swatches{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px}.tint-swatch{position:relative;aspect-ratio:1;border:2px solid transparent;border-radius:9px;background:var(--swatch);cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.tint-swatch:hover,.tint-swatch:focus-visible{z-index:1;outline:none;transform:scale(1.1);border-color:#fff;box-shadow:0 0 0 2px var(--ink)}.tint-swatch.is-active{border-color:#fff;box-shadow:0 0 0 3px var(--green)}.tint-swatch span{position:absolute;z-index:3;left:50%;bottom:calc(100% + 8px);display:none;transform:translateX(-50%);padding:5px 7px;border-radius:6px;background:#1d1d1f;color:#fff;font-size:.64rem;white-space:nowrap}.tint-swatch:hover span,.tint-swatch:focus-visible span{display:block}
.tint-selected{display:flex;align-items:center;gap:12px;margin-top:18px;padding:14px;border-radius:16px;background:#edf7ef}.tint-current-chip{display:block;flex:none;width:41px;height:41px;border:2px solid #fff;border-radius:50%;background:var(--tint,#d5d9d4);box-shadow:0 4px 13px #17311a26}.tint-selected small{display:block;color:#5b695e;font-size:.67rem;font-weight:720;letter-spacing:.08em;text-transform:uppercase}.tint-selected strong{display:block;margin-top:3px;font-size:1.08rem;letter-spacing:-.04em}.tint-simulator-error{padding:18px;border-radius:14px;background:#fff4f2;color:#a3422f;line-height:1.5}
@media(max-width:900px){.tint-simulator{padding:84px 0}.tint-simulator-shell{grid-template-columns:minmax(0,1fr)}.tint-simulator-workspace{min-width:0;min-height:0}.tint-simulator-main{min-width:0;padding:24px}.tint-color-families{max-width:100%;min-width:0}}
@media(max-width:560px){.tint-simulator-shell{width:calc(100% - 34px);padding:10px;border-radius:22px}.tint-simulator-workspace{min-height:0;border-radius:16px}.tint-simulator-main{padding:18px 12px}.tint-simulator-main h2{font-size:2.8rem}.tint-swatches{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.tint-color-families{margin-right:-2px}.tint-family{min-height:34px;padding:0 10px}.tint-photo-controls{padding:13px}.tint-photo-controls small{max-width:145px}.tint-room-picker{padding:11px}.tint-room-picker>div{gap:5px}.tint-room{min-height:48px}.tint-room img{height:48px}.tint-room span{display:none}.tint-swatch span{display:none!important}}