.grid-canvas.svelte-1xtlggv{
    position:relative;
  }
  .product-card.svelte-1xtlggv{
    -webkit-backface-visibility:hidden;
            backface-visibility:hidden;
    background:linear-gradient(
      135deg,
      #e8e8e8,
      #f0f0f0 20%,
      #d5d5d5 40%,
      #e0e0e0 60%,
      #c8c8c8 80%,
      #d0d0d0
    );
    border-radius:4px;
    -webkit-box-shadow:0 8px 32px rgba(0,0,0,.3), inset 0 2px 3px hsla(0,0%,100%,.6), inset 0 -2px 3px rgba(0,0,0,.3), inset 2px 0 3px var(--theme-text-disabled), inset -2px 0 3px rgba(0,0,0,.3);
            box-shadow:0 8px 32px rgba(0,0,0,.3), inset 0 2px 3px hsla(0,0%,100%,.6), inset 0 -2px 3px rgba(0,0,0,.3), inset 2px 0 3px var(--theme-text-disabled), inset -2px 0 3px rgba(0,0,0,.3);
    contain:layout style paint;
    content-visibility:auto;
    cursor:pointer;
    overflow:hidden;
    padding:8px;
    position:absolute;
    -webkit-transform:translateZ(0);
            transform:translateZ(0);
    -webkit-transition:-webkit-transform .2s cubic-bezier(.4, 0, .2, 1),-webkit-box-shadow .2s cubic-bezier(.4, 0, .2, 1);
    transition:-webkit-transform .2s cubic-bezier(.4, 0, .2, 1),-webkit-box-shadow .2s cubic-bezier(.4, 0, .2, 1);
    transition:transform .2s cubic-bezier(.4, 0, .2, 1),box-shadow .2s cubic-bezier(.4, 0, .2, 1);
    transition:transform .2s cubic-bezier(.4, 0, .2, 1),box-shadow .2s cubic-bezier(.4, 0, .2, 1),-webkit-transform .2s cubic-bezier(.4, 0, .2, 1),-webkit-box-shadow .2s cubic-bezier(.4, 0, .2, 1);
  }

  .product-card.svelte-1xtlggv:not(.placeholder):hover{
    -webkit-box-shadow:0 12px 48px rgba(0,0,0,.4),inset 0 2px 4px hsla(0,0%,100%,.5),inset 0 -2px 4px rgba(0,0,0,.2),inset 2px 0 4px hsla(0,0%,100%,.3),inset -2px 0 4px rgba(0,0,0,.2);
            box-shadow:0 12px 48px rgba(0,0,0,.4),inset 0 2px 4px hsla(0,0%,100%,.5),inset 0 -2px 4px rgba(0,0,0,.2),inset 2px 0 4px hsla(0,0%,100%,.3),inset -2px 0 4px rgba(0,0,0,.2);
    -webkit-transform:scale(1.05);
            transform:scale(1.05);
    will-change:transform, box-shadow;
    z-index:10;
  }

  .product-card.svelte-1xtlggv:not(.placeholder):focus{
    outline:2px solid #4a9eff;
    outline-offset:6px;
  }
  .poster-frame.svelte-1xtlggv{
    background:#1a1a2e;
    border-radius:2px;
    -webkit-box-shadow:inset 0 0 20px var(--theme-overlay-medium), inset 0 1px 1px hsla(0,0%,100%,.1);
            box-shadow:inset 0 0 20px var(--theme-overlay-medium), inset 0 1px 1px hsla(0,0%,100%,.1);
    height:100%;
    overflow:hidden;
    position:relative;
    -webkit-transform-origin:center;
            transform-origin:center;
    -webkit-transition:-webkit-transform .3s ease;
    transition:-webkit-transform .3s ease;
    transition:transform .3s ease;
    transition:transform .3s ease,-webkit-transform .3s ease;
    width:100%;
  }
  .price-badge.svelte-1xtlggv{
    backdrop-filter:blur(6px);
    border-radius:6px;
    -webkit-box-shadow:0 2px 8px rgba(0,0,0,.3);
            box-shadow:0 2px 8px rgba(0,0,0,.3);
    font-size:11px;
    font-weight:700;
    left:12px;
    letter-spacing:.5px;
    padding:6px 10px;
    position:absolute;
    text-transform:uppercase;
    top:12px;
    white-space:nowrap;
    z-index:10;
  }

  .price-badge-paid.svelte-1xtlggv,.price-badge-pwyw.svelte-1xtlggv{
    background:rgba(59,130,246,.95);
    color:#fff;
  }

  .price-badge-paid.svelte-1xtlggv{
    -webkit-box-shadow:0 2px 8px rgba(59,130,246,.4);
            box-shadow:0 2px 8px rgba(59,130,246,.4);
  }
  .player-badges.svelte-1xtlggv{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:absolute;
    right:12px;
    top:12px;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    gap:6px;
    -webkit-box-align:end;
        -ms-flex-align:end;
            align-items:flex-end;
    z-index:10;
  }

  .player-badge.svelte-1xtlggv{
    backdrop-filter:blur(6px);
    background:rgba(255,152,0,.95);
    border-radius:6px;
    -webkit-box-shadow:0 2px 8px rgba(0,0,0,.3);
            box-shadow:0 2px 8px rgba(0,0,0,.3);
    color:#fff;
    font-size:11px;
    font-weight:700;
    letter-spacing:.3px;
    max-width:120px;
    overflow:hidden;
    padding:6px 10px;
    text-overflow:ellipsis;
    text-transform:uppercase;
    white-space:nowrap;
  }
  .bottom-badge-bar.svelte-1xtlggv{
    background:var(--theme-overlay-dark);
    bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    gap:6px;
    left:0;
    padding:10px 12px;
    position:absolute;
    right:0;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:start;
        -ms-flex-pack:start;
    backdrop-filter:blur(8px);
    border-top:1px solid hsla(0,0%,100%,.1);
            justify-content:flex-start;
    opacity:1;
    -webkit-transition:opacity .25s cubic-bezier(.4, 0, .2, 1);
    transition:opacity .25s cubic-bezier(.4, 0, .2, 1);
    z-index:5;
  }

  .product-card.svelte-1xtlggv:hover .bottom-badge-bar:where(.svelte-1xtlggv){
    opacity:0;
    pointer-events:none;
  }

  .bottom-badge.svelte-1xtlggv{
    border-radius:4px;
    font-size:10px;
    font-weight:600;
    letter-spacing:.3px;
    max-width:100px;
    overflow:hidden;
    padding:4px 8px;
    text-overflow:ellipsis;
    text-transform:capitalize;
    white-space:nowrap;
  }

  .bottom-badge-genre.svelte-1xtlggv{
    background:rgba(255,152,0,.9);
    color:#fff;
  }

  .bottom-badge-tag.svelte-1xtlggv{
    background:hsla(0,0%,39%,.9);
    color:hsla(0,0%,100%,.8);
  }

  .image-container.svelte-1xtlggv{
    background:#1a1a2e;
    contain:layout style paint;
    height:100%;
    overflow:hidden;
    position:relative;
    width:100%;
  }

  .placeholder-image.svelte-1xtlggv{
    background:linear-gradient(135deg, #2a2a3e, #1a1a2e);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:100%;
    width:100%;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
    color:hsla(0,0%,100%,.2);
    font-size:72px;
    font-weight:700;
            justify-content:center;
    text-transform:uppercase;
  }

  .hover-info.svelte-1xtlggv{
    background:-webkit-gradient(
      linear,
      left bottom, left top,
      color-stop(0, rgba(0,0,0,.98)),
      color-stop(40%, rgba(0,0,0,.92)),
      color-stop(60%, rgba(0,0,0,.75)),
      color-stop(80%, rgba(0,0,0,.4)),
      to(transparent)
    );
    background:linear-gradient(
      0deg,
      rgba(0,0,0,.98),
      rgba(0,0,0,.92) 40%,
      rgba(0,0,0,.75) 60%,
      rgba(0,0,0,.4) 80%,
      transparent
    );
    bottom:0;
    contain:layout style paint;
    left:0;
    min-height:120px;
    padding:32px 16px 16px;
    position:absolute;
    right:0;
    -webkit-transform:translate3d(0, 100%, 0);
            transform:translate3d(0, 100%, 0);
    -webkit-transition:-webkit-transform .25s cubic-bezier(.4, 0, .2, 1);
    transition:-webkit-transform .25s cubic-bezier(.4, 0, .2, 1);
    transition:transform .25s cubic-bezier(.4, 0, .2, 1);
    transition:transform .25s cubic-bezier(.4, 0, .2, 1),-webkit-transform .25s cubic-bezier(.4, 0, .2, 1);
    will-change:transform;
    z-index:10;
  }

  .product-card.svelte-1xtlggv:hover .hover-info:where(.svelte-1xtlggv){
    -webkit-transform:translateZ(0);
            transform:translateZ(0);
  }

  .hover-info.svelte-1xtlggv h3:where(.svelte-1xtlggv){
    color:#fff;
    display:-webkit-box;
    font-size:18px;
    font-weight:700;
    -webkit-line-clamp:2;
    line-clamp:2;
    line-height:1.3;
    -webkit-box-orient:vertical;
    text-shadow:0 2px 8px var(--theme-overlay-dark);
  }

  .creator.svelte-1xtlggv,.hover-info.svelte-1xtlggv h3:where(.svelte-1xtlggv){
    margin:0 0 8px;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .creator.svelte-1xtlggv{
    color:hsla(0,0%,100%,.8);
    font-size:14px;
    white-space:nowrap;
  }

  .creator.svelte-1xtlggv,.tagline.svelte-1xtlggv{
    text-shadow:0 1px 4px rgba(0,0,0,.6);
  }

  .tagline.svelte-1xtlggv{
    color:hsla(0,0%,100%,.6);
    display:-webkit-box;
    font-size:13px;
    -webkit-line-clamp:3;
    line-clamp:3;
    line-height:1.5;
    margin:0;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
  }

  .placeholder.svelte-1xtlggv{
    background:#1a1a2e;
    border:2px solid hsla(0,0%,100%,.05);
    cursor:default;
    overflow:hidden;
  }

  .placeholder-shimmer.svelte-1xtlggv{
    background:#1a1a2e;
    height:100%;
    position:relative;
    width:100%;
  }
  .placeholder-shimmer.svelte-1xtlggv:before{
    -webkit-animation:svelte-1xtlggv-wipe 4.5s linear infinite;
            animation:svelte-1xtlggv-wipe 4.5s linear infinite;
    background:-webkit-gradient(
      linear,
      right top, left top,
      color-stop(0, transparent),
      color-stop(30%, transparent),
      color-stop(45%, rgba(74,158,255,.2)),
      color-stop(50%, rgba(74,158,255,.4)),
      color-stop(55%, rgba(74,158,255,.2)),
      color-stop(70%, transparent),
      to(transparent)
    );
    background:linear-gradient(
      270deg,
      transparent,
      transparent 30%,
      rgba(74,158,255,.2) 45%,
      rgba(74,158,255,.4) 50%,
      rgba(74,158,255,.2) 55%,
      transparent 70%,
      transparent
    );
    content:"";
    height:100%;
    left:0;
    mix-blend-mode:screen;
    position:absolute;
    top:0;
    width:300%;
  }
  .icon-container.svelte-1xtlggv{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:80px;
    left:50%;
    position:absolute;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
            transform:translate(-50%, -50%);
    width:80px;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
    -webkit-filter:drop-shadow(0 0 8px rgba(74,158,255,.3));
            filter:drop-shadow(0 0 8px rgba(74, 158, 255, .3));
            justify-content:center;
  }
  .ttrpg-icon.svelte-1xtlggv{
    fill:hsla(0,0%,100%,.15);
    height:64px;
    opacity:0;
    position:absolute;
    -webkit-transition:none;
    transition:none;
    width:64px;
  }
  .icon-dice.svelte-1xtlggv{
    -webkit-animation:svelte-1xtlggv-iconReveal1 4.5s linear infinite;
            animation:svelte-1xtlggv-iconReveal1 4.5s linear infinite;
  }

  .icon-sword.svelte-1xtlggv{
    -webkit-animation:svelte-1xtlggv-iconReveal2 4.5s linear infinite;
            animation:svelte-1xtlggv-iconReveal2 4.5s linear infinite;
  }

  .icon-bow.svelte-1xtlggv{
    -webkit-animation:svelte-1xtlggv-iconReveal3 4.5s linear infinite;
            animation:svelte-1xtlggv-iconReveal3 4.5s linear infinite;
  }
  @-webkit-keyframes svelte-1xtlggv-wipe{
    0%{
      -webkit-transform:translateX(0);
              transform:translateX(0);
    }
    to{
      -webkit-transform:translateX(-66.666%);
              transform:translateX(-66.666%);
    }
  }
  @keyframes svelte-1xtlggv-wipe{
    0%{
      -webkit-transform:translateX(0);
              transform:translateX(0);
    }
    to{
      -webkit-transform:translateX(-66.666%);
              transform:translateX(-66.666%);
    }
  }
  @-webkit-keyframes svelte-1xtlggv-iconReveal1{
    0%{
      fill:hsla(0,0%,100%,.15);
      opacity:1;
    }
    28%{
      fill:hsla(0,0%,100%,.15);
      opacity:1;
    }
    30%{
      fill:rgba(74,158,255,.4);
      opacity:1;
    }
    32%{
      fill:rgba(74,158,255,.4);
      opacity:0;
    }
    33.33%{
      opacity:0;
    }
    to{
      opacity:0;
    }
  }
  @keyframes svelte-1xtlggv-iconReveal1{
    0%{
      fill:hsla(0,0%,100%,.15);
      opacity:1;
    }
    28%{
      fill:hsla(0,0%,100%,.15);
      opacity:1;
    }
    30%{
      fill:rgba(74,158,255,.4);
      opacity:1;
    }
    32%{
      fill:rgba(74,158,255,.4);
      opacity:0;
    }
    33.33%{
      opacity:0;
    }
    to{
      opacity:0;
    }
  }
  @-webkit-keyframes svelte-1xtlggv-iconReveal2{
    0%{
      opacity:0;
    }
    32%{
      opacity:0;
    }
    33.33%{
      fill:rgba(74,158,255,.4);
      opacity:1;
    }
    35%{
      fill:hsla(0,0%,100%,.15);
      opacity:1;
    }
    61%{
      fill:hsla(0,0%,100%,.15);
      opacity:1;
    }
    63%{
      fill:rgba(74,158,255,.4);
      opacity:1;
    }
    65%{
      fill:rgba(74,158,255,.4);
      opacity:0;
    }
    66.66%{
      opacity:0;
    }
    to{
      opacity:0;
    }
  }
  @keyframes svelte-1xtlggv-iconReveal2{
    0%{
      opacity:0;
    }
    32%{
      opacity:0;
    }
    33.33%{
      fill:rgba(74,158,255,.4);
      opacity:1;
    }
    35%{
      fill:hsla(0,0%,100%,.15);
      opacity:1;
    }
    61%{
      fill:hsla(0,0%,100%,.15);
      opacity:1;
    }
    63%{
      fill:rgba(74,158,255,.4);
      opacity:1;
    }
    65%{
      fill:rgba(74,158,255,.4);
      opacity:0;
    }
    66.66%{
      opacity:0;
    }
    to{
      opacity:0;
    }
  }
  @-webkit-keyframes svelte-1xtlggv-iconReveal3{
    0%{
      opacity:0;
    }
    65%{
      opacity:0;
    }
    66.66%{
      fill:rgba(74,158,255,.4);
      opacity:1;
    }
    68%{
      fill:hsla(0,0%,100%,.15);
      opacity:1;
    }
    94%{
      fill:hsla(0,0%,100%,.15);
      opacity:1;
    }
    96%{
      fill:rgba(74,158,255,.4);
      opacity:1;
    }
    98%{
      fill:rgba(74,158,255,.4);
      opacity:0;
    }
    to{
      opacity:0;
    }
  }
  @keyframes svelte-1xtlggv-iconReveal3{
    0%{
      opacity:0;
    }
    65%{
      opacity:0;
    }
    66.66%{
      fill:rgba(74,158,255,.4);
      opacity:1;
    }
    68%{
      fill:hsla(0,0%,100%,.15);
      opacity:1;
    }
    94%{
      fill:hsla(0,0%,100%,.15);
      opacity:1;
    }
    96%{
      fill:rgba(74,158,255,.4);
      opacity:1;
    }
    98%{
      fill:rgba(74,158,255,.4);
      opacity:0;
    }
    to{
      opacity:0;
    }
  }
.list-view{
  background:var(--theme-bg-primary);
  contain:layout style paint;
  height:100%;
  overflow-x:hidden;
  overflow-y:auto;
  padding:0 16px;
  width:100%;
}
.list-view::-webkit-scrollbar{
  width:12px;
}

.list-view::-webkit-scrollbar-track{
  background:var(--theme-border-subtle);
}

.list-view::-webkit-scrollbar-thumb{
  background:color-mix(in srgb, var(--theme-text-muted) 30%, transparent);
  border-radius:6px;
}

.list-view::-webkit-scrollbar-thumb:hover{
  background:color-mix(in srgb, var(--theme-text-muted) 40%, transparent);
}
.list-spacer{
  position:relative;
  width:100%;
}

.list-content{
  -webkit-column-gap:16px;
     -moz-column-gap:16px;
          column-gap:16px;
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  row-gap:4px;
}
@media (max-width:991px){
  .list-content{
    grid-template-columns:1fr;
  }
}
.list-row{
  display:grid;
  gap:10px;
  grid-template-columns:48px 1fr 80px;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  border-bottom:1px solid var(--theme-border-subtle);
  border-radius:6px;
  contain:layout style paint;
  contain-intrinsic-size:auto 64px;
  content-visibility:auto;
  cursor:pointer;
  margin-bottom:0;
  padding:8px 12px;
  -webkit-transition:background-color .15s ease;
  transition:background-color .15s ease;
}

.list-row:hover{
  background-color:var(--theme-surface-hover);
}

.list-row:focus{
  outline:2px solid var(--theme-border-focus);
  outline-offset:-2px;
}
.list-thumbnail{
  background:var(--theme-bg-secondary);
  border-radius:4px;
  height:48px;
  overflow:hidden;
  width:48px;
  -ms-flex-negative:0;
      flex-shrink:0;
}

.list-thumbnail img{
  display:block;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  width:100%;
}

.thumbnail-placeholder{
  height:100%;
  width:100%;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
  background:linear-gradient(135deg, var(--theme-bg-secondary) 0, var(--theme-bg-tertiary) 100%);
  color:var(--theme-text-muted);
  font-size:24px;
  font-weight:700;
          justify-content:center;
  text-transform:uppercase;
}
.list-main,.thumbnail-placeholder{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.list-main{
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  gap:2px;
  min-width:0;
  overflow:hidden;
}

.list-title{
  color:var(--theme-text-primary);
  font-size:14px;
  font-weight:600;
  line-height:1.3;
}

.list-creator,.list-title{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.list-creator{
  color:var(--theme-text-muted);
  font-size:12px;
  line-height:1.2;
}
.list-genres,.list-tags{
  display:none;
}
.list-price{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:end;
      -ms-flex-pack:end;
          justify-content:flex-end;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  min-width:70px;
}

.price-badge{
  border-radius:4px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.3px;
  padding:4px 10px;
  text-align:center;
  text-transform:uppercase;
  white-space:nowrap;
}

.price-badge-free{
  background:var(--theme-success-bg);
  border:1px solid var(--theme-success-border);
  color:var(--theme-success);
}

.price-badge-pwyw{
  background:var(--theme-info-bg);
  border:1px solid var(--theme-info-border);
  color:var(--theme-info);
}

.price-badge-paid{
  background:rgba(59,130,246,.15);
  border:1px solid rgba(59,130,246,.4);
  color:#3b82f6;
}

.price-badge-unknown{
  background:color-mix(in srgb, var(--theme-border-strong) 20%, transparent);
  border:1px solid color-mix(in srgb, var(--theme-border-strong) 30%, transparent);
  color:var(--theme-text-muted);
}
@media (max-width:991px){
  .list-row{
    gap:10px;
    grid-template-columns:48px 1fr 80px;
    padding:8px 12px;
  }

  .list-thumbnail{
    height:48px;
    width:48px;
  }

  .list-title{
    font-size:13px;
  }

  .list-creator{
    font-size:11px;
  }

  .list-price{
    min-width:60px;
  }

  .price-badge{
    font-size:9px;
    padding:4px 8px;
  }
}

  .list-canvas.svelte-175x27v{
    position:relative;
  }
  .list-row.svelte-175x27v{
    display:grid;
    gap:10px;
    grid-template-columns:48px minmax(150px, 250px) minmax(80px, auto) minmax(90px, auto) auto;
    position:absolute;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    background:hsla(0,0%,8%,.4);
    border-bottom:1px solid hsla(0,0%,100%,.1);
    border-radius:6px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    cursor:pointer;
    padding:8px 12px;
    -webkit-transition:background-color .15s ease;
    transition:background-color .15s ease;
  }

  .list-row.svelte-175x27v:hover{
    background-color:hsla(0,0%,100%,.05);
    z-index:10;
  }
  .placeholder.svelte-175x27v{
    border-bottom:1px solid hsla(0,0%,100%,.05);
    pointer-events:none;
  }

  .skeleton.svelte-175x27v{
    border-radius:4px;
  }

  .skeleton-text.svelte-175x27v,.skeleton.svelte-175x27v{
    background:hsla(0,0%,100%,.05);
  }

  .skeleton-text.svelte-175x27v{
    border-radius:2px;
    height:12px;
    margin-bottom:4px;
  }

  .width-60.svelte-175x27v{
    width:60%;
  }
  .width-40.svelte-175x27v{
    width:40%;
  }
  .list-thumbnail.svelte-175x27v{
    background:rgba(0,0,0,.3);
    border-radius:4px;
    height:48px;
    overflow:hidden;
    width:48px;
    -ms-flex-negative:0;
        flex-shrink:0;
  }

  .list-thumbnail.svelte-175x27v img:where(.svelte-175x27v){
    display:block;
    height:100%;
    -o-object-fit:cover;
       object-fit:cover;
    width:100%;
  }

  .thumbnail-placeholder.svelte-175x27v{
    height:100%;
    width:100%;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
    background:linear-gradient(
      135deg,
      hsla(0,0%,100%,.1),
      hsla(0,0%,100%,.05)
    );
    color:hsla(0,0%,100%,.5);
    font-size:24px;
    font-weight:700;
            justify-content:center;
    text-transform:uppercase;
  }
  .list-main.svelte-175x27v,.thumbnail-placeholder.svelte-175x27v{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }
  .list-main.svelte-175x27v{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    gap:2px;
    min-width:0;
    overflow:hidden;
  }

  .list-title.svelte-175x27v{
    color:#fff;
    font-size:14px;
    font-weight:600;
    line-height:1.3;
  }

  .list-creator.svelte-175x27v,.list-title.svelte-175x27v{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .list-creator.svelte-175x27v{
    color:hsla(0,0%,100%,.6);
    font-size:12px;
    line-height:1.2;
  }
  .list-price.svelte-175x27v{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
        -ms-flex-pack:end;
            justify-content:flex-end;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    min-width:70px;
  }

  .price-badge.svelte-175x27v{
    background:rgba(59,130,246,.15);
    border:1px solid rgba(59,130,246,.4);
    border-radius:4px;
    color:#3b82f6;
    font-size:10px;
    font-weight:700;
    letter-spacing:.3px;
    padding:4px 10px;
    text-align:center;
    text-transform:uppercase;
    white-space:nowrap;
  }

  .price-badge.is-pwyw.svelte-175x27v{
    background:rgba(34,197,94,.15);
    border:1px solid rgba(34,197,94,.4);
    color:#22c55e;
  }
  .list-genres.svelte-175x27v{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:start;
        -ms-flex-pack:start;
    font-size:11px;
    gap:4px;
            justify-content:flex-start;
    max-width:120px;
    min-height:24px;
    min-width:90px;
  }

  .genre-tag.svelte-175x27v{
    background:rgba(139,92,246,.15);
    border:1px solid rgba(139,92,246,.3);
    border-radius:3px;
    color:#8b5cf6;
    display:inline-block;
    font-size:10px;
    font-weight:500;
    overflow:hidden;
    padding:2px 6px;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .list-game-system.svelte-175x27v{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    gap:3px;
    -webkit-box-align:start;
        -ms-flex-align:start;
            align-items:flex-start;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
    font-size:11px;
            justify-content:center;
    max-width:110px;
    min-height:24px;
    min-width:80px;
  }

  .system-badge.svelte-175x27v{
    background:rgba(59,130,246,.15);
    border:1px solid rgba(59,130,246,.3);
    border-radius:3px;
    color:#3b82f6;
  }
  .system-badge.svelte-175x27v,.type-badge.svelte-175x27v{
    display:inline-block;
    font-size:10px;
    font-weight:500;
    overflow:hidden;
    padding:2px 6px;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .type-badge.svelte-175x27v{
    background:rgba(220,20,60,.15);
    border:1px solid rgba(220,20,60,.3);
    border-radius:3px;
    color:#dc143c;
  }
  .list-metadata.svelte-175x27v{
    display:none;
  }
  @media (max-width:1199px){
    .list-game-system.svelte-175x27v{
      display:none;
    }
    .list-row.svelte-175x27v{
      grid-template-columns:48px minmax(150px, 250px) minmax(90px, auto) auto;
    }
  }

  @media (max-width:991px){
    .list-genres.svelte-175x27v{
      display:none;
    }
    .list-row.svelte-175x27v{
      grid-template-columns:48px 1fr auto;
    }
  }
.table-view{
  background:var(--color-bg-primary);
  contain:layout style paint;
  height:100%;
  overflow-x:auto;
  overflow-y:auto;
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  width:100%;
}
.table-view::-webkit-scrollbar{
  height:12px;
  width:12px;
}

.table-view::-webkit-scrollbar-track{
  background:var(--color-border-subtle);
}

.table-view::-webkit-scrollbar-thumb{
  background:color-mix(in srgb, var(--color-text-muted) 30%, transparent);
  border-radius:6px;
}

.table-view::-webkit-scrollbar-thumb:hover{
  background:color-mix(in srgb, var(--color-text-muted) 40%, transparent);
}

.table-view::-webkit-scrollbar-corner{
  background:var(--color-border-subtle);
}
.table-header{
  background:var(--color-bg-elevated);
  border-bottom:2px solid var(--color-border-default);
  contain:layout style paint;
  position:sticky;
  top:0;
  z-index:10;
}

.table-header .table-row{
  border-bottom:none;
}

.table-header .table-cell{
  background:var(--theme-bg-elevated);
  color:var(--theme-text-primary);
  cursor:-webkit-grab;
  cursor:grab;
  font-size:13px;
  font-weight:700;
  letter-spacing:.5px;
  position:relative;
  text-transform:uppercase;
}

.table-header .table-cell.dragging{
  cursor:-webkit-grabbing;
  cursor:grabbing;
  opacity:.5;
}
.column-label{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  gap:6px;
}

.sort-icon{
  color:var(--theme-text-muted);
  font-size:12px;
}
.resize-handle{
  background:transparent;
  bottom:0;
  cursor:col-resize;
  position:absolute;
  right:0;
  top:0;
  -webkit-transition:background-color .15s ease;
  transition:background-color .15s ease;
  width:8px;
  z-index:10;
}

.resize-handle:hover{
  background-color:var(--theme-accent);
}
.sortable{
  cursor:pointer;
  -webkit-transition:background-color .15s ease;
  transition:background-color .15s ease;
}

.sortable:hover{
  background-color:var(--theme-surface-hover);
}

.sortable.sorted{
  background-color:var(--theme-accent-subtle);
  color:var(--theme-accent);
}

.sortable:focus{
  outline:2px solid var(--theme-border-focus);
  outline-offset:-2px;
}
.table-body{
  min-height:100px;
  position:relative;
}
.table-spacer{
  position:relative;
  width:100%;
}

.table-rows{
  left:0;
  position:absolute;
  right:0;
  top:0;
  will-change:transform;
}
.table-row{
  display:grid;
  gap:0;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  border-bottom:1px solid var(--theme-border-subtle);
  contain:layout style paint;
  contain-intrinsic-size:auto 64px;
  content-visibility:auto;
  -webkit-transition:background-color .15s ease;
  transition:background-color .15s ease;
}

.table-row.clickable{
  cursor:pointer;
}

.table-row.clickable:hover{
  background-color:var(--theme-surface-hover);
}

.table-row.clickable:focus{
  outline:2px solid var(--theme-border-focus);
  outline-offset:-2px;
}
.table-cell{
  border-right:1px solid var(--theme-border-subtle);
  color:var(--theme-text-secondary);
  font-size:14px;
  overflow:hidden;
  padding:12px 16px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.table-cell:last-child{
  border-right:none;
}
.cell-thumbnail{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  padding:8px;
}

.cell-thumbnail img{
  display:block;
  -o-object-fit:cover;
     object-fit:cover;
}

.cell-thumbnail img,.thumbnail-placeholder{
  border-radius:4px;
  height:48px;
  width:48px;
}

.thumbnail-placeholder{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
  background:linear-gradient(135deg, var(--theme-bg-secondary) 0, var(--theme-bg-tertiary) 100%);
  color:var(--theme-text-muted);
  font-size:18px;
  font-weight:700;
          justify-content:center;
  text-transform:uppercase;
}
.cell-title{
  color:var(--theme-text-primary);
  font-weight:600;
}
.cell-creator{
  color:var(--theme-text-muted);
}
.cell-genres{
  color:var(--theme-accent);
  font-size:13px;
}
.cell-tags{
  color:var(--theme-text-muted);
  font-size:13px;
}
.cell-price{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
}

.price-badge{
  border-radius:6px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.5px;
  padding:6px 12px;
  text-align:center;
  text-transform:uppercase;
  white-space:nowrap;
}

.price-badge-free{
  background:var(--theme-success-bg);
  border:1px solid var(--theme-success-border);
  color:var(--theme-success);
}

.price-badge-pwyw{
  background:var(--theme-info-bg);
  border:1px solid var(--theme-info-border);
  color:var(--theme-info);
}

.price-badge-paid{
  background:rgba(59,130,246,.15);
  border:1px solid rgba(59,130,246,.4);
  color:#3b82f6;
}

.price-badge-unknown{
  background:color-mix(in srgb, var(--theme-border-strong) 20%, transparent);
  border:1px solid color-mix(in srgb, var(--theme-border-strong) 30%, transparent);
  color:var(--theme-text-muted);
}
.table-rows .table-row:nth-child(2n){
  background-color:color-mix(in srgb, var(--theme-surface-hover) 30%, transparent);
}

.table-rows .table-row:nth-child(2n):hover{
  background-color:var(--theme-surface-hover);
}
@media (max-width:768px){
  .table-cell{
    font-size:13px;
    padding:8px 12px;
  }

  .cell-thumbnail img,.thumbnail-placeholder{
    height:40px;
    width:40px;
  }
  .cell-genres,.cell-tags{
    display:none;
  }

  .price-badge{
    font-size:10px;
    padding:4px 8px;
  }

  .resize-handle{
    width:12px;
  }
}
@media (max-width:1024px) and (min-width:769px){
  .table-cell{
    padding:10px 14px;
  }
  .cell-tags{
    display:none;
  }
}
@media (min-width:1920px){
  .table-cell{
    font-size:15px;
    padding:14px 20px;
  }

  .cell-thumbnail img,.thumbnail-placeholder{
    height:64px;
    width:64px;
  }
}

  .table-canvas.svelte-jem531{
    position:relative;
  }

  .table-header.svelte-jem531{
    background:#1a1a1a;
    border-bottom:1px solid hsla(0,0%,100%,.1);
    position:sticky;
    top:0;
    z-index:20;
  }

  .table-row.svelte-jem531{
    display:grid;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    border-bottom:1px solid hsla(0,0%,100%,.05);
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
  }
  .table-row.clickable.svelte-jem531,.table-row.placeholder.svelte-jem531{
    background:hsla(0,0%,8%,.4);
    left:0;
    position:absolute;
    right:0;
  }

  .table-row.clickable.svelte-jem531:hover{
    background-color:hsla(0,0%,100%,.05);
    z-index:1;
  }

  .header-row.svelte-jem531{
    backdrop-filter:blur(10px);
    background:rgba(30,30,30,.95);
    height:100%;
  }

  .table-cell.svelte-jem531{
    color:#e0e0e0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:13px;
    height:100%;
    overflow:hidden;
    padding:0 12px;
    text-overflow:ellipsis;
    white-space:nowrap;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    position:relative;
  }
  .table-header.svelte-jem531 .table-cell:where(.svelte-jem531){
    color:#aaa;
    font-size:12px;
    font-weight:600;
    letter-spacing:.5px;
    text-transform:uppercase;
    -webkit-user-select:none;
       -moz-user-select:none;
        -ms-user-select:none;
            user-select:none;
  }

  .table-header.svelte-jem531 .table-cell.sortable:where(.svelte-jem531){
    cursor:pointer;
  }

  .table-header.svelte-jem531 .table-cell.sortable:where(.svelte-jem531):hover{
    background:hsla(0,0%,100%,.05);
    color:#fff;
  }

  .sort-icon.svelte-jem531{
    font-size:14px;
    margin-left:6px;
  }

  .resize-handle.svelte-jem531{
    background:transparent;
    bottom:0;
    cursor:col-resize;
    position:absolute;
    right:0;
    top:0;
    -webkit-transition:background .2s;
    transition:background .2s;
    width:4px;
  }

  .resize-handle.svelte-jem531:hover,.table-cell.svelte-jem531:hover .resize-handle:where(.svelte-jem531){
    background:hsla(0,0%,100%,.2);
  }
  .cell-thumbnail.svelte-jem531 img:where(.svelte-jem531){
    -o-object-fit:cover;
       object-fit:cover;
  }

  .cell-thumbnail.svelte-jem531 img:where(.svelte-jem531),.thumbnail-placeholder.svelte-jem531{
    border-radius:4px;
    height:40px;
    width:40px;
  }

  .thumbnail-placeholder.svelte-jem531{
    background:hsla(0,0%,100%,.1);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
    color:hsla(0,0%,100%,.3);
    font-weight:700;
            justify-content:center;
  }

  .cell-title.svelte-jem531{
    color:#fff;
    font-weight:500;
  }
  .type-badge.svelte-jem531{
    background:rgba(220,20,60,.1);
    color:#dc143c;
  }

  .system-badge.svelte-jem531,.type-badge.svelte-jem531{
    border-radius:4px;
    display:inline-block;
    font-size:12px;
    font-weight:500;
    padding:3px 8px;
  }

  .system-badge.svelte-jem531{
    background:rgba(70,130,180,.1);
    color:#4682b4;
  }

  .format-badge.svelte-jem531{
    background:hsla(0,0%,50%,.1);
    color:#666;
    font-weight:500;
  }

  .format-badge.svelte-jem531,.lang-badge.svelte-jem531{
    border-radius:3px;
    display:inline-block;
    font-size:11px;
    padding:3px 6px;
  }

  .lang-badge.svelte-jem531{
    background:rgba(50,205,50,.1);
    color:#32cd32;
    font-weight:600;
  }

  .source-badge.svelte-jem531{
    border-radius:4px;
    display:inline-block;
    font-size:11px;
    font-weight:500;
    padding:3px 8px;
  }

  .source-badge.source-itch-io.svelte-jem531{
    background:rgba(250,92,124,.1);
    color:#fa5c7c;
  }

  .source-badge.source-drivethrurpg.svelte-jem531{
    background:rgba(52,152,219,.1);
    color:#3498db;
  }

  .source-badge.source-unknown.svelte-jem531{
    background:hsla(0,0%,50%,.1);
    color:#999;
  }

  .price-badge.svelte-jem531{
    background:rgba(59,130,246,.15);
    border:1px solid rgba(59,130,246,.4);
    border-radius:4px;
    color:#3b82f6;
    font-size:11px;
    font-weight:700;
    padding:4px 8px;
  }

  .price-badge.is-pwyw.svelte-jem531{
    background:rgba(34,197,94,.15);
    border:1px solid rgba(34,197,94,.4);
    color:#22c55e;
  }
  .skeleton-text.svelte-jem531{
    background:hsla(0,0%,100%,.05);
    border-radius:2px;
    height:12px;
  }
  .width-80.svelte-jem531{
    width:80%;
  }

  .filter-drawer.svelte-11lhxvg{
    backdrop-filter:blur(20px);
    background:hsla(0,0%,8%,.95);
    border-left:1px solid hsla(0,0%,100%,.1);
    height:100vh;
    max-width:380px;
    overflow-x:hidden;
    overflow-y:auto;
    position:fixed;
    right:0;
    top:0;
    -webkit-transition:width .3s ease;
    transition:width .3s ease;
    width:0;
    z-index:200;
  }

  .filter-drawer.open.svelte-11lhxvg{
    -webkit-box-shadow:-4px 0 20px rgba(0,0,0,.5);
            box-shadow:-4px 0 20px rgba(0,0,0,.5);
    width:380px;
  }
  .filter-header.svelte-11lhxvg{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:sticky;
    top:0;
    z-index:10;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    backdrop-filter:blur(20px);
    background:hsla(0,0%,8%,.98);
    border-bottom:1px solid hsla(0,0%,100%,.1);
    padding:20px;
  }

  .filter-header.svelte-11lhxvg h3:where(.svelte-11lhxvg){
    color:#fff;
    font-size:18px;
    margin:0;
  }

  .filter-close.svelte-11lhxvg{
    background:none;
    border:none;
    color:hsla(0,0%,100%,.6);
    cursor:pointer;
    padding:4px;
    -webkit-transition:color .2s ease;
    transition:color .2s ease;
  }

  .filter-close.svelte-11lhxvg:hover{
    color:#fff;
  }
  .filter-content.svelte-11lhxvg{
    padding:0;
  }
  .search-section.svelte-11lhxvg{
    border-bottom:1px solid hsla(0,0%,100%,.05);
    padding:20px;
  }

  .search-container.svelte-11lhxvg{
    position:relative;
  }

  .search-icon.svelte-11lhxvg{
    color:var(--theme-text-disabled);
    left:12px;
    pointer-events:none;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
            transform:translateY(-50%);
  }

  .search-input.svelte-11lhxvg{
    background:hsla(0,0%,100%,.05);
    border:1px solid hsla(0,0%,100%,.1);
    border-radius:6px;
    color:#fff;
    font-size:14px;
    padding:10px 12px 10px 36px;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
    width:100%;
  }

  .search-input.svelte-11lhxvg:focus{
    background:hsla(0,0%,100%,.08);
    border-color:rgba(220,20,60,.5);
    outline:none;
  }

  .submit-game-btn.svelte-11lhxvg{
    background:linear-gradient(135deg, rgba(220,20,60,.8), rgba(139,0,0,.8));
    border:1px solid rgba(220,20,60,.5);
    border-radius:8px;
    color:#fff;
    cursor:pointer;
    font-size:14px;
    font-weight:600;
    margin-top:12px;
    padding:10px 12px;
    text-align:center;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    width:100%;
  }

  .submit-game-btn.svelte-11lhxvg:hover{
    background:linear-gradient(135deg, #dc143c, #8b0000);
    -webkit-box-shadow:0 4px 12px rgba(220,20,60,.4);
            box-shadow:0 4px 12px rgba(220,20,60,.4);
    -webkit-transform:translateY(-2px);
            transform:translateY(-2px);
  }

  .submit-game-btn.svelte-11lhxvg:active{
    -webkit-transform:translateY(0);
            transform:translateY(0);
  }
  .filter-section.svelte-11lhxvg{
    border-bottom:1px solid hsla(0,0%,100%,.05);
  }

  .section-header.svelte-11lhxvg{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    background:none;
    border:none;
    color:#fff;
    cursor:pointer;
    font-size:14px;
    font-weight:600;
    padding:16px 20px;
    text-align:left;
    -webkit-transition:background .2s ease;
    transition:background .2s ease;
  }

  .section-header.svelte-11lhxvg:hover{
    background:hsla(0,0%,100%,.05);
  }

  .collapse-icon.svelte-11lhxvg{
    color:hsla(0,0%,100%,.6);
    -webkit-transition:-webkit-transform .3s ease;
    transition:-webkit-transform .3s ease;
    transition:transform .3s ease;
    transition:transform .3s ease,-webkit-transform .3s ease;
  }

  .collapse-icon.collapsed.svelte-11lhxvg{
    -webkit-transform:rotate(-90deg);
            transform:rotate(-90deg);
  }
  .filter-options.svelte-11lhxvg{
    display:grid;
    gap:8px;
    grid-template-columns:repeat(3, 1fr);
    padding:0 20px 16px;
  }

  .filter-option.svelte-11lhxvg{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
    background:hsla(0,0%,100%,.05);
    border:1px solid hsla(0,0%,100%,.1);
    border-radius:6px;
    color:hsla(0,0%,100%,.8);
    cursor:pointer;
    font-size:13px;
    gap:4px;
            justify-content:center;
    min-height:65px;
    padding:12px 8px;
    text-align:center;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
  }

  .filter-option.active.svelte-11lhxvg{
    background:rgba(220,20,60,.25);
    border-color:rgba(220,20,60,.6);
    color:#fff;
  }

  .filter-option.svelte-11lhxvg:hover{
    background:hsla(0,0%,100%,.08);
    border-color:hsla(0,0%,100%,.2);
    color:#fff;
  }

  .filter-option.active.svelte-11lhxvg:hover{
    background:rgba(220,20,60,.35);
    border-color:rgba(220,20,60,.7);
  }

  .filter-name.svelte-11lhxvg{
    display:-webkit-box;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient:vertical;
    font-size:12px;
    font-weight:600;
    line-height:1.3;
    max-height:2.6em;
    overflow:hidden;
    overflow-wrap:break-word;
    text-overflow:ellipsis;
    width:100%;
    word-break:break-word;
  }

  .facet-count.svelte-11lhxvg{
    opacity:.7;
    white-space:nowrap;
  }
  .price-filters-section.svelte-11lhxvg{
    padding:16px 20px;
  }

  .price-filters-container.svelte-11lhxvg{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:8px;
    width:100%;
  }

  .price-filter-btn.svelte-11lhxvg{
    -webkit-box-flex:1;
    background:hsla(0,0%,100%,.05);
    border:1px solid hsla(0,0%,100%,.1);
    border-radius:6px;
    color:hsla(0,0%,100%,.8);
    cursor:pointer;
        -ms-flex:1;
            flex:1;
    font-size:13px;
    font-weight:600;
    padding:10px 16px;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
  }

  .price-filter-btn.active.svelte-11lhxvg{
    background:rgba(220,20,60,.25);
    border-color:rgba(220,20,60,.6);
    color:#fff;
  }

  .price-filter-btn.svelte-11lhxvg:hover{
    background:hsla(0,0%,100%,.08);
    border-color:hsla(0,0%,100%,.2);
    color:#fff;
  }

  .price-filter-btn.active.svelte-11lhxvg:hover{
    background:rgba(220,20,60,.35);
    border-color:rgba(220,20,60,.7);
  }
  .collections-content.svelte-11lhxvg{
    padding:0 20px 16px;
  }
  .tiny-table-toggle.svelte-11lhxvg{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    background:hsla(0,0%,100%,.05);
    border:2px solid hsla(0,0%,100%,.1);
    border-radius:8px;
    color:var(--theme-text-secondary);
    cursor:pointer;
    font-size:18px;
    font-weight:700;
    gap:4px;
    padding:16px 20px;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
  }

  .tiny-table-subtitle.svelte-11lhxvg{
    font-size:11px;
    font-weight:500;
    letter-spacing:.5px;
    opacity:.6;
    text-transform:uppercase;
  }

  .tiny-table-toggle.active.svelte-11lhxvg{
    background:linear-gradient(135deg, rgba(220,20,60,.3), rgba(139,0,0,.3));
    border-color:rgba(220,20,60,.6);
    -webkit-box-shadow:0 4px 12px rgba(220,20,60,.3);
            box-shadow:0 4px 12px rgba(220,20,60,.3);
    color:#fff;
  }

  .tiny-table-toggle.active.svelte-11lhxvg .tiny-table-subtitle:where(.svelte-11lhxvg){
    opacity:.9;
  }

  .tiny-table-toggle.svelte-11lhxvg:hover{
    background:hsla(0,0%,100%,.08);
    border-color:hsla(0,0%,100%,.2);
    -webkit-box-shadow:0 4px 12px rgba(0,0,0,.2);
            box-shadow:0 4px 12px rgba(0,0,0,.2);
    color:#fff;
    -webkit-transform:translateY(-2px);
            transform:translateY(-2px);
  }

  .tiny-table-toggle.active.svelte-11lhxvg:hover{
    background:linear-gradient(135deg, rgba(220,20,60,.4), rgba(139,0,0,.4));
    border-color:rgba(220,20,60,.7);
    -webkit-box-shadow:0 6px 16px rgba(220,20,60,.4);
            box-shadow:0 6px 16px rgba(220,20,60,.4);
  }
  .facet-count.svelte-11lhxvg{
    color:hsla(0,0%,100%,.5);
    font-size:11px;
    font-weight:400;
  }
  .filter-footer.svelte-11lhxvg{
    backdrop-filter:blur(20px);
    background:hsla(0,0%,8%,.98);
    border-top:1px solid hsla(0,0%,100%,.1);
    bottom:0;
    padding:20px;
    position:sticky;
    z-index:10;
  }

  .clear-filters.svelte-11lhxvg{
    background:hsla(0,0%,100%,.1);
    border:1px solid hsla(0,0%,100%,.2);
    border-radius:6px;
    color:#fff;
    cursor:pointer;
    font-size:14px;
    padding:10px;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
    width:100%;
  }

  .clear-filters.svelte-11lhxvg:hover{
    background:hsla(0,0%,100%,.15);
    border-color:hsla(0,0%,100%,.3);
  }
  @media (max-width:768px){
    .filter-drawer.svelte-11lhxvg{
      height:100vh;
      max-width:100vw;
      position:fixed;
      right:0;
      top:0;
      -webkit-transform:translateX(100%);
              transform:translateX(100%);
      -webkit-transition:-webkit-transform .3s ease;
      transition:-webkit-transform .3s ease;
      transition:transform .3s ease;
      transition:transform .3s ease,-webkit-transform .3s ease;
      width:100vw;
      z-index:999;
    }

    .filter-drawer.open.svelte-11lhxvg{
      -webkit-transform:translateX(0);
              transform:translateX(0);
      width:100vw;
    }
  }
  @media (min-width:769px) and (max-width:1024px){
    .filter-drawer.svelte-11lhxvg{
      max-width:360px;
    }

    .filter-drawer.open.svelte-11lhxvg{
      width:360px;
    }
  }

  .minimap-container.svelte-zrqsii{
    background:rgba(0,0,0,.9);
    border:2px solid rgba(220,20,60,.3);
    border-radius:8px;
    -webkit-box-shadow:0 4px 12px rgba(0,0,0,.3),inset 0 0 20px rgba(220,20,60,.1);
            box-shadow:0 4px 12px rgba(0,0,0,.3),inset 0 0 20px rgba(220,20,60,.1);
    height:230px;
    overflow:visible;
    position:relative;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    width:400px;
  }

  .minimap-container.svelte-zrqsii:hover{
    -webkit-box-shadow:0 8px 24px var(--theme-overlay-medium), 0 0 0 2px rgba(220,20,60,.5);
            box-shadow:0 8px 24px var(--theme-overlay-medium), 0 0 0 2px rgba(220,20,60,.5);
    -webkit-transform:translateY(-2px);
            transform:translateY(-2px);
  }

  .minimap-canvas.svelte-zrqsii{
    border-radius:6px;
    cursor:crosshair;
    display:block;
    height:100%;
    width:100%;
  }
  .minimap-size-controls.svelte-zrqsii{
    left:8px;
    position:absolute;
    top:8px;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    background:var(--theme-overlay-dark);
    border:1px solid rgba(220,20,60,.3);
    border-radius:6px;
        -ms-flex-direction:column;
            flex-direction:column;
    gap:4px;
    padding:4px;
    z-index:10;
  }

  .minimap-size-controls.svelte-zrqsii,.size-button.svelte-zrqsii{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }

  .size-button.svelte-zrqsii{
    background:transparent;
    border:1px solid hsla(0,0%,100%,.2);
    border-radius:4px;
    color:hsla(0,0%,100%,.6);
    cursor:pointer;
    font-size:14px;
    font-weight:600;
    height:32px;
    width:32px;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
  }

  .size-button.svelte-zrqsii:hover{
    background:hsla(0,0%,100%,.1);
    border-color:var(--theme-text-disabled);
    color:#fff;
  }

  .size-button.active.svelte-zrqsii{
    background:rgba(220,20,60,.3);
    border-color:rgba(220,20,60,.6);
    color:#fff;
  }
  .minimap-zoom-controls.svelte-zrqsii{
    padding:4px;
    top:8px;
  }
  .minimap-info.svelte-zrqsii,.minimap-zoom-controls.svelte-zrqsii{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:absolute;
    right:8px;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    background:var(--theme-overlay-dark);
    border:1px solid rgba(220,20,60,.3);
    border-radius:6px;
        -ms-flex-direction:column;
            flex-direction:column;
    gap:4px;
  }
  .minimap-info.svelte-zrqsii{
    bottom:8px;
    padding:6px 10px;
    pointer-events:none;
  }

  .info-text.svelte-zrqsii{
    color:var(--theme-text-secondary);
    font-family:monospace;
    font-size:11px;
    font-weight:600;
  }

  .zoom-indicator.svelte-zrqsii{
    color:rgba(220,20,60,.9);
    font-weight:700;
  }

  .zoom-button.svelte-zrqsii{
    background:rgba(40,40,40,.9);
    border:1px solid rgba(220,20,60,.3);
    border-radius:4px;
    color:#ddd;
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:32px;
    width:32px;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
    font-size:12px;
    font-weight:700;
            justify-content:center;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
  }

  .zoom-button.svelte-zrqsii:hover{
    background:rgba(220,20,60,.2);
    border-color:rgba(220,20,60,.6);
    color:#fff;
  }

  .zoom-button.svelte-zrqsii svg:where(.svelte-zrqsii){
    height:18px;
    stroke-width:2;
    width:18px;
  }

  .zoom-reset.svelte-zrqsii{
    min-width:36px;
  }
  @media (max-width:640px){
    .minimap-container.svelte-zrqsii{
      height:160px;
      width:280px;
    }
    .minimap-size-controls.svelte-zrqsii{
      left:4px;
      top:4px;
      -webkit-transform:scale(.8);
              transform:scale(.8);
      -webkit-transform-origin:top left;
              transform-origin:top left;
    }

    .minimap-zoom-controls.svelte-zrqsii{
      right:4px;
      top:4px;
      -webkit-transform:scale(.8);
              transform:scale(.8);
      -webkit-transform-origin:top right;
              transform-origin:top right;
    }

    .minimap-info.svelte-zrqsii{
      bottom:4px;
      right:4px;
      -webkit-transform:scale(.8);
              transform:scale(.8);
      -webkit-transform-origin:bottom right;
              transform-origin:bottom right;
    }

    .zoom-button.svelte-zrqsii{
      height:28px;
      width:28px;
    }

    .zoom-button.svelte-zrqsii svg:where(.svelte-zrqsii){
      height:16px;
      width:16px;
    }

    .info-text.svelte-zrqsii{
      font-size:10px;
    }
  }

	.modal-backdrop.svelte-lh6bt6{
		backdrop-filter:blur(8px);
		background:rgba(0,0,0,.85);
		bottom:0;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		left:0;
		position:fixed;
		right:0;
		top:0;
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
		-webkit-box-pack:center;
		    -ms-flex-pack:center;
		        justify-content:center;
		overflow-y:auto;
		padding:1rem;
		z-index:1000;
	}

	.modal-content.svelte-lh6bt6{
		background:hsla(0,0%,8%,.95);
		border:1px solid hsla(0,0%,100%,.1);
		border-radius:12px;
		-webkit-box-shadow:0 20px 60px var(--theme-overlay-medium);
		        box-shadow:0 20px 60px var(--theme-overlay-medium);
		max-height:90vh;
		max-width:800px;
		overflow-y:auto;
		width:100%;
	}

	.modal-header.svelte-lh6bt6{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:justify;
		    -ms-flex-pack:justify;
		        justify-content:space-between;
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
		border-bottom:1px solid hsla(0,0%,100%,.1);
		padding:1.5rem;
	}

	.modal-header.svelte-lh6bt6 h2:where(.svelte-lh6bt6){
		color:#fff;
		font-size:1.5rem;
		font-weight:600;
		margin:0;
	}

	.close-button.svelte-lh6bt6{
		background:none;
		border:none;
		color:hsla(0,0%,100%,.6);
		cursor:pointer;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		font-size:2rem;
		height:32px;
		line-height:1;
		padding:0;
		width:32px;
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
		-webkit-box-pack:center;
		    -ms-flex-pack:center;
		border-radius:4px;
		        justify-content:center;
		-webkit-transition:all .2s;
		transition:all .2s;
	}

	.close-button.svelte-lh6bt6:hover{
		background:hsla(0,0%,100%,.1);
		color:#fff;
	}

	form.svelte-lh6bt6{
		padding:1.5rem;
	}

	.message.svelte-lh6bt6{
		border-radius:6px;
		font-size:.875rem;
		margin-bottom:1rem;
		padding:.75rem 1rem;
	}

	.success-message.svelte-lh6bt6{
		background:rgba(34,197,94,.1);
		border:1px solid rgba(34,197,94,.3);
		color:#4ade80;
	}

	.error-message.svelte-lh6bt6{
		background:rgba(239,68,68,.1);
		border:1px solid rgba(239,68,68,.3);
		color:#fca5a5;
	}

	.form-grid.svelte-lh6bt6{
		display:grid;
		gap:1.25rem;
		grid-template-columns:repeat(2, 1fr);
	}

	.form-field.svelte-lh6bt6{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		    -ms-flex-direction:column;
		        flex-direction:column;
		gap:.5rem;
	}

	.form-field.full-width.svelte-lh6bt6{
		grid-column:1 /  -1;
	}

	label.svelte-lh6bt6{
		color:var(--theme-text-primary);
		font-size:.875rem;
		font-weight:500;
	}

	.required.svelte-lh6bt6{
		color:#ff7300;
	}

	input.svelte-lh6bt6,select.svelte-lh6bt6,textarea.svelte-lh6bt6{
		background:hsla(0,0%,100%,.05);
		border:1px solid hsla(0,0%,100%,.1);
		border-radius:6px;
		color:#fff;
		font-family:inherit;
		font-size:.875rem;
		padding:.625rem .75rem;
		-webkit-transition:all .2s;
		transition:all .2s;
	}

	input.svelte-lh6bt6::-webkit-input-placeholder,textarea.svelte-lh6bt6::-webkit-input-placeholder{
		color:var(--theme-text-disabled);
	}

	input.svelte-lh6bt6::-moz-placeholder,textarea.svelte-lh6bt6::-moz-placeholder{
		color:var(--theme-text-disabled);
	}

	input.svelte-lh6bt6:-ms-input-placeholder,textarea.svelte-lh6bt6:-ms-input-placeholder{
		color:var(--theme-text-disabled);
	}

	input.svelte-lh6bt6::-ms-input-placeholder,textarea.svelte-lh6bt6::-ms-input-placeholder{
		color:var(--theme-text-disabled);
	}

	input.svelte-lh6bt6::placeholder,textarea.svelte-lh6bt6::placeholder{
		color:var(--theme-text-disabled);
	}

	select.svelte-lh6bt6{
		background:hsla(0,0%,100%,.05);
		color:#fff;
	}

	select.svelte-lh6bt6 option:where(.svelte-lh6bt6){
		background:hsla(0,0%,8%,.95);
		color:#fff;
	}

	textarea.svelte-lh6bt6{
		min-height:100px;
		resize:vertical;
	}

	input.svelte-lh6bt6:focus,select.svelte-lh6bt6:focus,textarea.svelte-lh6bt6:focus{
		background:hsla(0,0%,100%,.08);
		border-color:rgba(255,115,0,.5);
		-webkit-box-shadow:0 0 0 3px rgba(255,115,0,.1);
		        box-shadow:0 0 0 3px rgba(255,115,0,.1);
		outline:none;
	}

	.error.svelte-lh6bt6{
		color:#ff6464;
		font-size:.75rem;
		margin-top:-.25rem;
	}

	.help-text.svelte-lh6bt6{
		color:hsla(0,0%,100%,.5);
		font-size:.75rem;
	}

	.modal-footer.svelte-lh6bt6{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:end;
		    -ms-flex-pack:end;
		border-top:1px solid hsla(0,0%,100%,.1);
		gap:.75rem;
		        justify-content:flex-end;
		margin-top:1.5rem;
		padding-top:1.5rem;
	}

	.button.svelte-lh6bt6{
		border:none;
		border-radius:6px;
		cursor:pointer;
		font-size:.875rem;
		font-weight:500;
		padding:.625rem 1.25rem;
		-webkit-transition:all .2s;
		transition:all .2s;
	}

	.button.svelte-lh6bt6:disabled{
		cursor:not-allowed;
		opacity:.5;
	}

	.button.primary.svelte-lh6bt6{
		background:rgba(255,115,0,.15);
		border:1px solid #ff7300;
		color:#ff9132;
		font-weight:600;
	}

	.button.primary.svelte-lh6bt6:hover:not(:disabled){
		background:rgba(255,115,0,.25);
		border-color:#ff871e;
		color:#ffa046;
	}

	.button.secondary.svelte-lh6bt6{
		background:hsla(0,0%,100%,.05);
		border:1px solid hsla(0,0%,100%,.1);
		color:var(--theme-text-secondary);
	}

	.button.secondary.svelte-lh6bt6:hover:not(:disabled){
		background:hsla(0,0%,100%,.1);
		border-color:hsla(0,0%,100%,.2);
		color:#fff;
	}

	@media (max-width:768px){
		.form-grid.svelte-lh6bt6{
			grid-template-columns:1fr;
		}

		.form-field.full-width.svelte-lh6bt6{
			grid-column:1;
		}

		.modal-content.svelte-lh6bt6{
			max-height:95vh;
		}
	}

  .bar-chart-container.svelte-10etok3{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    background:var(--color-bg-secondary);
    border:1px solid var(--color-border-default);
    border-radius:12px;
        -ms-flex-direction:column;
            flex-direction:column;
    padding:1.5rem;
  }

  .bar-chart-container.svelte-10etok3,.error.svelte-10etok3,.loading.svelte-10etok3{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }

  .error.svelte-10etok3,.loading.svelte-10etok3{
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
    color:var(--color-text-secondary);
    font-size:14px;
            justify-content:center;
    min-height:300px;
  }

  .error.svelte-10etok3{
    color:var(--color-error);
  }

  .bar-chart.svelte-10etok3{
    display:block;
  }

  .chart-title.svelte-10etok3{
    fill:var(--color-text-primary);
    font-size:16px;
    font-weight:700;
  }

  .axis-label.svelte-10etok3{
    font-size:11px;
  }

  .axis-label.svelte-10etok3,.axis-title.svelte-10etok3{
    fill:var(--color-text-secondary);
  }

  .axis-title.svelte-10etok3{
    font-size:13px;
    font-weight:600;
  }

  .bar-group.svelte-10etok3{
    -webkit-transition:opacity .2s ease;
    transition:opacity .2s ease;
  }

  .bar-group.clickable.svelte-10etok3{
    cursor:pointer;
  }

  .bar-group.clickable.svelte-10etok3:hover{
    opacity:.9;
  }

  .bar.svelte-10etok3{
    -webkit-animation:svelte-10etok3-growIn .6s ease-out forwards;
            animation:svelte-10etok3-growIn .6s ease-out forwards;
    -webkit-animation-delay:var(--delay);
            animation-delay:var(--delay);
    opacity:0;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
  }

  .bar-group.clickable.svelte-10etok3 .bar:where(.svelte-10etok3):hover{
    -webkit-filter:brightness(1.2);
            filter:brightness(1.2);
    -webkit-transform:translateY(-2px);
            transform:translateY(-2px);
  }

  .value-label.svelte-10etok3{
    -webkit-animation:svelte-10etok3-fadeIn .4s ease-out forwards;
            animation:svelte-10etok3-fadeIn .4s ease-out forwards;
    -webkit-animation-delay:var(--value-delay);
            animation-delay:var(--value-delay);
    fill:var(--color-text-primary);
    font-size:12px;
    font-weight:600;
    opacity:0;
  }

  .category-label.svelte-10etok3{
    -webkit-animation:svelte-10etok3-fadeIn .4s ease-out forwards;
            animation:svelte-10etok3-fadeIn .4s ease-out forwards;
    -webkit-animation-delay:var(--label-delay);
            animation-delay:var(--label-delay);
    fill:var(--color-text-secondary);
    font-size:11px;
    opacity:0;
  }

  .info.svelte-10etok3{
    border-top:1px solid var(--color-border-default);
    margin-top:1rem;
    padding-top:1rem;
    text-align:center;
  }

  .hint.svelte-10etok3{
    color:var(--color-text-muted);
    font-size:12px;
    font-style:italic;
    margin:0;
  }

  @-webkit-keyframes svelte-10etok3-fadeIn{
    to{
      opacity:1;
    }
  }

  @keyframes svelte-10etok3-fadeIn{
    to{
      opacity:1;
    }
  }

  @-webkit-keyframes svelte-10etok3-growIn{
    0%{
      -webkit-transform:scaleY(0);
              transform:scaleY(0);
      -webkit-transform-origin:bottom;
              transform-origin:bottom;
    }
    to{
      opacity:1;
      -webkit-transform:scaleY(1);
              transform:scaleY(1);
      -webkit-transform-origin:bottom;
              transform-origin:bottom;
    }
  }

  @keyframes svelte-10etok3-growIn{
    0%{
      -webkit-transform:scaleY(0);
              transform:scaleY(0);
      -webkit-transform-origin:bottom;
              transform-origin:bottom;
    }
    to{
      opacity:1;
      -webkit-transform:scaleY(1);
              transform:scaleY(1);
      -webkit-transform-origin:bottom;
              transform-origin:bottom;
    }
  }

  .bar-chart-container.svelte-olbj9r{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    background:var(--color-bg-secondary);
    border:1px solid var(--color-border-default);
    border-radius:12px;
        -ms-flex-direction:column;
            flex-direction:column;
    padding:1.5rem;
  }

  .bar-chart-container.svelte-olbj9r,.error.svelte-olbj9r,.loading.svelte-olbj9r{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }

  .error.svelte-olbj9r,.loading.svelte-olbj9r{
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
    color:var(--color-text-secondary);
    font-size:14px;
            justify-content:center;
    min-height:300px;
  }

  .error.svelte-olbj9r{
    color:var(--color-error);
  }

  .bar-chart.svelte-olbj9r{
    display:block;
  }

  .grid-line.svelte-olbj9r{
    stroke:var(--color-border-default);
    stroke-width:1;
  }

  .axis-label.svelte-olbj9r{
    fill:var(--color-text-muted);
    font-size:11px;
    text-anchor:end;
  }

  .bar-group.svelte-olbj9r{
    -webkit-transition:opacity .2s ease;
    transition:opacity .2s ease;
  }

  .bar-group.clickable.svelte-olbj9r{
    cursor:pointer;
  }

  .bar-group.clickable.svelte-olbj9r:hover{
    opacity:.8;
  }

  .bar.svelte-olbj9r{
    -webkit-animation:svelte-olbj9r-growBar .8s ease-out forwards;
            animation:svelte-olbj9r-growBar .8s ease-out forwards;
    -webkit-animation-delay:var(--delay);
            animation-delay:var(--delay);
    -webkit-transition:-webkit-filter .2s ease;
    transition:-webkit-filter .2s ease;
    transition:filter .2s ease;
    transition:filter .2s ease,-webkit-filter .2s ease;
  }

  .bar-group.clickable.svelte-olbj9r .bar:where(.svelte-olbj9r):hover{
    -webkit-filter:brightness(1.2);
            filter:brightness(1.2);
  }

  .value.svelte-olbj9r{
    -webkit-animation:svelte-olbj9r-fadeIn .5s ease-out forwards;
            animation:svelte-olbj9r-fadeIn .5s ease-out forwards;
    -webkit-animation-delay:calc(var(--delay) + .5s);
            animation-delay:calc(var(--delay) + .5s);
    fill:var(--color-text-primary);
    font-size:12px;
    font-weight:600;
    opacity:0;
    text-anchor:middle;
  }

  .label.svelte-olbj9r{
    fill:var(--color-text-secondary);
    font-size:11px;
    text-anchor:end;
  }

  .info.svelte-olbj9r{
    border-top:1px solid var(--color-border-default);
    margin-top:1rem;
    padding-top:1rem;
    text-align:center;
  }

  .hint.svelte-olbj9r{
    color:var(--color-text-muted);
    font-size:12px;
    font-style:italic;
    margin:0;
  }

  @-webkit-keyframes svelte-olbj9r-growBar{
    to{
      height:var(--target-height);
      y:var(--target-y);
    }
  }

  @keyframes svelte-olbj9r-growBar{
    to{
      height:var(--target-height);
      y:var(--target-y);
    }
  }

  @-webkit-keyframes svelte-olbj9r-fadeIn{
    to{
      opacity:1;
    }
  }

  @keyframes svelte-olbj9r-fadeIn{
    to{
      opacity:1;
    }
  }

  .heatmap-container.svelte-1svi1n1{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    background:var(--color-bg-secondary);
    border:1px solid var(--color-border-default);
    border-radius:12px;
        -ms-flex-direction:column;
            flex-direction:column;
    padding:1.5rem;
  }

  .error.svelte-1svi1n1,.heatmap-container.svelte-1svi1n1,.loading.svelte-1svi1n1{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }

  .error.svelte-1svi1n1,.loading.svelte-1svi1n1{
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
    color:var(--color-text-secondary);
    font-size:14px;
            justify-content:center;
    min-height:300px;
  }

  .error.svelte-1svi1n1{
    color:var(--color-error);
  }

  .heatmap.svelte-1svi1n1{
    display:block;
  }

  .axis-label.svelte-1svi1n1{
    -webkit-animation:svelte-1svi1n1-fadeIn .5s ease-out forwards;
            animation:svelte-1svi1n1-fadeIn .5s ease-out forwards;
    -webkit-animation-delay:var(--delay);
            animation-delay:var(--delay);
    fill:var(--color-text-secondary);
    font-size:11px;
    opacity:0;
    text-anchor:middle;
  }

  .x-labels.svelte-1svi1n1 .axis-label:where(.svelte-1svi1n1),.y-labels.svelte-1svi1n1 .axis-label:where(.svelte-1svi1n1){
    text-anchor:start;
  }

  .cell-group.svelte-1svi1n1{
    -webkit-transition:opacity .2s ease;
    transition:opacity .2s ease;
  }

  .cell-group.clickable.svelte-1svi1n1{
    cursor:pointer;
  }

  .cell-group.clickable.svelte-1svi1n1:hover{
    opacity:.8;
  }

  .cell.svelte-1svi1n1{
    -webkit-animation:svelte-1svi1n1-scaleIn .4s ease-out forwards;
            animation:svelte-1svi1n1-scaleIn .4s ease-out forwards;
    -webkit-animation-delay:var(--delay);
            animation-delay:var(--delay);
    opacity:0;
    -webkit-transform-origin:center;
            transform-origin:center;
    -webkit-transition:-webkit-transform .2s ease;
    transition:-webkit-transform .2s ease;
    transition:transform .2s ease;
    transition:transform .2s ease,-webkit-transform .2s ease;
  }

  .cell-group.clickable.svelte-1svi1n1 .cell:where(.svelte-1svi1n1):hover{
    -webkit-filter:brightness(1.2);
            filter:brightness(1.2);
    -webkit-transform:scale(1.1);
            transform:scale(1.1);
  }

  .cell-value.svelte-1svi1n1{
    -webkit-animation:svelte-1svi1n1-fadeIn .3s ease-out forwards;
            animation:svelte-1svi1n1-fadeIn .3s ease-out forwards;
    -webkit-animation-delay:var(--value-delay);
            animation-delay:var(--value-delay);
    dominant-baseline:middle;
    fill:#fff;
    font-size:11px;
    font-weight:700;
    opacity:0;
    pointer-events:none;
    text-anchor:middle;
  }

  .legend.svelte-1svi1n1{
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    border-top:1px solid var(--color-border-default);
    gap:.75rem;
    margin-top:1rem;
    padding-top:1rem;
  }

  .legend-gradient.svelte-1svi1n1,.legend.svelte-1svi1n1{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }

  .legend-gradient.svelte-1svi1n1{
    border-radius:4px;
    gap:2px;
    height:20px;
    overflow:hidden;
  }

  .legend-color.svelte-1svi1n1,.legend-gradient.svelte-1svi1n1{
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
  }

  .legend-label.svelte-1svi1n1{
    color:var(--color-text-muted);
    font-size:12px;
  }

  .info.svelte-1svi1n1{
    margin-top:.5rem;
    text-align:center;
  }

  .hint.svelte-1svi1n1{
    color:var(--color-text-muted);
    font-size:12px;
    font-style:italic;
    margin:0;
  }

  @-webkit-keyframes svelte-1svi1n1-fadeIn{
    to{
      opacity:1;
    }
  }

  @keyframes svelte-1svi1n1-fadeIn{
    to{
      opacity:1;
    }
  }

  @-webkit-keyframes svelte-1svi1n1-scaleIn{
    0%{
      -webkit-transform:scale(0);
              transform:scale(0);
    }
    to{
      opacity:1;
      -webkit-transform:scale(1);
              transform:scale(1);
    }
  }

  @keyframes svelte-1svi1n1-scaleIn{
    0%{
      -webkit-transform:scale(0);
              transform:scale(0);
    }
    to{
      opacity:1;
      -webkit-transform:scale(1);
              transform:scale(1);
    }
  }

  .treemap-container.svelte-et4o5a{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    background:var(--color-bg-secondary);
    border:1px solid var(--color-border-default);
    border-radius:12px;
        -ms-flex-direction:column;
            flex-direction:column;
    padding:1.5rem;
  }

  .error.svelte-et4o5a,.loading.svelte-et4o5a,.treemap-container.svelte-et4o5a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }

  .error.svelte-et4o5a,.loading.svelte-et4o5a{
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
    color:var(--color-text-secondary);
    font-size:14px;
            justify-content:center;
    min-height:300px;
  }

  .error.svelte-et4o5a{
    color:var(--color-error);
  }

  .breadcrumbs.svelte-et4o5a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    background:var(--color-bg-tertiary);
    border-radius:8px;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    gap:.5rem;
    margin-bottom:1rem;
    padding:.75rem;
  }

  .breadcrumb.svelte-et4o5a{
    background:var(--color-bg-secondary);
    border:1px solid var(--color-border-default);
    border-radius:4px;
    color:var(--color-text-secondary);
    cursor:pointer;
    font-size:12px;
    padding:.25rem .75rem;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
  }

  .breadcrumb.svelte-et4o5a:hover{
    background:var(--color-surface-hover);
    color:var(--color-text-primary);
  }

  .breadcrumb.active.svelte-et4o5a{
    background:var(--color-blue-500);
    border-color:var(--color-blue-500);
    color:#fff;
  }

  .separator.svelte-et4o5a{
    color:var(--color-text-muted);
    font-size:14px;
  }

  .reset-btn.svelte-et4o5a{
    background:var(--color-bg-secondary);
    border:1px solid var(--color-border-default);
    border-radius:4px;
    color:var(--color-text-secondary);
    cursor:pointer;
    font-size:16px;
    margin-left:auto;
    padding:.25rem .5rem;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
  }

  .reset-btn.svelte-et4o5a:hover{
    background:var(--color-surface-hover);
    color:var(--color-text-primary);
  }

  .treemap.svelte-et4o5a{
    display:block;
  }

  .treemap-rect.svelte-et4o5a{
    -webkit-animation:svelte-et4o5a-fadeIn .6s ease-out forwards;
            animation:svelte-et4o5a-fadeIn .6s ease-out forwards;
    -webkit-animation-delay:var(--delay);
            animation-delay:var(--delay);
    opacity:0;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
  }

  .treemap-rect.clickable.svelte-et4o5a{
    cursor:pointer;
  }

  .treemap-rect.clickable.svelte-et4o5a:hover{
    -webkit-filter:brightness(1.2);
            filter:brightness(1.2);
    opacity:1;
    stroke:var(--color-blue-500);
    stroke-width:3;
    -webkit-transform:scale(.98);
            transform:scale(.98);
  }

  .treemap-label.svelte-et4o5a{
    -webkit-animation:svelte-et4o5a-fadeIn .5s ease-out forwards;
            animation:svelte-et4o5a-fadeIn .5s ease-out forwards;
    -webkit-animation-delay:calc(var(--delay) + .3s);
            animation-delay:calc(var(--delay) + .3s);
    fill:#fff;
    font-size:13px;
    font-weight:700;
  }

  .treemap-label.svelte-et4o5a,.treemap-value.svelte-et4o5a{
    dominant-baseline:middle;
    opacity:0;
    pointer-events:none;
    text-anchor:middle;
  }

  .treemap-value.svelte-et4o5a{
    -webkit-animation:svelte-et4o5a-fadeIn .5s ease-out forwards;
            animation:svelte-et4o5a-fadeIn .5s ease-out forwards;
    -webkit-animation-delay:calc(var(--delay) + .5s);
            animation-delay:calc(var(--delay) + .5s);
    fill:var(--color-text-primary);
    font-size:16px;
    font-weight:600;
  }

  .treemap-hint.svelte-et4o5a{
    -webkit-animation:svelte-et4o5a-fadeIn .5s ease-out forwards;
            animation:svelte-et4o5a-fadeIn .5s ease-out forwards;
    -webkit-animation-delay:calc(var(--delay) + .7s);
            animation-delay:calc(var(--delay) + .7s);
    dominant-baseline:middle;
    fill:var(--color-text-muted);
    font-size:10px;
    opacity:0;
    pointer-events:none;
    text-anchor:middle;
  }

  .info.svelte-et4o5a{
    border-top:1px solid var(--color-border-default);
    margin-top:1rem;
    padding-top:1rem;
    text-align:center;
  }

  .hint.svelte-et4o5a{
    color:var(--color-text-muted);
    font-size:12px;
    font-style:italic;
    margin:0;
  }

  @-webkit-keyframes svelte-et4o5a-fadeIn{
    to{
      opacity:1;
    }
  }

  @keyframes svelte-et4o5a-fadeIn{
    to{
      opacity:1;
    }
  }

  .treemap-container.svelte-r0zght{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    background:var(--color-bg-secondary);
    border:1px solid var(--color-border-default);
    border-radius:12px;
        -ms-flex-direction:column;
            flex-direction:column;
    padding:1.5rem;
  }

  .error.svelte-r0zght,.loading.svelte-r0zght,.treemap-container.svelte-r0zght{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }

  .error.svelte-r0zght,.loading.svelte-r0zght{
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
    color:var(--color-text-secondary);
    font-size:14px;
            justify-content:center;
    min-height:300px;
  }

  .error.svelte-r0zght{
    color:var(--color-error);
  }

  .breadcrumbs.svelte-r0zght{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    background:var(--color-bg-tertiary);
    border-radius:8px;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    gap:.5rem;
    margin-bottom:1rem;
    padding:.75rem;
  }

  .breadcrumb.svelte-r0zght{
    background:var(--color-bg-secondary);
    border:1px solid var(--color-border-default);
    border-radius:4px;
    color:var(--color-text-secondary);
    cursor:pointer;
    font-size:12px;
    padding:.25rem .75rem;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
  }

  .breadcrumb.svelte-r0zght:hover{
    background:var(--color-surface-hover);
    color:var(--color-text-primary);
  }

  .breadcrumb.active.svelte-r0zght{
    background:var(--color-blue-500);
    border-color:var(--color-blue-500);
    color:#fff;
  }

  .separator.svelte-r0zght{
    color:var(--color-text-muted);
    font-size:14px;
  }

  .reset-btn.svelte-r0zght{
    background:var(--color-bg-secondary);
    border:1px solid var(--color-border-default);
    border-radius:4px;
    color:var(--color-text-secondary);
    cursor:pointer;
    font-size:16px;
    margin-left:auto;
    padding:.25rem .5rem;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
  }

  .reset-btn.svelte-r0zght:hover{
    background:var(--color-surface-hover);
    color:var(--color-text-primary);
  }

  .treemap.svelte-r0zght{
    display:block;
  }

  .treemap-rect.svelte-r0zght{
    -webkit-animation:svelte-r0zght-fadeIn .6s ease-out forwards;
            animation:svelte-r0zght-fadeIn .6s ease-out forwards;
    -webkit-animation-delay:var(--delay);
            animation-delay:var(--delay);
    opacity:0;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
  }

  .treemap-rect.clickable.svelte-r0zght{
    cursor:pointer;
  }

  .treemap-rect.clickable.svelte-r0zght:hover{
    -webkit-filter:brightness(1.2);
            filter:brightness(1.2);
    opacity:1;
    stroke:var(--color-blue-500);
    stroke-width:3;
    -webkit-transform:scale(.98);
            transform:scale(.98);
  }

  .treemap-label.svelte-r0zght{
    -webkit-animation:svelte-r0zght-fadeIn .5s ease-out forwards;
            animation:svelte-r0zght-fadeIn .5s ease-out forwards;
    -webkit-animation-delay:calc(var(--delay) + .3s);
            animation-delay:calc(var(--delay) + .3s);
    fill:#fff;
    font-size:13px;
    font-weight:700;
  }

  .treemap-label.svelte-r0zght,.treemap-value.svelte-r0zght{
    dominant-baseline:middle;
    opacity:0;
    pointer-events:none;
    text-anchor:middle;
  }

  .treemap-value.svelte-r0zght{
    -webkit-animation:svelte-r0zght-fadeIn .5s ease-out forwards;
            animation:svelte-r0zght-fadeIn .5s ease-out forwards;
    -webkit-animation-delay:calc(var(--delay) + .5s);
            animation-delay:calc(var(--delay) + .5s);
    fill:var(--color-text-primary);
    font-size:16px;
    font-weight:600;
  }

  .treemap-hint.svelte-r0zght{
    -webkit-animation:svelte-r0zght-fadeIn .5s ease-out forwards;
            animation:svelte-r0zght-fadeIn .5s ease-out forwards;
    -webkit-animation-delay:calc(var(--delay) + .7s);
            animation-delay:calc(var(--delay) + .7s);
    dominant-baseline:middle;
    fill:var(--color-text-muted);
    font-size:10px;
    opacity:0;
    pointer-events:none;
    text-anchor:middle;
  }

  .info.svelte-r0zght{
    border-top:1px solid var(--color-border-default);
    margin-top:1rem;
    padding-top:1rem;
    text-align:center;
  }

  .hint.svelte-r0zght{
    color:var(--color-text-muted);
    font-size:12px;
    font-style:italic;
    margin:0;
  }

  @-webkit-keyframes svelte-r0zght-fadeIn{
    to{
      opacity:1;
    }
  }

  @keyframes svelte-r0zght-fadeIn{
    to{
      opacity:1;
    }
  }

  .sunburst-container.svelte-i7zdtq{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    background:var(--color-bg-secondary);
    border:1px solid var(--color-border-default);
    border-radius:12px;
        -ms-flex-direction:column;
            flex-direction:column;
    padding:1.5rem;
  }

  .error.svelte-i7zdtq,.loading.svelte-i7zdtq,.sunburst-container.svelte-i7zdtq{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
  }

  .error.svelte-i7zdtq,.loading.svelte-i7zdtq{
    -webkit-box-pack:center;
        -ms-flex-pack:center;
    color:var(--color-text-secondary);
    font-size:14px;
            justify-content:center;
    min-height:400px;
  }

  .error.svelte-i7zdtq{
    color:var(--color-error);
  }

  .breadcrumbs.svelte-i7zdtq{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    background:var(--color-bg-tertiary);
    border-radius:8px;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    gap:.5rem;
    margin-bottom:1rem;
    padding:.75rem;
    width:100%;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
  }

  .breadcrumb.svelte-i7zdtq{
    background:var(--color-bg-secondary);
    border:1px solid var(--color-border-default);
    border-radius:4px;
    color:var(--color-text-secondary);
    cursor:pointer;
    font-size:12px;
    padding:.25rem .75rem;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
  }

  .breadcrumb.svelte-i7zdtq:hover{
    background:var(--color-surface-hover);
    color:var(--color-text-primary);
  }

  .breadcrumb.active.svelte-i7zdtq{
    background:var(--color-blue-500);
    border-color:var(--color-blue-500);
    color:#fff;
  }

  .separator.svelte-i7zdtq{
    color:var(--color-text-muted);
    font-size:14px;
  }

  .reset-btn.svelte-i7zdtq{
    background:var(--color-bg-secondary);
    border:1px solid var(--color-border-default);
    border-radius:4px;
    color:var(--color-text-secondary);
    cursor:pointer;
    font-size:16px;
    margin-left:auto;
    padding:.25rem .5rem;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
  }

  .reset-btn.svelte-i7zdtq:hover{
    background:var(--color-surface-hover);
    color:var(--color-text-primary);
  }

  .sunburst.svelte-i7zdtq{
    display:block;
  }

  .center-circle.svelte-i7zdtq{
    cursor:pointer;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
  }

  .center-circle.svelte-i7zdtq:hover{
    fill:var(--color-surface-hover);
  }

  .center-text.svelte-i7zdtq{
    fill:var(--color-text-primary);
    font-size:14px;
    font-weight:700;
    pointer-events:none;
  }

  .arc-group.svelte-i7zdtq{
    outline:none;
    -webkit-transition:opacity .2s ease;
    transition:opacity .2s ease;
  }

  .arc-group.clickable.svelte-i7zdtq{
    cursor:pointer;
  }

  .arc-group.clickable.svelte-i7zdtq:hover{
    opacity:.9;
  }

  .arc-group.svelte-i7zdtq:focus-visible{
    outline:2px solid var(--color-blue-500);
    outline-offset:2px;
  }

  .arc.svelte-i7zdtq{
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
  }

  .arc-label.svelte-i7zdtq,.arc.svelte-i7zdtq{
    -webkit-animation:svelte-i7zdtq-fadeIn .6s ease-out forwards;
            animation:svelte-i7zdtq-fadeIn .6s ease-out forwards;
    -webkit-animation-delay:var(--delay);
            animation-delay:var(--delay);
    opacity:0;
  }

  .arc-label.svelte-i7zdtq{
    font-weight:500;
  }

  .arc-group.clickable.svelte-i7zdtq .arc:where(.svelte-i7zdtq):hover{
    -webkit-filter:brightness(1.2);
            filter:brightness(1.2);
    stroke:var(--color-blue-500);
    stroke-width:2;
  }

  .legend.svelte-i7zdtq{
    background:var(--color-bg-tertiary);
    border-radius:8px;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    gap:1.5rem;
    margin-top:1.5rem;
    padding:1rem;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
  }

  .legend-item.svelte-i7zdtq,.legend.svelte-i7zdtq{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }

  .legend-item.svelte-i7zdtq{
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    gap:.5rem;
  }

  .legend-color.svelte-i7zdtq{
    border-radius:4px;
    height:20px;
    width:20px;
  }

  .legend-item.svelte-i7zdtq span:where(.svelte-i7zdtq){
    color:var(--color-text-secondary);
    font-size:12px;
  }

  .info.svelte-i7zdtq{
    border-top:1px solid var(--color-border-default);
    margin-top:1rem;
    padding-top:1rem;
    text-align:center;
    width:100%;
  }

  .hint.svelte-i7zdtq{
    color:var(--color-text-muted);
    font-size:12px;
    font-style:italic;
    margin:0;
  }

  @-webkit-keyframes svelte-i7zdtq-fadeIn{
    to{
      opacity:1;
    }
  }

  @keyframes svelte-i7zdtq-fadeIn{
    to{
      opacity:1;
    }
  }

  .sankey-container.svelte-7h5ymy{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    background:var(--color-bg-secondary);
    border:1px solid var(--color-border-default);
    border-radius:12px;
        -ms-flex-direction:column;
            flex-direction:column;
    padding:1.5rem;
  }

  .error.svelte-7h5ymy,.loading.svelte-7h5ymy,.sankey-container.svelte-7h5ymy{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }

  .error.svelte-7h5ymy,.loading.svelte-7h5ymy{
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
    color:var(--color-text-secondary);
    font-size:14px;
            justify-content:center;
    min-height:400px;
  }

  .error.svelte-7h5ymy{
    color:var(--color-error);
  }

  .sankey.svelte-7h5ymy{
    display:block;
  }

  .chart-title.svelte-7h5ymy{
    fill:var(--color-text-primary);
    font-size:16px;
    font-weight:700;
  }

  .link-group.svelte-7h5ymy{
    -webkit-transition:opacity .2s ease;
    transition:opacity .2s ease;
  }

  .link-group.clickable.svelte-7h5ymy{
    cursor:pointer;
  }

  .link-group.clickable.svelte-7h5ymy:hover{
    opacity:.8;
  }

  .link.svelte-7h5ymy{
    -webkit-animation:svelte-7h5ymy-fadeIn .6s ease-out forwards;
            animation:svelte-7h5ymy-fadeIn .6s ease-out forwards;
    -webkit-animation-delay:var(--delay);
            animation-delay:var(--delay);
    opacity:0;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
  }

  .link-group.clickable.svelte-7h5ymy .link:where(.svelte-7h5ymy):hover{
    stroke-opacity:.8;
    stroke-width:calc(var(--link-width, 1px)*1.2);
  }

  .node-group.svelte-7h5ymy{
    -webkit-transition:opacity .2s ease;
    transition:opacity .2s ease;
  }

  .node-group.clickable.svelte-7h5ymy{
    cursor:pointer;
  }

  .node-group.clickable.svelte-7h5ymy:hover{
    opacity:.9;
  }

  .node.svelte-7h5ymy{
    -webkit-animation:svelte-7h5ymy-fadeIn .6s ease-out forwards;
            animation:svelte-7h5ymy-fadeIn .6s ease-out forwards;
    -webkit-animation-delay:var(--delay);
            animation-delay:var(--delay);
    opacity:0;
    stroke:var(--color-border-default);
    stroke-width:1px;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
  }

  .node-group.clickable.svelte-7h5ymy .node:where(.svelte-7h5ymy):hover{
    -webkit-filter:brightness(1.2);
            filter:brightness(1.2);
    stroke:var(--color-blue-500);
    stroke-width:2px;
  }

  .node-label.svelte-7h5ymy{
    -webkit-animation:svelte-7h5ymy-fadeIn .4s ease-out forwards;
            animation:svelte-7h5ymy-fadeIn .4s ease-out forwards;
    -webkit-animation-delay:var(--label-delay);
            animation-delay:var(--label-delay);
    font-size:10px;
    font-weight:500;
    opacity:0;
    pointer-events:none;
  }

  .legend-text.svelte-7h5ymy,.node-label.svelte-7h5ymy{
    fill:var(--color-text-secondary);
  }

  .legend-text.svelte-7h5ymy{
    font-size:11px;
  }

  .info.svelte-7h5ymy{
    border-top:1px solid var(--color-border-default);
    margin-top:1rem;
    padding-top:1rem;
    text-align:center;
  }

  .hint.svelte-7h5ymy{
    color:var(--color-text-muted);
    font-size:12px;
    font-style:italic;
    margin:0;
  }

  @-webkit-keyframes svelte-7h5ymy-fadeIn{
    to{
      opacity:1;
    }
  }

  @keyframes svelte-7h5ymy-fadeIn{
    to{
      opacity:1;
    }
  }

  .chart-panel.svelte-bjcl8x{
    background:var(--color-bg-primary);
    border:1px solid var(--color-border-default);
    border-radius:12px;
    bottom:20px;
    -webkit-box-shadow:0 8px 24px oklch(0 0 0 / .3);
            box-shadow:0 8px 24px oklch(0 0 0 / .3);
    max-height:80vh;
    max-width:800px;
    overflow:auto;
    position:fixed;
    right:20px;
    width:calc(100vw - 40px);
    z-index:1000;
  }

  .chart-panel.minimized.svelte-bjcl8x{
    max-height:none;
    overflow:visible;
    width:auto;
  }

  .panel-header.svelte-bjcl8x{
    background:var(--color-bg-secondary);
    border-bottom:1px solid var(--color-border-default);
    padding:.75rem 1rem;
    position:sticky;
    top:0;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
    border-radius:12px 12px 0 0;
    gap:1rem;
            justify-content:space-between;
    z-index:10;
  }

  .panel-controls.svelte-bjcl8x,.panel-header.svelte-bjcl8x{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }

  .panel-controls.svelte-bjcl8x{
    gap:.5rem;
  }

  .control-btn.svelte-bjcl8x{
    background:var(--color-bg-tertiary);
    border:1px solid var(--color-border-default);
    border-radius:4px;
    color:var(--color-text-secondary);
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:28px;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
    width:28px;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
    font-size:16px;
    font-weight:700;
            justify-content:center;
    padding:0;
  }

  .control-btn.svelte-bjcl8x:hover{
    background:var(--color-surface-hover);
    border-color:var(--color-blue-500);
    color:var(--color-text-primary);
  }

  .close-btn.svelte-bjcl8x{
    font-size:20px;
    line-height:1;
  }

  .chart-selector.svelte-bjcl8x{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    gap:.75rem;
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
  }

  .chart-selector.svelte-bjcl8x label:where(.svelte-bjcl8x){
    color:var(--color-text-secondary);
    font-size:14px;
    font-weight:600;
    white-space:nowrap;
  }

  .chart-selector.svelte-bjcl8x select:where(.svelte-bjcl8x){
    -webkit-box-flex:1;
    background:var(--color-bg-tertiary);
    border:1px solid var(--color-border-default);
    border-radius:6px;
    color:var(--color-text-primary);
    cursor:pointer;
        -ms-flex:1;
            flex:1;
    font-size:13px;
    outline:none;
    padding:.5rem .75rem;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
  }

  .chart-selector.svelte-bjcl8x select:where(.svelte-bjcl8x):hover{
    background:var(--color-surface-hover);
    border-color:var(--color-blue-500);
  }

  .chart-selector.svelte-bjcl8x select:where(.svelte-bjcl8x):focus{
    border-color:var(--color-blue-500);
    -webkit-box-shadow:0 0 0 3px color-mix(in srgb, var(--color-blue-500) 10%, transparent);
            box-shadow:0 0 0 3px color-mix(in srgb, var(--color-blue-500) 10%, transparent);
  }

  .chart-container.svelte-bjcl8x{
    background:var(--color-bg-primary);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    overflow:auto;
    padding:1rem;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
  }
  .chart-panel.svelte-bjcl8x::-webkit-scrollbar{
    height:8px;
    width:8px;
  }

  .chart-panel.svelte-bjcl8x::-webkit-scrollbar-track{
    background:var(--color-bg-secondary);
    border-radius:4px;
  }

  .chart-panel.svelte-bjcl8x::-webkit-scrollbar-thumb{
    background:var(--color-border-default);
    border-radius:4px;
  }

  .chart-panel.svelte-bjcl8x::-webkit-scrollbar-thumb:hover{
    background:var(--color-blue-500);
  }
  @media (max-width:768px){
    .chart-panel.svelte-bjcl8x{
      bottom:10px;
      max-width:calc(100vw - 20px);
      right:10px;
    }

    .chart-selector.svelte-bjcl8x{
      -webkit-box-orient:vertical;
      -webkit-box-direction:normal;
          -ms-flex-direction:column;
              flex-direction:column;
      -webkit-box-align:start;
          -ms-flex-align:start;
              align-items:flex-start;
    }

    .chart-selector.svelte-bjcl8x,.chart-selector.svelte-bjcl8x select:where(.svelte-bjcl8x){
      width:100%;
    }
  }

  .product-canvas-wrapper.svelte-1w2cboo{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    height:100vh;
    overflow:hidden;
    width:100%;
  }
  .control-bar.svelte-1w2cboo{
    position:relative;
    z-index:100;
    -webkit-box-pack:end;
        -ms-flex-pack:end;
    backdrop-filter:blur(5px);
    background:hsla(0,0%,8%,.5);
    border-bottom:1px solid hsla(0,0%,100%,.05);
    gap:12px;
            justify-content:flex-end;
    padding:12px 20px;
    width:100%;
    -ms-flex-negative:0;
        flex-shrink:0;
  }
  .control-bar.svelte-1w2cboo,.filter-toggle.svelte-1w2cboo{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
  }
  .filter-toggle.svelte-1w2cboo{
    backdrop-filter:blur(10px);
    background:hsla(0,0%,8%,.95);
    border:1px solid color-mix(in srgb, var(--color-orange-500) 30%, transparent);
    border-radius:8px;
    color:#fff;
    cursor:pointer;
    font-size:14px;
    font-weight:600;
    gap:8px;
    opacity:1;
    padding:10px 16px;
    pointer-events:auto;
    -webkit-transition:background .3s ease,border-color .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease;
    transition:background .3s ease,border-color .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease;
    transition:transform .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease;
    transition:transform .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease;
  }

  .filter-toggle.svelte-1w2cboo:hover{
    background:color-mix(in srgb, var(--color-orange-500) 20%, transparent);
    border-color:color-mix(in srgb, var(--color-orange-500) 60%, transparent);
    -webkit-box-shadow:0 4px 12px color-mix(in srgb, var(--color-orange-500) 30%, transparent);
            box-shadow:0 4px 12px color-mix(in srgb, var(--color-orange-500) 30%, transparent);
    -webkit-transform:translateY(-2px);
            transform:translateY(-2px);
  }

  .filter-toggle.svelte-1w2cboo svg:where(.svelte-1w2cboo){
    -ms-flex-negative:0;
        flex-shrink:0;
  }
  .discovery-toggle.svelte-1w2cboo{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    backdrop-filter:blur(10px);
    background:hsla(0,0%,8%,.95);
    border:1px solid color-mix(in srgb, var(--color-blue-500) 30%, transparent);
    border-radius:8px;
    color:#fff;
    cursor:pointer;
    font-size:14px;
    font-weight:600;
    gap:8px;
    padding:10px 16px;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
  }

  .discovery-toggle.svelte-1w2cboo:hover{
    background:color-mix(in srgb, var(--color-blue-500) 20%, transparent);
    border-color:color-mix(in srgb, var(--color-blue-500) 60%, transparent);
    -webkit-box-shadow:0 4px 12px color-mix(in srgb, var(--color-blue-500) 30%, transparent);
            box-shadow:0 4px 12px color-mix(in srgb, var(--color-blue-500) 30%, transparent);
    -webkit-transform:translateY(-2px);
            transform:translateY(-2px);
  }

  .discovery-toggle.active.svelte-1w2cboo{
    background:color-mix(in srgb, var(--color-blue-500) 30%, transparent);
    border-color:color-mix(in srgb, var(--color-blue-500) 80%, transparent);
    -webkit-box-shadow:0 4px 16px color-mix(in srgb, var(--color-blue-500) 40%, transparent);
            box-shadow:0 4px 16px color-mix(in srgb, var(--color-blue-500) 40%, transparent);
  }

  .discovery-toggle.svelte-1w2cboo svg:where(.svelte-1w2cboo){
    -ms-flex-negative:0;
        flex-shrink:0;
  }
  .theme-dropdown-container.svelte-1w2cboo{
    position:relative;
  }

  .theme-dropdown-menu.svelte-1w2cboo{
    backdrop-filter:blur(12px);
    background:hsla(0,0%,8%,.95);
    border:1px solid hsla(0,0%,100%,.1);
    border-radius:8px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:6px;
    position:absolute;
    right:0;
    top:calc(100% + 8px);
    width:200px;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-animation:svelte-1w2cboo-dropdown-fade .2s ease-out;
            animation:svelte-1w2cboo-dropdown-fade .2s ease-out;
    -webkit-box-shadow:0 4px 20px rgba(0,0,0,.4);
            box-shadow:0 4px 20px rgba(0,0,0,.4);
        -ms-flex-direction:column;
            flex-direction:column;
    gap:4px;
    z-index:110;
  }

  @-webkit-keyframes svelte-1w2cboo-dropdown-fade{
    0%{
      opacity:0;
      -webkit-transform:translateY(-5px);
              transform:translateY(-5px);
    }
    to{
      opacity:1;
      -webkit-transform:translateY(0);
              transform:translateY(0);
    }
  }

  @keyframes svelte-1w2cboo-dropdown-fade{
    0%{
      opacity:0;
      -webkit-transform:translateY(-5px);
              transform:translateY(-5px);
    }
    to{
      opacity:1;
      -webkit-transform:translateY(0);
              transform:translateY(0);
    }
  }

  .theme-option.svelte-1w2cboo{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    background:transparent;
    border:none;
    border-radius:6px;
    color:hsla(0,0%,100%,.8);
    cursor:pointer;
    font-size:14px;
    gap:10px;
    padding:8px 12px;
    text-align:left;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
    width:100%;
  }

  .theme-option.svelte-1w2cboo:hover{
    background:hsla(0,0%,100%,.1);
    color:#fff;
  }

  .theme-option.selected.svelte-1w2cboo{
    background:hsla(0,0%,100%,.15);
    color:#fff;
    font-weight:500;
  }

  .theme-preview.svelte-1w2cboo{
    border:1px solid hsla(0,0%,100%,.2);
    border-radius:50%;
    height:24px;
    width:24px;
    -ms-flex-negative:0;
        flex-shrink:0;
  }
  .fade-out.svelte-1w2cboo{
    opacity:0;
    -webkit-transition:opacity .3s ease;
    transition:opacity .3s ease;
  }
  .view-controls.svelte-1w2cboo{
    backdrop-filter:blur(10px);
    background:hsla(0,0%,8%,.95);
    border:1px solid hsla(0,0%,100%,.1);
    border-radius:8px;
    gap:4px;
    padding:4px;
  }

  .view-btn.svelte-1w2cboo,.view-controls.svelte-1w2cboo{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }

  .view-btn.svelte-1w2cboo{
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
    background:transparent;
    border:none;
    border-radius:6px;
    color:hsla(0,0%,100%,.6);
    cursor:pointer;
    height:36px;
            justify-content:center;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
    width:36px;
  }

  .view-btn.svelte-1w2cboo:hover{
    background:hsla(0,0%,100%,.1);
    color:#fff;
  }

  .view-btn.active.svelte-1w2cboo{
    background:color-mix(in srgb, var(--color-orange-500) 30%, transparent);
    color:#fff;
  }

  .view-btn.svelte-1w2cboo svg:where(.svelte-1w2cboo){
    -ms-flex-negative:0;
        flex-shrink:0;
  }
  .canvas-container.svelte-1w2cboo{
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
    min-height:0;
    overflow-x:auto;
    overflow-y:auto;
    position:relative;
    scroll-behavior:smooth;
    width:100%;
  }
  .ombre-background.svelte-1w2cboo{
    height:100vh;
    left:0;
    pointer-events:none;
    position:fixed;
    top:0;
    width:100vw;
    z-index:-1;
  }

  .canvas-container.no-horizontal-scroll.svelte-1w2cboo{
    overflow-x:hidden;
  }

  .error-state.svelte-1w2cboo,.loading-state.svelte-1w2cboo{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    color:#fff;
        -ms-flex-direction:column;
            flex-direction:column;
    gap:20px;
    height:100vh;
    width:100%;
  }

  .error-state.svelte-1w2cboo{
    color:#ff6b6b;
  }

  .error-state.svelte-1w2cboo button:where(.svelte-1w2cboo){
    background:hsla(0,100%,71%,.2);
    border:1px solid #ff6b6b;
    border-radius:6px;
    color:#fff;
    cursor:pointer;
    padding:10px 20px;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
  }
  .filtering-toast.svelte-1w2cboo{
    bottom:24px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:fixed;
    right:24px;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-animation:svelte-1w2cboo-toast-slide-in .3s ease;
            animation:svelte-1w2cboo-toast-slide-in .3s ease;
    backdrop-filter:blur(10px);
    background:hsla(0,0%,8%,.95);
    border:1px solid color-mix(in srgb, var(--color-orange-500) 30%, transparent);
    border-radius:8px;
    -webkit-box-shadow:0 4px 12px rgba(0,0,0,.3), 0 0 20px color-mix(in srgb, var(--color-orange-500) 10%, transparent);
            box-shadow:0 4px 12px rgba(0,0,0,.3), 0 0 20px color-mix(in srgb, var(--color-orange-500) 10%, transparent);
    color:var(--theme-text-primary);
    font-size:14px;
    font-weight:500;
    gap:12px;
    padding:12px 20px;
    z-index:1000;
  }

  @-webkit-keyframes svelte-1w2cboo-toast-slide-in{
    0%{
      opacity:0;
      -webkit-transform:translateY(20px);
              transform:translateY(20px);
    }
    to{
      opacity:1;
      -webkit-transform:translateY(0);
              transform:translateY(0);
    }
  }

  @keyframes svelte-1w2cboo-toast-slide-in{
    0%{
      opacity:0;
      -webkit-transform:translateY(20px);
              transform:translateY(20px);
    }
    to{
      opacity:1;
      -webkit-transform:translateY(0);
              transform:translateY(0);
    }
  }

  .toast-spinner.svelte-1w2cboo{
    -webkit-animation:svelte-1w2cboo-toast-spinner-spin .8s linear infinite;
            animation:svelte-1w2cboo-toast-spinner-spin .8s linear infinite;
    border:2px solid hsla(0,0%,100%,.2);
    border-radius:50%;
    border-top:2px solid var(--theme-btn-primary);
    height:16px;
    width:16px;
  }

  @-webkit-keyframes svelte-1w2cboo-toast-spinner-spin{
    to{
      -webkit-transform:rotate(1turn);
              transform:rotate(1turn);
    }
  }

  @keyframes svelte-1w2cboo-toast-spinner-spin{
    to{
      -webkit-transform:rotate(1turn);
              transform:rotate(1turn);
    }
  }

  .error-state.svelte-1w2cboo button:where(.svelte-1w2cboo):hover{
    background:hsla(0,100%,71%,.3);
  }
  .minimap-wrapper.svelte-1w2cboo{
    bottom:20px;
    position:fixed;
    right:20px;
    -webkit-transition:right .3s ease,opacity .3s ease;
    transition:right .3s ease,opacity .3s ease;
    z-index:90;
  }

  .minimap-wrapper.drawer-open.svelte-1w2cboo{
    right:400px;
  }
  @media (max-width:768px){
    .control-bar.svelte-1w2cboo{
      -ms-flex-wrap:wrap;
          flex-wrap:wrap;
      right:10px;
      top:10px;
    }

    .discovery-toggle.svelte-1w2cboo,.filter-toggle.svelte-1w2cboo{
      font-size:13px;
      padding:8px 12px;
    }

    .discovery-toggle.svelte-1w2cboo span:where(.svelte-1w2cboo),.filter-toggle.svelte-1w2cboo span:where(.svelte-1w2cboo){
      display:none;
    }

    .view-btn.svelte-1w2cboo{
      height:32px;
      width:32px;
    }

    .minimap-wrapper.svelte-1w2cboo{
      bottom:10px;
      right:10px;
    }
    .minimap-wrapper.drawer-open.svelte-1w2cboo{
      opacity:0;
      pointer-events:none;
    }
  }