.u-label.svelte-payltt{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);margin-bottom:9px}.u-label.svelte-payltt>span:where(.svelte-payltt):first-child{font:700 var(--text-11)/1 var(--font-ui);letter-spacing:.09em;text-transform:uppercase;color:var(--color-text-muted)}.ref-section.svelte-payltt{margin-bottom:var(--space-4)}.ref-drop.svelte-payltt{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-14) var(--space-10);border:1.5px dashed var(--color-border-strong);border-radius:10px;background:var(--color-bg-tertiary);color:var(--color-text-muted);font:500 var(--text-12)/1.2 var(--font-ui);cursor:pointer;transition:color var(--dur-150),border-color var(--dur-150)}.ref-drop.svelte-payltt:hover:not(:disabled){color:var(--color-primary);border-color:rgb(var(--color-primary-rgb) / .55)}.ref-drop.svelte-payltt:disabled,.ref-add.svelte-payltt:disabled,.ref-swap.svelte-payltt:disabled,.ref-x.svelte-payltt:disabled{cursor:wait;opacity:.6}.seg.svelte-payltt{display:flex;gap:var(--space-4);padding:var(--space-4);border-radius:11px;background:var(--color-bg-tertiary);border:1px solid var(--color-border)}.seg-btn.svelte-payltt{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:9px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--color-text-muted);cursor:pointer;font:700 var(--text-12)/1 var(--font-ui);transition:background var(--dur-140),color var(--dur-140),border-color var(--dur-140)}.seg-btn.svelte-payltt:hover:not(.on){color:var(--color-text)}.seg-btn.on.svelte-payltt{background:var(--color-bg-secondary);border-color:var(--color-border-strong);color:var(--color-primary)}.ref-seg.svelte-payltt{display:inline-flex;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-tertiary)}.ref-seg.svelte-payltt .seg-btn:where(.svelte-payltt){flex:none;padding:3px var(--space-10);border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-muted);font:600 var(--text-10)/1.2 var(--font-ui);cursor:pointer}.ref-seg.svelte-payltt .seg-btn.on:where(.svelte-payltt){background:rgb(var(--color-primary-rgb) / .16);color:var(--color-primary)}.ref-preview.svelte-payltt{position:relative;border-radius:10px;overflow:hidden;border:1px solid rgb(var(--color-primary-rgb) / .5);background:var(--color-bg-tertiary)}.ref-preview.svelte-payltt img:where(.svelte-payltt){display:block;width:100%;height:auto;max-height:260px;object-fit:contain}.ref-zoomable.svelte-payltt{cursor:zoom-in}.ref-grid.svelte-payltt{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.ref-cell.svelte-payltt{position:relative;aspect-ratio:1 / 1;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border-strong);background:var(--color-bg-tertiary)}.ref-cell.svelte-payltt img:where(.svelte-payltt){width:100%;height:100%;object-fit:contain;display:block}.ref-add.svelte-payltt{aspect-ratio:1 / 1;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;border:1.5px dashed var(--color-border-strong);background:var(--color-bg-tertiary);color:var(--color-text-muted);cursor:pointer;transition:color var(--dur-150),border-color var(--dur-150)}.ref-add.svelte-payltt:hover:not(:disabled){color:var(--color-primary);border-color:rgb(var(--color-primary-rgb) / .55)}.ref-x-sm.svelte-payltt{width:18px;height:18px;top:3px;right:3px}.ref-hint.svelte-payltt{margin:var(--space-6) 0 0;font:500 var(--text-10)/1.4 var(--font-ui);color:var(--color-text-subtle)}.ref-swap.svelte-payltt{position:absolute;left:8px;bottom:8px;padding:var(--space-4) var(--space-10);border:none;border-radius:var(--radius-pill);background:#000000a8;color:var(--color-text);font:600 var(--text-10)/1 var(--font-ui);cursor:pointer}.ref-swap.svelte-payltt:hover{background:#000000d9}.ref-x.svelte-payltt{position:absolute;top:6px;right:6px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#000000a8;color:var(--color-text);cursor:pointer}.ref-x.svelte-payltt:hover{background:#000000e0}.ref-strength.svelte-payltt{margin-top:var(--space-12)}.rs-head.svelte-payltt{font:600 var(--text-11)/1 var(--font-ui);color:var(--color-text-muted);margin-bottom:var(--space-10)}.rs-slider.svelte-payltt{width:100%;height:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-pill);cursor:pointer;background:linear-gradient(90deg,rgb(var(--color-primary-rgb) / .3) 0%,var(--color-primary) 100%)}.rs-slider.svelte-payltt::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary);border:3px solid var(--color-bg-secondary);box-shadow:0 2px 6px #00000073;cursor:pointer;transition:transform var(--dur-120)}.rs-slider.svelte-payltt::-webkit-slider-thumb:hover{transform:scale(1.12)}.rs-slider.svelte-payltt::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-primary);border:3px solid var(--color-bg-secondary);box-shadow:0 2px 6px #00000073;cursor:pointer}.rs-labels.svelte-payltt{display:flex;justify-content:space-between;margin-top:9px}.rs-label.svelte-payltt{padding:var(--space-2) 0;border:0;background:none;cursor:pointer;font:600 var(--text-10)/1 var(--font-ui);color:var(--color-text-subtle);transition:color var(--dur-140)}.rs-label.svelte-payltt:hover{color:var(--color-text-muted)}.rs-label.on.svelte-payltt{color:var(--color-primary);font-weight:700}.ref-samples.svelte-payltt{display:flex;flex-direction:column;gap:var(--space-8);margin-top:var(--space-12)}.ref-samples-lbl.svelte-payltt{font:600 var(--text-11)/1.3 var(--font-body);color:var(--color-text-subtle)}.ref-samples-row.svelte-payltt{display:flex;gap:var(--space-8)}.ref-sample.svelte-payltt{width:46px;height:46px;padding:0;border-radius:10px;overflow:hidden;cursor:pointer;border:1.5px solid var(--color-border);background:var(--color-bg-secondary);transition:border-color var(--dur-140),transform var(--dur-140)}.ref-sample.svelte-payltt:hover{border-color:var(--color-primary);transform:translateY(-2px)}.ref-sample.svelte-payltt img:where(.svelte-payltt){width:100%;height:100%;object-fit:cover;display:block}