.jc-color-ideas{border-top:1px solid #edddcd;margin-top:19px;padding-top:17px}.jc-color-ideas-open{text-align:left;color:#9c491e;background:radial-gradient(at 0 0,#ffefd3,#0000 70%),linear-gradient(125deg,#fffcf5,#ffebd6);border:1px solid #edc69f;border-radius:17px;align-items:center;gap:13px;width:100%;padding:15px 18px;display:flex;box-shadow:0 4px 15px #a2612910}.jc-color-ideas-open>.jc-action-icon{flex:none}.jc-color-ideas-open strong{letter-spacing:-.3px;font-size:19px;font-weight:750;line-height:1.3;display:block}.jc-color-ideas-open small{font-size:var(--type-note-size);color:#97714f;margin-top:4px;font-weight:550;line-height:1.6;display:block}.jc-color-ideas-open>b{color:#b9602b;background:#fff;border:1px solid #deb28b;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;margin-left:auto;font-size:23px;display:grid;box-shadow:0 3px #e5c7ab}.jc-color-ideas-open[aria-expanded=true]>b{transform:rotate(90deg)}.jc-color-ideas [data-ideas-panel]{padding-top:22px}.jc-ideas-heading>span{font-size:var(--type-note-size);letter-spacing:1.5px;color:#ad6234;font-weight:750}.jc-ideas-heading h2{letter-spacing:-.7px;margin:10px 0;font-size:25px;font-weight:750;line-height:1.25}.jc-ideas-heading p{color:var(--text-ink,#000);font-size:14px;line-height:1.75}.jc-ideas-palettes{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:16px 0 10px;display:grid}.jc-ideas-palettes button{text-align:left;background:#fffcf7;border:1px solid #e6d6c7;border-radius:12px;padding:12px}.jc-ideas-palettes button[aria-pressed=true]{background:#fff0db;border-color:#ca7841;box-shadow:0 0 0 2px #efcaa0}.jc-ideas-palettes button>span{gap:4px;margin-bottom:8px;display:flex}.jc-ideas-palettes i{background:var(--swatch);border-radius:50%;width:21px;height:21px;box-shadow:inset 0 2px 2px #ffffffa0,inset 0 -2px 3px #38221328,0 1px 2px #5d3b1920}.jc-ideas-palettes strong{font-size:var(--type-note-size);color:#785238;font-weight:700}.jc-ideas-description{font-size:var(--type-note-size);color:#987250;margin:10px 0;font-weight:550;line-height:1.7}.jc-ideas-comparison{background:#fff;border:1px solid #e9d4bf;border-radius:16px;margin:16px 0;position:relative;overflow:hidden}.jc-ideas-comparison img{object-fit:contain;width:100%;height:auto;display:block}.jc-ideas-comparison canvas{width:100%;height:100%;clip-path:inset(0 calc(100% - var(--idea-split)) 0 0);position:absolute;inset:0}.jc-ideas-comparison input{opacity:0;cursor:ew-resize;touch-action:pan-y;z-index:3;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.jc-ideas-comparison:focus-within{outline-offset:3px;outline:3px solid #ad592c}.jc-ideas-divider{top:0;bottom:0;left:var(--idea-split);pointer-events:none;background:#f5b975;width:2px;position:absolute}.jc-ideas-divider b{color:#be622f;background:#fffaf1;border:1px solid #d8b590;border-radius:50%;place-items:center;width:40px;height:40px;font-size:22px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 12px #4a331c40}.jc-ideas-label{font-size:var(--type-note-size);pointer-events:none;color:#a46537;background:#fff8e8eb;border:1px solid #ead2b9;border-radius:6px;padding:5px 8px;font-weight:750;position:absolute;top:11px;left:11px}.jc-ideas-label.line-label{left:auto;right:11px}.jc-color-ideas [data-ideas-status]{font-size:var(--type-note-size);color:#8b6a4f;margin:12px 0;line-height:1.7}.jc-ideas-actions{flex-wrap:wrap;gap:7px;display:flex}.jc-ideas-actions button,.jc-ideas-actions a{font-size:var(--type-note-size);color:#9b5326;background:#fff9ee;border:1px solid #e6c9ae;border-radius:10px;align-items:center;gap:10px;min-height:40px;padding:10px 12px;font-weight:650;display:flex}.jc-ideas-actions a{color:#fff;background:#bc592e;border-color:#bc592e}.jc-ideas-note{font-size:var(--type-note-size);color:var(--text-ink,#000);margin:15px 0 0;line-height:1.75}@media (width<=600px){.jc-color-ideas-open{gap:9px;padding:14px}.jc-color-ideas-open strong{font-size:18px}.jc-color-ideas-open small{font-size:var(--type-note-size)}.jc-color-ideas-open>.jc-action-icon{width:40px}.jc-ideas-heading p{font-size:15px}.jc-ideas-palettes strong,.jc-ideas-note{font-size:var(--type-note-size)}}.jc-ideas-palettes{grid-auto-rows:1fr}.jc-ideas-palettes button{min-width:0;min-height:90px}.jc-ideas-palettes button>span{min-width:0}.jc-ideas-palettes i{aspect-ratio:1;background:var(--swatch,#e8ddd0);flex:1;min-width:0;max-width:21px;height:auto}.jc-ideas-palettes strong{line-height:1.4;display:block}.jc-ideas-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.jc-ideas-actions :is(button,a){justify-content:center;min-width:0;min-height:44px;line-height:1.5}.jc-ideas-actions>a{grid-column:1/-1;justify-content:space-between}.jc-color-ideas [hidden]{display:none!important}.jc-ideas-divider{left:clamp(20px,var(--idea-split),calc(100% - 20px))}.jc-ideas-palettes button:focus-visible,.jc-ideas-actions :is(button,a):focus-visible{outline-offset:3px;outline:3px solid #8b3b16}.jc-ideas-label,.jc-ideas-description,.jc-color-ideas [data-ideas-status]{color:#71482e}.jc-ideas-comparison input{-webkit-appearance:none;appearance:none;background:0 0;border:0}.jc-ideas-comparison input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:40px;height:44px}.jc-ideas-comparison input::-moz-range-thumb{border:0;width:40px;height:44px}
