.ih{--ink:#203f36;--green:#28654f;max-width:1060px;color:var(--ink);margin:0 auto;padding:40px 24px 70px}.ih-heading{margin:4px 0 38px}.ih-kicker{letter-spacing:.22em;color:#587267;font-size:12px;font-weight:750}.ih h1{letter-spacing:-.04em;margin:14px 0;font-size:clamp(32px,5vw,54px);line-height:1.35}.ih h1 span{background:linear-gradient(#0000 73%,#f4db82 73%)}.ih-heading>p:last-child{color:#5c6e63;margin-top:20px;line-height:1.85}.ih-grid{grid-template-columns:300px 1fr;align-items:start;gap:28px;display:grid}.ih-input{background:#fff;border:1px solid #dce5dc;border-radius:20px;padding:24px}.ih-step{letter-spacing:.08em;margin-bottom:16px;font-size:12px;font-weight:700;display:block}.ih button,.ih-upload{cursor:pointer;color:var(--ink);font:inherit;background:#fff;border:1px solid #c9d6cb;border-radius:10px;min-height:44px;padding:12px 14px;font-weight:650}.ih-upload:focus-within{outline-offset:4px;outline:3px solid #bd941b}.ih button:focus-visible{outline-offset:4px;outline:3px solid #bd941b}.ih button:disabled{opacity:.5;cursor:wait}.ih-upload{background:var(--green);color:#fff;text-align:center;display:block;position:relative}.ih-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.ih-help,.ih-tip{color:#66736b;font-size:12px;line-height:1.8}.ih .ih-sample{width:100%;margin:8px 0 30px;font-size:13px}.ih-count{gap:8px;display:flex}.ih-count button{flex:1}.ih-count button[aria-pressed=true]{background:#f7df88;border-color:#d6bc64}.ih-local{border-top:1px dashed #d3dfd4;margin-top:28px;padding-top:22px;font-size:12px;line-height:1.85}.ih-local p{color:#637466;margin-bottom:0}.ih-result{background:#fffdf7;border:1px solid #e4e1d3;border-radius:22px;min-width:0;padding:24px;box-shadow:0 10px 30px #294c3610}.ih-result-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.ih-result h2{margin:0;font-size:17px}.ih-result-head span{letter-spacing:.14em;font-size:10px}.ih-photo{background:#f0eee7;border-radius:12px;justify-content:center;align-items:center;height:270px;display:flex;overflow:hidden}.ih-photo img{object-fit:contain;width:100%;height:100%}.ih-swatches{gap:5px;margin-top:20px;display:flex}.ih-swatches>div{text-align:center;flex:1;min-width:0}.ih-swatches button{border:0;border-radius:5px;width:100%;height:70px;padding:0}.ih-swatches code{-webkit-user-select:all;user-select:all;margin-top:8px;font-size:clamp(9px,1vw,12px);display:block}.ih-actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.ih-actions button{flex:1;font-size:13px}.ih .ih-primary{background:var(--green);color:#fff;border-color:var(--green)}.ih output{min-height:24px;margin-top:18px;display:block}.ih-error{color:#a42e24;background:#fff0ed;border-radius:8px;padding:14px}.ih-notes{border-top:1px solid #dce5dc;margin-top:36px;padding-top:28px;font-size:14px;line-height:1.95}.ih-notes h2{font-size:20px}.ih-notes h3{margin-bottom:5px;font-size:15px}.ih-notes a{color:#28654f;text-decoration:underline}@media (max-width:700px){.ih{padding:24px 16px 48px}.ih-grid{grid-template-columns:1fr;gap:18px}.ih-heading{margin-bottom:24px}.ih-input,.ih-result{padding:20px}.ih-local{margin-top:18px;padding-top:15px}.ih .ih-sample{margin-bottom:20px}.ih-photo{height:230px}.ih-swatches{gap:3px}.ih-swatches code{font-size:9px}.ih-actions{flex-direction:column}.ih h1{font-size:34px}.ih-swatches button{height:62px}}