.renk-sec{background:var(--paper);padding:100px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .6s var(--ease)}body[data-mode=night] .renk-sec{background:#15110c;border-color:#2d2618}.renk-inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--gutter)}.renk-head{max-width:720px;margin-bottom:48px}.renk-head .mono{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--clay);margin-bottom:14px;display:inline-flex;align-items:center;gap:8px}body[data-mode=night] .renk-head .mono{color:var(--amber)}.renk-head .mono .badge{background:var(--ink);color:var(--paper);padding:3px 8px;border-radius:4px;font-size:9px;letter-spacing:.15em}body[data-mode=night] .renk-head .mono .badge{background:var(--amber);color:var(--ink)}.renk-sec .renk-head h2{font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.025em;margin-bottom:40px}.renk-head h2 em{font-style:italic;color:var(--clay)}body[data-mode=night] .renk-head h2 em{color:var(--amber)}.renk-head p{font-size:17px;color:var(--ink-soft);line-height:1.55;max-width:600px}body[data-mode=night] .renk-head p{color:#b9a98c}.renk-sec.is-panel{border-top:0;border-bottom:0;padding:56px 0}.renk-sec.is-panel .renk-inner{position:relative;border:1px solid var(--line);border-radius:var(--radius);padding:48px;background:var(--paper-2)}body[data-mode=night] .renk-sec.is-panel .renk-inner{border-color:#2d2618;background:#1a1510}.renk-collapse-btn{position:absolute;top:0;right:0;z-index:2;display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:8px 12px;border-radius:999px;background:var(--paper);color:var(--ink-soft);border:1px solid var(--line);cursor:pointer;transition:background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease)}.renk-collapse-btn:hover{color:var(--clay);border-color:color-mix(in oklab,var(--clay) 40%,var(--line))}.renk-collapse-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--clay)}.renk-collapse-cv{transition:transform .3s var(--ease)}.renk-sec.is-collapsed .renk-collapse-cv{transform:rotate(-90deg)}body[data-mode=night] .renk-collapse-btn{background:#221c13;color:#b9a98c;border-color:#2d2618}body[data-mode=night] .renk-collapse-btn:hover{color:var(--amber);border-color:color-mix(in oklab,var(--amber) 40%,#3A3224)}.renk-sec.is-panel .renk-collapse-btn{top:40px;right:40px}.renk-collapse-wrap{display:grid;grid-template-rows:1fr;transition:grid-template-rows .35s var(--ease),opacity .3s var(--ease);opacity:1}.renk-collapse-wrap>*{min-height:0}.renk-sec.is-collapsed .renk-collapse-wrap{grid-template-rows:0fr;opacity:0;pointer-events:none}.renk-sec.is-collapsed .renk-collapse-wrap>*{overflow:hidden}.renk-sec.is-collapsible .renk-head{padding-right:110px}.renk-grid{display:grid;grid-template-columns:480px 1fr;gap:40px;align-items:start}.renk-up{background:var(--paper-2);border:1px solid var(--input-border);border-radius:var(--radius-lg);padding:28px;transition:all .3s var(--ease)}body[data-mode=night] .renk-up{background:#221c13;border-color:#2d2618}.renk-up-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.renk-up-head .t{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}.renk-up-head .pantone{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--clay);padding:4px 8px;background:#c86b4a14;border-radius:4px}body[data-mode=night] .renk-up-head .pantone{color:var(--amber);background:#d4a24c1a}.renk-drop{aspect-ratio:4/3;border:2px dashed color-mix(in oklab,var(--clay) 22%,var(--input-border));border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;cursor:pointer;transition:all .3s var(--ease);position:relative;overflow:hidden;background:repeating-linear-gradient(45deg,transparent 0 6px,color-mix(in oklab,var(--paper-3) 30%,transparent) 6px 7px)}.renk-drop:hover{border-color:var(--clay);background:color-mix(in oklab,var(--clay) 4%,var(--paper-2))}.renk-drop.drag{border-color:var(--clay);border-style:solid;background:color-mix(in oklab,var(--clay) 6%,var(--paper-2))}body[data-mode=night] .renk-drop{border-color:#3a3224;background:repeating-linear-gradient(45deg,transparent 0 6px,rgba(255,255,255,.02) 6px 7px)}body[data-mode=night] .renk-drop:hover{border-color:var(--amber);background:#d4a24c0a}.renk-drop .ic{width:52px;height:52px;border-radius:50%;background:var(--paper);display:flex;align-items:center;justify-content:center;color:var(--clay)}body[data-mode=night] .renk-drop .ic{background:var(--ink);color:var(--amber)}.renk-drop .ttl{font-family:var(--serif);font-size:22px;line-height:1.1;text-align:center;max-width:240px}.renk-drop .sub{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}.renk-drop .filebtn{background:var(--ink);color:var(--paper);padding:10px 20px;border-radius:999px;border:0;font-family:var(--sans);font-size:13px;cursor:pointer;transition:all .3s var(--ease)}.renk-drop .filebtn:hover{transform:translateY(-1px)}body[data-mode=night] .renk-drop .filebtn{background:var(--amber);color:var(--ink)}.renk-empty .renk-spinner{display:block;width:22px;height:22px;border:2px solid var(--line);border-top-color:var(--clay);border-radius:50%;animation:renk-spin .8s linear infinite;margin:0 auto 10px}body[data-mode=night] .renk-empty .renk-spinner{border-color:#3a3224;border-top-color:var(--amber)}.renk-drop.loading{cursor:wait;pointer-events:none}.renk-drop.loading .filebtn{opacity:.3}.renk-drop.loading .ttl{opacity:.4}.renk-drop.loading .sub{opacity:0}.renk-drop.loading .ic svg{animation:renk-spin .9s linear infinite}@keyframes renk-spin{to{transform:rotate(360deg)}}.renk-scan-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:none;background:#0e0a0557;border-radius:var(--radius);pointer-events:none}.renk-preview-wrap.analyzing .renk-scan-overlay{display:block}.renk-preview-wrap.analyzing .renk-preview{filter:brightness(.72) saturate(.55);transition:filter .3s ease}.renk-preview-wrap .renk-preview{transition:filter .55s ease}.renk-scan-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--amber) 32%,rgba(255,255,255,.92) 50%,var(--amber) 68%,transparent);box-shadow:0 0 10px 3px #d4a24c80,0 0 22px 4px #d4a24c38;animation:renk-scan-anim 1.45s linear infinite}@keyframes renk-scan-anim{0%{top:-1%;opacity:0}5%{opacity:1}93%{opacity:1}to{top:101%;opacity:0}}.renk-scan-txt{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-family:var(--mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#ffffffe0;animation:renk-fade-pulse 1.15s ease-in-out infinite}@keyframes renk-fade-pulse{0%,to{opacity:1}50%{opacity:.38}}.renk-progress{display:flex;align-items:center;gap:10px;padding:0 0 12px}.renk-progress[hidden]{display:none}.renk-progress-bar{flex:1;height:2px;background:var(--paper-3);border-radius:999px;overflow:hidden}.renk-progress-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--clay),var(--amber));border-radius:999px;transition:width .35s ease}.renk-progress-txt{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);white-space:nowrap}.renk-progress-pct{font-family:var(--serif, "Fraunces", serif);font-style:italic;font-weight:600;font-size:15px;color:var(--clay);letter-spacing:0;text-transform:none;margin:0 4px;vertical-align:-1px}body[data-mode=night] .renk-progress-pct{color:var(--amber)}body[data-mode=night] .renk-progress-bar{background:#3a3224}body[data-mode=night] .renk-progress-txt{color:var(--amber);opacity:.6}.renk-samples{margin-top:18px}.renk-samples .lbl{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:10px}.renk-samples-row{display:flex;gap:8px;flex-wrap:wrap}.renk-sample{padding:7px 13px;border-radius:999px;border:1px solid var(--input-border);background:var(--paper);cursor:pointer;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--ink-soft);display:inline-flex;align-items:center;gap:8px;transition:all .25s var(--ease)}.renk-sample:hover{border-color:var(--clay);color:var(--clay);transform:translateY(-1px)}body[data-mode=night] .renk-sample{background:var(--night);border-color:#3a3224;color:#b9a98c}body[data-mode=night] .renk-sample:hover{color:var(--amber);border-color:var(--amber)}.renk-sample .swatches{display:inline-flex;gap:2px}.renk-sample .swatches span{width:10px;height:10px;border-radius:2px}.renk-result,.renk-up.has-result .renk-drop,.renk-up.has-result .renk-samples{display:none}.renk-up.has-result .renk-result{display:block}.renk-preview-wrap{aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden;position:relative;background:var(--paper-3);margin-bottom:16px}.renk-preview{width:100%;height:100%;object-fit:cover;display:block}.renk-preview-meta{position:absolute;top:12px;left:12px;padding:5px 10px;background:#1e1a14c7;color:var(--paper);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;border-radius:4px;z-index:9}.renk-preview-reset{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;background:#1e1a14c7;color:var(--paper);border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s var(--ease);z-index:9}.renk-preview-reset:hover{background:var(--clay)}.renk-pal{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:14px}.renk-pal .chip{aspect-ratio:1/1;border-radius:var(--radius-sm);position:relative;cursor:pointer;border:1px solid rgba(0,0,0,.06);opacity:0;transform:translateY(5px);transition:opacity .38s ease,transform .38s ease}.renk-pal.revealed .chip{opacity:1;transform:translateY(0)}.renk-pal.revealed .chip:nth-child(2){transition-delay:72ms}.renk-pal.revealed .chip:nth-child(3){transition-delay:144ms}.renk-pal.revealed .chip:nth-child(4){transition-delay:216ms}.renk-pal.revealed .chip:nth-child(5){transition-delay:288ms}.renk-pal.revealed .chip{transition:opacity .38s ease,transform .25s var(--ease)}.renk-pal .chip:hover{transform:translateY(-2px)}.renk-pal .chip .hex{position:absolute;bottom:4px;left:4px;right:4px;font-family:var(--mono);font-size:8.5px;letter-spacing:.04em;color:#ffffffeb;background:#0000008c;padding:2px 4px;border-radius:3px;text-align:center}.renk-pal .chip[data-light="1"] .hex{color:#1e1a14d9;background:#ffffffb3}.renk-summary{display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}body[data-mode=night] .renk-summary{background:var(--night);border-color:#2d2618}.renk-summary .row{display:flex;justify-content:space-between;align-items:center;gap:12px}.renk-summary .row .k{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}.renk-summary .row .v{font-family:var(--serif);font-size:14px;color:var(--ink);font-style:italic}body[data-mode=night] .renk-summary .row .v{color:var(--night-ink)}.renk-rec{min-height:100%}.renk-rec-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 18px;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:18px}body[data-mode=night] .renk-rec-head{border-bottom-color:#2d2618}.renk-rec-head h3{font-size:26px;letter-spacing:-.02em}.renk-rec-head h3 em{color:var(--clay);font-style:italic}body[data-mode=night] .renk-rec-head h3 em{color:var(--amber)}.renk-rec-head .count{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--ink-mute);display:inline-flex;align-items:center;flex-wrap:wrap;gap:7px 10px}.renk-rec-head .count b{color:var(--clay)}.renk-count-more{color:var(--clay);text-decoration:none;padding:4px 10px;border:1px solid var(--clay);border-radius:999px;font-size:10px;letter-spacing:.1em;transition:background .2s,color .2s}.renk-count-more:hover{background:var(--clay);color:var(--paper)}.renk-room-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;margin-left:4px;border-radius:999px;background:color-mix(in oklab,var(--sage) 18%,var(--paper));color:#5e6e52;border:1px solid color-mix(in oklab,var(--sage) 32%,var(--line));font-size:10px;letter-spacing:.08em;font-family:var(--mono);text-transform:uppercase}.renk-room-chip:before{content:"\1f6cb";font-size:11px}body[data-mode=night] .renk-room-chip{background:#232a1e;color:#b8c6a6;border-color:#36412c}body[data-mode=night] .renk-rec-head .count b{color:var(--amber)}body[data-mode=night] .renk-count-more{color:var(--amber);border-color:var(--amber)}body[data-mode=night] .renk-count-more:hover{background:var(--amber);color:#1a1208}.renk-mat{display:flex;align-items:center;gap:12px;padding:0 0 16px;margin-bottom:18px;border-bottom:1px dashed var(--line);position:relative;flex-wrap:wrap}body[data-mode=night] .renk-mat{border-bottom-color:#2d2618}.renk-mat[hidden]{display:none}.renk-mat-lbl{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);flex:0 0 auto;white-space:nowrap}.renk-mat-lbl:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--clay)}body[data-mode=night] .renk-mat-lbl:before{background:var(--amber)}.renk-mat-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;flex:1}.renk-mat-trig{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--paper);border:1px solid var(--line);border-radius:999px;font-family:var(--sans);font-size:12.5px;color:var(--ink);cursor:pointer;transition:all .2s}.renk-mat-trig:hover{border-color:var(--clay);transform:translateY(-1px)}.renk-mat-trig svg.cv{color:var(--ink-mute);transition:transform .2s,color .2s}.renk-mat-trig:hover svg.cv{color:var(--clay)}.renk-mat-trig.open svg.cv{transform:rotate(180deg);color:var(--clay)}.renk-mat-trig .ct{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;color:var(--ink-mute);padding:2px 7px;border-radius:999px;background:var(--paper-2)}.renk-mat-trig.has-sel{background:var(--ink);color:var(--paper);border-color:var(--ink)}.renk-mat-trig.has-sel svg.cv{color:var(--paper)}.renk-mat-trig.has-sel .ct{background:#ffffff26;color:var(--paper)}body[data-mode=night] .renk-mat-trig{background:#2a2218;border-color:#3a2f22;color:#c7b595}body[data-mode=night] .renk-mat-trig:hover{border-color:var(--amber)}body[data-mode=night] .renk-mat-trig.open svg.cv{color:var(--amber)}body[data-mode=night] .renk-mat-trig.has-sel{background:var(--amber);color:var(--ink);border-color:var(--amber)}body[data-mode=night] .renk-mat-trig.has-sel svg.cv{color:var(--ink)}body[data-mode=night] .renk-mat-trig.has-sel .ct{background:#0000002e;color:var(--ink)}.renk-mat-sel{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap}.renk-mat-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 8px 4px 9px;background:var(--paper-2);border:1px solid var(--line);border-radius:999px;font-family:var(--sans);font-size:11.5px;color:var(--ink-soft)}.renk-mat-pill svg{width:10px;height:10px;color:var(--clay)}.renk-mat-pill .x{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:transparent;color:var(--ink-mute);cursor:pointer;border:0;padding:0;line-height:1;font-size:14px;transition:all .15s}.renk-mat-pill .x:hover{background:var(--ink);color:var(--paper)}.renk-mat-pill.more{background:transparent;border:1px dashed var(--line);color:var(--ink-mute);font-family:var(--mono);font-size:10px;letter-spacing:.08em}body[data-mode=night] .renk-mat-pill{background:#221c13;border-color:#2d2618;color:#c7b595}body[data-mode=night] .renk-mat-pill svg{color:var(--amber)}body[data-mode=night] .renk-mat-pill .x:hover{background:var(--amber);color:var(--ink)}body[data-mode=night] .renk-mat-pill.more{border-color:#3a2f22;color:#8c7e64}.renk-mat-clear{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);background:transparent;border:0;cursor:pointer;padding:4px 6px;border-radius:4px;transition:color .15s}.renk-mat-clear:hover{color:var(--clay)}body[data-mode=night] .renk-mat-clear:hover{color:var(--amber)}.renk-mat-pop{position:absolute;top:calc(100% + 8px);left:0;min-width:280px;max-width:360px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 60px #281c0c2e,0 4px 14px #281c0c14;padding:14px;z-index:60;opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;transition:opacity .18s,transform .18s}.renk-mat-pop.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}body[data-mode=night] .renk-mat-pop{background:#2a2218;border-color:#3a2f22;box-shadow:0 24px 60px #00000073,0 4px 14px #0000004d}.renk-mat-pop-head{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 12px;border-bottom:1px solid var(--line);margin-bottom:8px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}body[data-mode=night] .renk-mat-pop-head{border-bottom-color:#3a2f22}.renk-mat-pop-status{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--ink-mute);text-transform:none}.renk-mat-list{display:flex;flex-direction:column;gap:1px;max-height:280px;overflow-y:auto;margin:-2px -4px;padding:2px 4px}.renk-mat-list::-webkit-scrollbar{width:6px}.renk-mat-list::-webkit-scrollbar-thumb{background:var(--paper-3);border-radius:3px}.renk-mat-opt{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .15s;-webkit-user-select:none;user-select:none}.renk-mat-opt:hover{background:var(--paper-2)}body[data-mode=night] .renk-mat-opt:hover{background:#221c13}.renk-mat-opt .check{flex:0 0 auto;width:16px;height:16px;border:1.5px solid var(--input-border);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.renk-mat-opt .check svg{opacity:0;transform:scale(.6);transition:all .15s;color:var(--paper)}.renk-mat-opt.on .check{background:var(--ink);border-color:var(--ink)}.renk-mat-opt.on .check svg{opacity:1;transform:scale(1)}body[data-mode=night] .renk-mat-opt .check{border-color:#3a2f22}body[data-mode=night] .renk-mat-opt.on .check{background:var(--amber);border-color:var(--amber)}body[data-mode=night] .renk-mat-opt.on .check svg{color:var(--ink)}.renk-mat-opt .ic{color:var(--ink-mute);flex:0 0 auto;transition:color .15s}.renk-mat-opt:hover .ic,.renk-mat-opt.on .ic{color:var(--clay)}body[data-mode=night] .renk-mat-opt:hover .ic,body[data-mode=night] .renk-mat-opt.on .ic{color:var(--amber)}.renk-mat-opt .nm{flex:1;font-size:13.5px;color:var(--ink)}body[data-mode=night] .renk-mat-opt .nm{color:#efe3cb}.renk-mat-opt .ct{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--ink-mute);padding:2px 7px;border-radius:999px;background:var(--paper-2)}body[data-mode=night] .renk-mat-opt .ct{background:#1b1610;color:#8c7e64}.renk-mat-empty{text-align:center;font-size:12px;color:var(--ink-mute);padding:20px 10px}.renk-empty{padding:60px 20px;text-align:center;border:1px dashed var(--line);border-radius:var(--radius)}body[data-mode=night] .renk-empty{border-color:#2d2618}.renk-empty h4{font-family:var(--serif);font-size:22px;margin-bottom:8px;color:var(--ink-soft)}body[data-mode=night] .renk-empty h4{color:#b9a98c}.renk-empty p{font-size:14px;color:var(--ink-mute)}.renk-skel-head{display:flex;align-items:center;gap:9px;margin:0 0 16px;font-family:var(--sans);font-size:13.5px;color:var(--ink-soft)}.renk-skel-spin{width:15px;height:15px;flex-shrink:0;border:2px solid var(--line);border-top-color:var(--clay);border-radius:50%;animation:renk-skel-spin .7s linear infinite}@keyframes renk-skel-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.renk-skel-spin{animation:none}}body[data-mode=night] .renk-skel-head{color:#b9a98c}body[data-mode=night] .renk-skel-spin{border-color:#3a3224;border-top-color:var(--amber)}.renk-skel-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.renk-skel-list .renk-skel-card{display:block;position:relative;height:180px;border-radius:var(--radius);background:linear-gradient(100deg,#d8ceb8,#ece2c9,#d8ceb8 90%);background-size:200% 100%;animation:renk-shimmer 1.6s ease-in-out infinite}.renk-skel-card:before{content:"";position:absolute;top:10px;right:10px;width:28px;height:16px;border-radius:999px;background:#ffffff80}.renk-skel-card:after{content:"";position:absolute;bottom:14px;left:14px;width:40%;height:6px;border-radius:3px;background:#ffffff8c}@keyframes renk-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.renk-skel-card{animation:none}}body[data-mode=night] .renk-skel-card{background:linear-gradient(100deg,#2a2317,#382e1f,#2a2317 90%);background-size:200% 100%}body[data-mode=night] .renk-skel-card:before,body[data-mode=night] .renk-skel-card:after{background:#ffebc82e}.renk-list.is-reveal .renk-card{opacity:0;transform:translateY(8px);animation:renk-reveal .42s cubic-bezier(.22,.61,.36,1) forwards;animation-delay:calc(var(--i, 0) * 90ms)}.renk-list.is-reveal .renk-card:nth-child(n+9){animation-delay:.72s}@keyframes renk-reveal{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.renk-list.is-reveal .renk-card{animation:none;opacity:1;transform:none}}.renk-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-items:start}.renk-more{display:block;width:100%;margin-top:14px;padding:11px 20px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;text-align:center;text-decoration:none;border:1px solid var(--clay);border-radius:var(--radius-sm);background:transparent;color:var(--clay);cursor:pointer;transition:background .2s,color .2s;box-sizing:border-box}.renk-more:hover{background:var(--clay);color:var(--paper)}body[data-mode=night] .renk-more{border-color:var(--amber);color:var(--amber)}body[data-mode=night] .renk-more:hover{background:var(--amber);color:#1a1208}.renk-card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:14px;display:grid;grid-template-columns:110px 1fr;gap:14px;cursor:pointer;transition:all .3s var(--ease);position:relative;overflow:hidden;text-decoration:none;color:inherit}.renk-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift);border-color:color-mix(in oklab,var(--clay) 40%,var(--line))}.renk-card:focus-visible{outline:2px solid var(--clay);outline-offset:2px;box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--clay);border-color:var(--clay)}body[data-mode=night] .renk-card:focus-visible{outline-color:var(--amber);box-shadow:0 0 0 2px #221c13,0 0 0 4px var(--amber);border-color:var(--amber)}body[data-mode=night] .renk-card{background:#221c13;border-color:#2d2618}body[data-mode=night] .renk-card .match-vis .lbl{color:#a89a82}body[data-mode=night] .renk-card:hover{border-color:color-mix(in oklab,var(--amber) 40%,#3A3224)}.renk-card .img{aspect-ratio:3/4;border-radius:var(--radius-sm);position:relative;overflow:hidden;background:var(--paper-2)}.renk-card .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.renk-card .img .palstack{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:repeat(4,1fr)}.renk-card .img .palstack span{display:block}.renk-card .img .frame-overlay{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid rgba(255,255,255,.18);border-radius:2px}.renk-card .img .palet-badge{position:absolute;top:8px;left:8px;font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;padding:2px 6px;border-radius:999px;background:#00000073;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.renk-card .img .palet-badge.match{background:var(--amber);color:#1a1208}.renk-ar-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;padding:6px 10px 6px 8px;margin:2px 0 10px;border-radius:999px;background:color-mix(in oklab,var(--clay) 10%,var(--paper));color:var(--clay);border:1px solid color-mix(in oklab,var(--clay) 30%,var(--line));cursor:pointer;-webkit-appearance:none;appearance:none;align-self:flex-start;transition:background .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease),transform .18s var(--ease);text-decoration:none;line-height:1}.renk-ar-pill svg{flex:0 0 auto;opacity:.85}.renk-ar-pill:hover,.renk-ar-pill:focus-visible{background:var(--clay);border-color:var(--clay);color:var(--paper);transform:translateY(-1px);outline:none}.renk-ar-pill:focus-visible{box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--clay)}.renk-ar-pill svg:last-of-type{margin-left:1px;opacity:.65}body[data-mode=night] .renk-ar-pill{background:color-mix(in oklab,var(--amber) 12%,#221C13);color:var(--amber);border-color:color-mix(in oklab,var(--amber) 30%,#3A3224)}body[data-mode=night] .renk-ar-pill:hover,body[data-mode=night] .renk-ar-pill:focus-visible{background:var(--amber);color:#1a1208;border-color:var(--amber)}body[data-mode=night] .renk-ar-pill:focus-visible{box-shadow:0 0 0 2px #221c13,0 0 0 4px var(--amber)}@media(max-width:700px){.renk-ar-pill{font-size:9px;padding:5px 9px 5px 7px;gap:5px;margin:0 0 10px}.renk-ar-pill svg{width:12px;height:12px}}.renk-card .body{display:flex;flex-direction:column}.renk-card .body .nm{font-family:var(--serif);font-size:17px;line-height:1.15;margin-bottom:4px;color:var(--ink)}body[data-mode=night] .renk-card .body .nm{color:var(--night-ink)}.renk-card .body .mood{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:10px}.renk-card .body .pr{font-family:var(--mono);font-size:12px;color:var(--ink);margin-top:auto}.renk-card .body .renk-code{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:8px}body[data-mode=night] .renk-card .body .renk-code{color:var(--night-ink-mute, #A89A82)}body[data-mode=night] .renk-card .body .pr{color:var(--night-ink)}.renk-card .score{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px}.renk-card .score .bar{flex:1;height:4px;background:var(--paper-3);border-radius:999px;overflow:hidden}body[data-mode=night] .renk-card .score .bar{background:#3a3224}.renk-card .score .bar .fill{height:100%;background:linear-gradient(90deg,var(--clay),var(--amber));border-radius:999px;transition:width .6s var(--ease)}.renk-card .score .pct{font-family:var(--mono);font-size:10px;color:var(--clay);letter-spacing:.04em;min-width:30px;text-align:right}body[data-mode=night] .renk-card .score .pct{color:var(--amber)}.renk-card .pmini{display:flex;gap:3px;margin-top:4px}.renk-card .pmini span{width:14px;height:14px;border-radius:3px;border:1px solid rgba(0,0,0,.06)}.renk-card .match-vis{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding:8px 10px;background:var(--paper-2);border-radius:6px;border:1px solid var(--line)}body[data-mode=night] .renk-card .match-vis{background:#1a1208;border-color:#2d2618}.renk-card .match-vis .row{display:flex;align-items:center;gap:8px}.renk-card .match-vis .lbl{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);min-width:36px}.renk-card .match-vis .dots{display:inline-flex;gap:3px}.renk-card .match-vis .dots span{width:12px;height:12px;border-radius:3px;border:1px solid rgba(0,0,0,.08);transition:transform .2s,box-shadow .2s}body[data-mode=night] .renk-card .match-vis .dots span{border-color:#ffffff14}.renk-card .match-vis .dots span.anchor{width:14px;height:14px;border:2px solid var(--clay);box-shadow:0 0 0 1px var(--paper);transform:translateY(-1px)}body[data-mode=night] .renk-card .match-vis .dots span.anchor{border-color:var(--amber);box-shadow:0 0 0 1px #221c13}.renk-card.stacked{display:flex;flex-direction:column;gap:8px;padding:14px}.renk-card.stacked .rc-head{display:flex;flex-direction:column;gap:2px;min-width:0}.renk-card.stacked .rc-head .nm{font-family:var(--serif);font-size:17px;line-height:1.15;color:var(--ink);margin:0}body[data-mode=night] .renk-card.stacked .rc-head .nm{color:var(--night-ink)}.renk-card.stacked .rc-head .renk-code{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin:0}body[data-mode=night] .renk-card.stacked .rc-head .renk-code{color:var(--night-ink-mute, #A89A82)}.renk-card.stacked .rc-lower{display:grid;grid-template-columns:70% 1fr;gap:12px;align-items:stretch}.renk-card.stacked .rc-lower .img{width:100%;height:100%;aspect-ratio:auto;margin:0;min-height:120px}.renk-card.stacked .rc-lower .img img{object-fit:cover}.renk-card.stacked .rc-lower .img.is-single img{object-fit:contain}.renk-card.stacked .rc-lower .img .renk-ar-pill{position:absolute;left:8px;bottom:8px;margin:0;z-index:2}.renk-card.stacked .rc-info{display:flex;flex-direction:column;gap:8px;min-width:0}.renk-card.stacked .rc-box{border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px 8px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}body[data-mode=night] .renk-card.stacked .rc-box{border-color:#2d2618}.renk-card.stacked .rc-rating{gap:5px}.renk-card.stacked .rc-rating .rc-pct{font-family:var(--mono);font-size:15px;font-weight:600;color:var(--clay);line-height:1}body[data-mode=night] .renk-card.stacked .rc-rating .rc-pct{color:var(--amber)}.renk-card.stacked .rc-rating .bar{width:100%;height:4px;background:var(--paper-3);border-radius:999px;overflow:hidden}body[data-mode=night] .renk-card.stacked .rc-rating .bar{background:#3a3224}.renk-card.stacked .rc-rating .bar .fill{height:100%;background:linear-gradient(90deg,var(--clay),var(--amber));border-radius:999px}.renk-card.stacked .rc-match{gap:5px;align-self:stretch}.renk-card.stacked .rc-match .match-vis{background:none;border:none;padding:0;margin:0;gap:4px;width:100%}.renk-card.stacked .rc-match .match-vis .row{flex-direction:column;align-items:flex-start;gap:2px}.renk-card.stacked .rc-match .match-vis .lbl{font-size:8px;letter-spacing:.06em}.renk-card.stacked .rc-match .match-vis .dots{gap:2px}.renk-card.stacked .rc-match .match-vis .dots span{width:9px;height:9px}.renk-card.stacked .rc-match .match-vis .dots span.anchor{width:11px;height:11px}.renk-card.stacked .rc-price .pr{font-family:var(--mono);font-size:14px;color:var(--ink);margin:0}body[data-mode=night] .renk-card.stacked .rc-price .pr{color:var(--night-ink)}.renk-rec-foot{margin-top:22px;padding:18px 22px;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center;gap:20px}body[data-mode=night] .renk-rec-foot{background:#221c13;border-color:#2d2618}.renk-rec-foot p{font-size:14px;color:var(--ink-soft);max-width:460px;line-height:1.5}body[data-mode=night] .renk-rec-foot p{color:#b9a98c}.renk-rec-foot .btn-rec{background:var(--ink);color:var(--paper);border:0;padding:12px 22px;border-radius:999px;cursor:pointer;font-family:var(--sans);font-size:13px;display:inline-flex;align-items:center;gap:8px;transition:all .3s var(--ease);white-space:nowrap;text-decoration:none}.renk-rec-foot .btn-rec:hover{background:var(--clay);transform:translateY(-1px)}body[data-mode=night] .renk-rec-foot .btn-rec{background:var(--amber);color:var(--ink)}@media(max-width:768px){.renk-sec{padding:40px 16px;border-left:0;border-right:0}.renk-inner{padding:0}.renk-head{padding:0;margin-bottom:24px}.renk-head h2{font-size:26px;line-height:1.1;margin-top:8px}.renk-head p{font-size:14px;line-height:1.5}.renk-grid{grid-template-columns:1fr;gap:14px}.renk-up,.renk-rec{padding:18px 16px;border-radius:var(--radius)}.renk-up-head{flex-wrap:wrap;gap:8px;align-items:flex-start}.renk-up-head .pantone{font-size:11px;padding:4px 8px}.renk-drop{aspect-ratio:5/4;gap:10px}.renk-drop .ic{width:44px;height:44px}.renk-drop .ttl{font-size:18px;max-width:220px}.renk-drop .sub{font-size:11px}.renk-drop .filebtn{padding:12px 18px;font-size:13px;min-height:44px}.renk-samples{margin-top:14px}.renk-samples .lbl{font-size:11px;margin-bottom:8px}.renk-samples-row{gap:6px}.renk-sample{padding:9px 12px;font-size:12px;gap:6px;white-space:nowrap;min-height:38px}.renk-sample .swatches span{width:8px;height:8px}.renk-pal{gap:4px;margin-bottom:12px}.renk-pal .chip .hex{font-size:8px;padding:1px 3px;bottom:2px;left:2px;right:2px}.renk-rec-head{flex-direction:column;gap:6px;padding-bottom:12px;margin-bottom:14px}.renk-rec-head h3{font-size:22px;line-height:1.15}.renk-rec-head .count{font-size:11px}.renk-mat{flex-direction:column;align-items:stretch;gap:8px;padding-bottom:12px;margin-bottom:14px}.renk-mat-lbl{font-size:9px;letter-spacing:.12em}.renk-mat-row{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;gap:5px;scrollbar-width:none}.renk-mat-row::-webkit-scrollbar{display:none}.renk-mat-trig{padding:9px 12px 9px 11px;font-size:12px;flex:0 0 auto;gap:6px;min-height:38px}.renk-mat-trig .ct{font-size:9px;padding:1.5px 6px}.renk-mat-pop{left:0;right:0;min-width:0;max-width:none}.renk-empty{padding:24px 14px}.renk-empty h4{font-size:16px}.renk-empty p{font-size:12px}.renk-list{grid-template-columns:repeat(2,1fr);gap:10px}.renk-card{grid-template-columns:1fr;gap:8px;padding:10px}.renk-card .img{aspect-ratio:3/4}.renk-card .body .nm{font-size:13px;line-height:1.2;margin-bottom:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.renk-card .body .mood,.renk-card .body .score,.renk-card .body .match-vis,.renk-card .body .pmini{display:none}.renk-card .body .pr{font-size:11px}.renk-card.stacked .rc-lower{grid-template-columns:1fr;gap:10px}.renk-card.stacked .rc-lower .img{aspect-ratio:3/4}.renk-card.stacked .rc-head .nm{font-size:15px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.4em}.renk-card.stacked .rc-info{display:grid;grid-template-rows:repeat(3,1fr);gap:4px;align-items:stretch}.renk-card.stacked .rc-box{height:100%;justify-content:center;padding:6px 8px}.renk-card.stacked .rc-match .match-vis{gap:3px}.renk-card.stacked .rc-match .match-vis .row{flex-direction:row;align-items:center;gap:6px}.renk-card.stacked .rc-match .match-vis .lbl{min-width:30px}.renk-sec.is-panel{padding:24px 12px}.renk-sec.is-panel .renk-inner{padding:22px 16px}.renk-sec.is-panel .renk-collapse-btn{top:16px;right:16px}.renk-collapse-btn{padding:7px 10px;font-size:9px}.renk-sec.is-collapsible .renk-head{padding-right:0;padding-top:40px}.renk-rec-foot{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px;margin-top:16px}.renk-rec-foot p{font-size:12px;line-height:1.5;max-width:100%}.renk-rec-foot .btn-rec{width:100%;justify-content:center;padding:12px 18px;font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/huhuli-renk-eslestirme.css.map?cb=1780582391444 */