.ils-shelf{display:grid;gap:14px;margin-top:6px;padding-top:12px;border-top:2px solid var(--dlg-paper-shade, #f3dfb8)}.ils-part{display:grid;gap:6px}.ils-label{color:var(--dlg-paper-muted);font-size:calc(12px * var(--text-scale, 1));font-weight:800;letter-spacing:.06em;text-transform:uppercase}.ils-price{display:inline-block;padding:0 6px;border:2px solid var(--dlg-edge);border-radius:7px;background:var(--dlg-accent, #ffd34d);color:#1b1c3d;font-size:calc(11px * var(--text-scale, 1));font-weight:900;line-height:1.4;font-variant-numeric:tabular-nums}.ils-dyes{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none}.ils-dye{display:grid;justify-items:center;align-content:start;gap:2px;width:44px;min-height:62px;padding:5px 0 0;border:0;background:none;color:var(--dlg-paper-ink);font:inherit;cursor:pointer}.ils-dot{position:relative;display:grid;place-items:center;width:30px;height:30px;border:2.5px solid var(--dlg-edge);border-radius:50%;background:var(--c)}.ils-dye[aria-pressed=true] .ils-dot{box-shadow:0 0 0 3px var(--dlg-paper),0 0 0 6px var(--dlg-focus)}.ils-dye:focus-visible,.ils-key:focus-visible{outline:3px solid var(--dlg-focus);outline-offset:-2px;border-radius:12px}.ils-items{display:grid;gap:8px;margin:0;padding:0;list-style:none}.ils-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 8px 6px 6px;border:var(--dlg-stroke-s, 2.5px) solid var(--dlg-edge);border-radius:14px;background:var(--dlg-paper-shade, #f3dfb8)}.ils-pic{display:block;width:48px;height:58px;overflow:hidden;border:2px solid var(--dlg-edge);border-radius:10px;background:linear-gradient(180deg,#a9d8ff,#eaf6ff)}.ils-pic img{display:block;width:100%;height:100%;object-fit:contain}.ils-text{display:grid;gap:3px;min-width:0}.ils-text b{color:var(--dlg-paper-ink);font-size:calc(15px * var(--text-scale, 1));line-height:1.25}.ils-text small{display:flex;align-items:center;gap:8px;color:var(--dlg-paper-muted);font-size:calc(12px * var(--text-scale, 1));line-height:1.3}.ils-keys{display:flex;gap:6px}.ils-key{min-width:0;padding-inline:12px}.ils-dyebar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px;padding:6px 8px;border:var(--dlg-stroke-s, 2.5px) solid var(--dlg-edge);border-radius:14px;background:var(--dlg-paper-shade, #f3dfb8)}.ils-dyename{display:flex;align-items:center;gap:8px;color:var(--dlg-paper-ink);font-size:calc(15px * var(--text-scale, 1))}.ils-switch{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 10px 8px 12px;border:var(--dlg-stroke-s, 2.5px) solid var(--dlg-edge);border-radius:14px;background:var(--dlg-paper-shade, #f3dfb8);color:var(--dlg-paper-ink);font:inherit;text-align:left;cursor:pointer}.ils-switch-text{display:grid;flex:1;gap:2px;min-width:0}.ils-switch-text b{font-size:calc(15px * var(--text-scale, 1));line-height:1.25}.ils-switch-text small{color:var(--dlg-paper-muted);font-size:calc(12px * var(--text-scale, 1));line-height:1.3}.ils-switch i{position:relative;flex:none;width:50px;height:30px;border:var(--dlg-stroke-s, 2.5px) solid var(--dlg-edge);border-radius:999px;background:var(--dlg-paper);transition:background .15s}.ils-switch i:after{content:"";position:absolute;top:2px;left:2px;width:21px;height:21px;border:2px solid var(--dlg-edge);border-radius:50%;background:#fff;transition:transform .18s cubic-bezier(.2,.8,.2,1)}.ils-switch[aria-checked=true] i{background:var(--dlg-accent)}.ils-switch[aria-checked=true] i:after{transform:translate(20px)}.ils-switch:focus-visible{outline:3px solid var(--dlg-focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){.ils-switch i,.ils-switch i:after{transition:none}}@container cd (max-height: 500px){.ils-part:not(.ils-things){grid-template-columns:78px minmax(0,1fr);align-items:center;gap:0 8px}.ils-part:not(.ils-things)>.ils-dyebar,.ils-show>.ils-switch{grid-column:2}.ils-part:not(.ils-things).ils-show{row-gap:6px}.ils-dye{min-height:58px;padding-top:2px}}