.di-wrap{--di-ice:oklch(86% .09 220);width:100%}.di-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.di-tool{border:1px solid var(--border);background:var(--card);width:40px;height:40px;color:var(--foreground);border-radius:9999px;justify-content:center;align-items:center;display:inline-flex}.di-tool:disabled{opacity:.4}.di-tool:focus-visible{outline:2px solid var(--di-ice);outline-offset:2px}.di-zoom{text-align:center;font-variant-numeric:tabular-nums;min-width:3.5rem;color:var(--muted-foreground);font-size:.875rem}.di-hint{color:var(--muted-foreground);margin-left:auto;font-size:.8rem}.di-viewport{border:1px solid var(--border);box-shadow:0 24px 60px -24px color-mix(in oklab,var(--di-ice) 30%,transparent);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-radius:16px;position:relative;overflow:auto}.di-viewport[data-zoomed]{cursor:grab;max-height:78vh}.di-room{max-width:none;position:relative}.di-room>img{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.di-spots{margin:0;padding:0;list-style:none;position:absolute;inset:0}.di-spot{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;transition:box-shadow .2s,background-color .2s;position:absolute}.di-spot:hover,.di-spot:focus-visible,.di-spot[data-active]{background:color-mix(in oklab,var(--di-ice) 12%,transparent);box-shadow:0 0 0 2px color-mix(in oklab,var(--di-ice) 85%,transparent),0 0 22px 4px color-mix(in oklab,var(--di-ice) 55%,transparent);outline:none}@media (pointer:coarse){.di-spot:after{content:"";position:absolute;inset:-4px}}@media (prefers-reduced-motion:reduce){.di-spot{transition:none}}.di-list{margin-top:48px}.di-list-h{letter-spacing:-.01em;font-size:1.5rem;font-weight:600}.di-list-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;margin-top:18px;display:grid}.di-fam{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:6px;font-size:.75rem;font-weight:600}.di-item{text-align:left;border-radius:8px;width:100%;min-height:36px;padding:7px 10px;font-size:.95rem;display:block}.di-item:hover,.di-item:focus-visible{background:color-mix(in oklab,var(--di-ice) 14%,transparent);box-shadow:0 0 0 1px color-mix(in oklab,var(--di-ice) 70%,transparent);outline:none}.di-sheet{max-height:85vh;overflow-y:auto}.di-sheet-fam{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);font-size:.75rem;font-weight:600}.di-sheet-title{font-size:1.6rem;line-height:1.15}.di-pill{letter-spacing:.1em;text-transform:uppercase;color:oklch(86% .015 250);background:color-mix(in oklab,oklch(86% .015 250) 18%,color-mix(in oklab,var(--primary) 14%,transparent));border:1px solid oklch(86% .015 250/.55);border-radius:999px;align-self:flex-start;width:max-content;padding:3px 12px;font-size:.68rem;font-weight:600;display:inline-block}@media (width<=767px){.di-sheet .di-pill{align-self:center}}.di-search{margin-bottom:1.25rem}.di-search-label{margin-bottom:.5rem;font-size:1.05rem;font-weight:600;display:block}.di-search-box{background:color-mix(in oklab,var(--card) 80%,transparent);border:1px solid oklch(86% .04 235/.45);border-radius:14px;align-items:center;gap:.6rem;padding:.7rem .9rem;transition:box-shadow .2s,border-color .2s;display:flex}.di-search-box:focus-within{border-color:oklch(82% .1 230);box-shadow:0 0 0 3px oklch(82% .1 230/.25)}.di-search-box input{min-width:0;color:var(--foreground);background:0 0;border:0;outline:0;flex:1;font-size:1rem}.di-count{color:var(--muted-foreground);margin-top:.5rem;font-size:.85rem}.di-empty{color:var(--muted-foreground);margin:.75rem 0}.di-link{color:oklch(82% .1 230);cursor:pointer;font:inherit;background:0 0;border:0;padding:.25rem;text-decoration:underline}.di-cards{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.75rem;margin-top:.75rem;display:grid}.di-card{text-align:left;border:1px solid var(--border);background:color-mix(in oklab,var(--card) 85%,transparent);cursor:pointer;border-radius:12px;align-items:center;gap:.75rem;width:100%;min-height:88px;padding:.6rem;transition:border-color .2s,box-shadow .2s;display:flex}.di-card:hover,.di-card:focus-visible{border-color:oklch(82% .1 230);outline:0;box-shadow:0 0 14px oklch(82% .1 230/.35)}.di-thumb{background:oklch(20% .02 60);border-radius:8px;flex:0 0 64px;justify-content:center;align-items:center;height:72px;display:flex;overflow:hidden}.di-thumb>span{background-repeat:no-repeat;display:block}.di-card-body{flex-direction:column;gap:.25rem;min-width:0;display:flex}.di-card-name{font-weight:600;line-height:1.2}.di-card-fam{color:var(--muted-foreground);font-size:.8rem}.di-explore{margin-top:2.5rem}.di-chips{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.di-chip{border:1px solid var(--border);min-height:40px;color:var(--foreground);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.9rem;display:inline-flex}.di-chip[aria-pressed=true]{background:oklch(82% .1 230/.18);border-color:oklch(82% .1 230)}.di-chip-n{opacity:.7;font-size:.75rem}.di-ex-actions{gap:1rem;margin-bottom:.5rem;display:flex}.di-cat{border-top:1px solid var(--border);padding:.5rem 0}.di-cat-h{width:100%;min-height:44px;color:var(--foreground);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:.6rem;font-size:1.1rem;font-weight:600;display:flex}.di-chev{margin-left:auto;transition:transform .2s}.di-cat-h[aria-expanded=true] .di-chev{transform:rotate(180deg)}.di-spot[data-match]{box-shadow:0 0 0 2px oklch(82% .1 230/.9),0 0 18px oklch(82% .1 230/.6)}@media (prefers-reduced-motion:reduce){.di-search-box,.di-card,.di-chev{transition:none}}