.help-modal.svelte-kmvxnv{
    align-items:center;
    animation:svelte-kmvxnv-fadeIn .2s ease;
    backdrop-filter:blur(4px);
    background:rgba(0,0,0,.85);
    bottom:0;
    display:flex;
    justify-content:center;
    left:0;
    padding:20px;
    position:fixed;
    right:0;
    top:0;
    z-index:9999;
  }

  @keyframes svelte-kmvxnv-fadeIn{
    0%{
      opacity:0;
    }
    to{
      opacity:1;
    }
  }

  .help-content.svelte-kmvxnv{
    animation:svelte-kmvxnv-slideUp .3s ease;
    background:var(--indulge-bg-primary, #0f0f0f);
    border:1px solid var(--indulge-border-subtle, hsla(0,0%,100%,.1));
    border-radius:12px;
    box-shadow:0 20px 60px rgba(0,0,0,.5);
    max-height:90vh;
    max-width:900px;
    overflow-y:auto;
    width:100%;
  }

  @keyframes svelte-kmvxnv-slideUp{
    0%{
      opacity:0;
      transform:translateY(20px);
    }
    to{
      opacity:1;
      transform:translateY(0);
    }
  }

  .help-header.svelte-kmvxnv{
    align-items:center;
    border-bottom:1px solid var(--indulge-border-subtle, hsla(0,0%,100%,.1));
    display:flex;
    justify-content:space-between;
    padding:24px 24px 20px;
  }

  .help-header.svelte-kmvxnv h2:where(.svelte-kmvxnv){
    color:var(--indulge-text-primary, #f1f5f9);
    font-size:24px;
    font-weight:600;
    margin:0;
  }

  .help-close.svelte-kmvxnv{
    align-items:center;
    background:transparent;
    border:none;
    border-radius:6px;
    color:var(--indulge-text-secondary, #94a3b8);
    cursor:pointer;
    display:flex;
    justify-content:center;
    padding:8px;
    transition:all .2s ease;
  }

  .help-close.svelte-kmvxnv:hover{
    background:var(--indulge-bg-secondary, hsla(0,0%,100%,.05));
    color:var(--indulge-text-primary, #f1f5f9);
  }

  .help-body.svelte-kmvxnv{
    display:grid;
    gap:32px;
    -moz-column-gap:48px;
         column-gap:48px;
    grid-template-columns:repeat(2, 1fr);
    padding:24px;
  }

  .help-body.svelte-kmvxnv section:where(.svelte-kmvxnv){
    margin-bottom:0;
  }

  .help-body.svelte-kmvxnv h3:where(.svelte-kmvxnv){
    color:var(--indulge-text-primary, #f1f5f9);
    font-size:18px;
    font-weight:600;
    margin:0 0 12px;
  }

  .help-body.svelte-kmvxnv h4:where(.svelte-kmvxnv){
    color:var(--indulge-text-secondary, #94a3b8);
    font-size:14px;
    font-weight:600;
    margin:16px 0 8px;
  }

  .help-body.svelte-kmvxnv ul:where(.svelte-kmvxnv){
    list-style:none;
    margin:0;
    padding:0;
  }

  .help-body.svelte-kmvxnv li:where(.svelte-kmvxnv){
    color:var(--indulge-text-secondary, #94a3b8);
    font-size:14px;
    line-height:1.6;
    padding:6px 0;
  }

  .help-body.svelte-kmvxnv strong:where(.svelte-kmvxnv){
    color:var(--indulge-text-primary, #f1f5f9);
    font-weight:600;
  }
  @media (max-width:768px){
    .help-body.svelte-kmvxnv{
      gap:24px;
      grid-template-columns:1fr;
    }

    .help-header.svelte-kmvxnv h2:where(.svelte-kmvxnv){
      font-size:20px;
    }
  }

	.submit-game-button.svelte-1taipnj{
		align-items:center;
		background:linear-gradient(135deg, #1e3a8a, #1e40af);
		border:1px solid rgba(59,130,246,.3);
		border-radius:8px;
		box-shadow:0 2px 8px rgba(30,58,138,.3);
		color:#fff;
		cursor:pointer;
		display:flex;
		font-size:14px;
		font-weight:600;
		gap:.5rem;
		justify-content:center;
		padding:10px 16px;
		position:relative;
		transition:all .2s ease;
		width:100%;
	}

	.submit-game-button.svelte-1taipnj:hover{
		background:linear-gradient(135deg, #2563eb, #3b82f6);
		border-color:rgba(59,130,246,.5);
		box-shadow:0 4px 12px rgba(37,99,235,.4);
		transform:translateY(-1px);
	}

	.submit-game-button.svelte-1taipnj:active{
		box-shadow:0 2px 6px rgba(30,58,138,.3);
		transform:translateY(0);
	}

	.submit-game-button.svelte-1taipnj .icon:where(.svelte-1taipnj){
		flex-shrink:0;
		height:16px;
		width:16px;
	}

	.modal-backdrop.svelte-zj4kqo{
		align-items:center;
		background:rgba(0,0,0,.7);
		bottom:0;
		display:flex;
		justify-content:center;
		left:0;
		overflow-y:auto;
		padding:1rem;
		position:fixed;
		right:0;
		top:0;
		z-index:1000;
	}

	.modal-content.svelte-zj4kqo{
		background:#fff;
		border-radius:8px;
		box-shadow:0 4px 20px rgba(0,0,0,.3);
		max-height:90vh;
		max-width:800px;
		overflow-y:auto;
		width:100%;
	}

	.modal-header.svelte-zj4kqo{
		align-items:center;
		border-bottom:1px solid #e5e7eb;
		display:flex;
		justify-content:space-between;
		padding:1.5rem;
	}

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

	.close-button.svelte-zj4kqo{
		align-items:center;
		background:none;
		border:none;
		border-radius:4px;
		color:#6b7280;
		cursor:pointer;
		display:flex;
		font-size:2rem;
		height:32px;
		justify-content:center;
		line-height:1;
		padding:0;
		transition:all .2s;
		width:32px;
	}

	.close-button.svelte-zj4kqo:hover{
		background:#f3f4f6;
		color:#111827;
	}

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

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

	.form-field.svelte-zj4kqo{
		display:flex;
		flex-direction:column;
		gap:.5rem;
	}

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

	label.svelte-zj4kqo{
		color:#374151;
		font-size:.875rem;
		font-weight:500;
	}

	.required.svelte-zj4kqo{
		color:#dc2626;
	}

	input.svelte-zj4kqo,select.svelte-zj4kqo,textarea.svelte-zj4kqo{
		border:1px solid #d1d5db;
		border-radius:6px;
		font-family:inherit;
		font-size:.875rem;
		padding:.625rem .75rem;
		transition:all .2s;
	}

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

	input.svelte-zj4kqo:focus,select.svelte-zj4kqo:focus,textarea.svelte-zj4kqo:focus{
		border-color:#3b82f6;
		box-shadow:0 0 0 3px rgba(59,130,246,.1);
		outline:none;
	}

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

	.help-text.svelte-zj4kqo{
		color:#6b7280;
		font-size:.75rem;
	}

	.modal-footer.svelte-zj4kqo{
		border-top:1px solid #e5e7eb;
		display:flex;
		gap:.75rem;
		justify-content:flex-end;
		margin-top:1.5rem;
		padding-top:1.5rem;
	}

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

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

	.button.primary.svelte-zj4kqo{
		background:#3b82f6;
		color:#fff;
	}

	.button.primary.svelte-zj4kqo:hover:not(:disabled){
		background:#2563eb;
	}

	.button.secondary.svelte-zj4kqo{
		background:#f3f4f6;
		color:#374151;
	}

	.button.secondary.svelte-zj4kqo:hover:not(:disabled){
		background:#e5e7eb;
	}

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

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

		.modal-content.svelte-zj4kqo{
			max-height:95vh;
		}
	}
.grid-canvas{
  bottom:0;
  left:0;
  right:0;
  top:0;
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  will-change:transform;
}
.grid-canvas,.product-card{
  contain:layout style paint;
  position:absolute;
}
.product-card{
  backface-visibility:hidden;
  background:var(--theme-bg-secondary);
  background:linear-gradient(135deg,
      #e8e8e8,
      #f0f0f0 20%,
      #d5d5d5 40%,
      #e0e0e0 60%,
      #c8c8c8 80%,
      #d0d0d0);
  border-radius:4px;
  box-shadow:0 8px 32px var(--theme-shadow-md), inset 0 2px 3px hsla(0,0%,100%,.6), inset 0 -2px 3px rgba(0,0,0,.3), inset 2px 0 3px hsla(0,0%,100%,.4), inset -2px 0 3px rgba(0,0,0,.3);
  content-visibility:auto;
  cursor:pointer;
  overflow:hidden;
  padding:8px;
  transform:translateZ(0);
  transition:transform .2s cubic-bezier(.4, 0, .2, 1),box-shadow .2s cubic-bezier(.4, 0, .2, 1);
}

.product-card.hovered,.product-card:hover{
  box-shadow:0 12px 48px var(--theme-shadow-lg), 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);
  transform:scale(1.05);
  will-change:transform, box-shadow;
  z-index:10;
}

.product-card:focus{
  outline:2px solid var(--theme-border-focus);
  outline-offset:6px;
}
.poster-frame{
  border-radius:2px;
  box-shadow:inset 0 0 20px var(--theme-shadow), inset 0 1px 1px hsla(0,0%,100%,.1);
  transform-origin:center;
  transition:transform .3s ease;
}
.image-container,.poster-frame{
  background:var(--theme-bg-primary);
  height:100%;
  overflow:hidden;
  position:relative;
  width:100%;
}
.image-container{
  contain:layout style paint;
}

.product-image-bg{
  filter:blur(20px) brightness(.3);
  height:100%;
  left:0;
  -o-object-fit:cover;
     object-fit:cover;
  opacity:0;
  position:absolute;
  top:0;
  transform:scale(1.1);
  transition:opacity .3s ease;
  width:100%;
}

.landscape .product-image-bg{
  opacity:1;
}

.product-image{
  display:block;
  font-size:0;
  height:100%;
  -o-object-fit:contain;
     object-fit:contain;
  -o-object-position:center;
     object-position:center;
  position:relative;
  width:100%;
}

.portrait .product-image{
  -o-object-fit:cover;
     object-fit:cover;
  -o-object-position:top center;
     object-position:top center;
}

.landscape .product-image{
  -o-object-fit:contain;
     object-fit:contain;
  padding:10px;
}

.placeholder-image{
  align-items:center;
  background:linear-gradient(135deg, var(--theme-bg-secondary) 0, var(--theme-bg-tertiary) 100%);
  color:var(--theme-text-muted);
  display:flex;
  font-size:72px;
  font-weight:700;
  height:100%;
  justify-content:center;
  text-transform:uppercase;
  width:100%;
}
.hover-info{
  background:linear-gradient(0deg, rgba(0,0,0,.98) 0, 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;
  transform:translate3d(0, 100%, 0);
  transition:transform .25s cubic-bezier(.4, 0, .2, 1);
  will-change:transform;
  z-index:10;
}

.product-card.hovered .hover-info,.product-card:hover .hover-info{
  transform:translateZ(0);
}

.hover-info h3{
  color:var(--theme-text-primary);
  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 rgba(0,0,0,.8);
}

.creator,.hover-info h3{
  margin:0 0 8px;
  overflow:hidden;
  text-overflow:ellipsis;
}

.creator{
  color:var(--theme-text-secondary);
  font-size:14px;
  white-space:nowrap;
}

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

.tagline{
  color:var(--theme-text-muted);
  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;
}
.grid-canvas .price-badge{
  backdrop-filter:blur(6px);
  border-radius:6px;
  box-shadow:0 2px 8px var(--theme-shadow-md);
  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;
}

.grid-canvas .price-badge-free{
  background:color-mix(in srgb, var(--theme-success) 95%, transparent);
  color:#fff;
}

.grid-canvas .price-badge-pwyw{
  background:color-mix(in srgb, var(--theme-info) 95%, transparent);
  color:#fff;
}

.grid-canvas .price-badge-paid{
  background:rgba(59,130,246,.95);
  box-shadow:0 2px 8px rgba(59,130,246,.4);
  color:#fff;
}

.grid-canvas .price-badge-unknown{
  background:color-mix(in srgb, var(--theme-border-strong) 95%, transparent);
  color:#fff;
}
.grid-canvas .player-badges{
  align-items:flex-end;
  display:flex;
  flex-direction:column;
  gap:6px;
  position:absolute;
  right:12px;
  top:12px;
  z-index:10;
}

.grid-canvas .player-badge{
  backdrop-filter:blur(6px);
  background:color-mix(in srgb, var(--theme-accent) 95%, transparent);
  border-radius:6px;
  box-shadow:0 2px 8px var(--theme-shadow-md);
  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;
}
.grid-canvas .bottom-badge-bar{
  align-items:center;
  backdrop-filter:blur(8px);
  background:color-mix(in srgb, var(--theme-bg-overlay) 95%, transparent);
  border-top:1px solid var(--theme-border-subtle);
  bottom:0;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  justify-content:flex-start;
  left:0;
  opacity:1;
  padding:10px 12px;
  position:absolute;
  right:0;
  transition:opacity .25s cubic-bezier(.4, 0, .2, 1);
  z-index:5;
}

.grid-canvas .product-card.hovered .bottom-badge-bar,.grid-canvas .product-card:hover .bottom-badge-bar{
  opacity:0;
  pointer-events:none;
}

.grid-canvas .bottom-badge{
  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;
}

.grid-canvas .bottom-badge-genre{
  background:color-mix(in srgb, var(--theme-accent) 90%, transparent);
  color:#fff;
}

.grid-canvas .bottom-badge-tag{
  background:color-mix(in srgb, var(--theme-border-strong) 90%, transparent);
  color:var(--theme-text-secondary);
}
@media (max-width:768px){
  .hover-info{
    padding:20px 12px 12px;
  }

  .hover-info h3{
    font-size:14px;
  }

  .creator,.tagline{
    font-size:11px;
  }
}
.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-rows{
  -moz-column-gap:24px;
       column-gap:24px;
  display:grid;
  grid-template-columns:1fr;
  left:0;
  position:absolute;
  right:0;
  top:0;
  will-change:transform;
}
@media (min-width:1400px){
  .list-rows{
    grid-template-columns:repeat(2, 1fr);
  }
}
@media (min-width:2200px){
  .list-rows{
    grid-template-columns:repeat(3, 1fr);
  }
}
.list-row{
  align-items:center;
  border-bottom:1px solid var(--theme-border-subtle);
  contain:layout style paint;
  cursor:pointer;
  display:grid;
  gap:12px;
  grid-template-columns:60px 1fr minmax(auto, 200px) minmax(auto, 200px) 100px;
  margin-bottom:0;
  padding:10px 16px;
  transition:background-color .15s ease;
}
@media (min-width:1400px){
  .list-row{
    gap:10px;
    padding:10px 12px;
  }
}

.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;
  flex-shrink:0;
  height:60px;
  overflow:hidden;
  width:60px;
}

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

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

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

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

.list-creator{
  color:var(--theme-text-muted);
  font-size:13px;
}
.list-genres{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  justify-content:flex-start;
  overflow:visible;
}

.genre-tag{
  background:var(--theme-accent-subtle);
  border:1px solid color-mix(in srgb, var(--theme-accent) 30%, transparent);
  border-radius:12px;
  color:var(--theme-accent);
  display:inline-block;
  font-size:11px;
  font-weight:600;
  padding:4px 10px;
  text-transform:capitalize;
  white-space:nowrap;
}
.list-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  justify-content:flex-start;
  overflow:visible;
}

.tag-badge{
  background:color-mix(in srgb, var(--theme-border-strong) 20%, transparent);
  border:1px solid color-mix(in srgb, var(--theme-border-strong) 30%, transparent);
  border-radius:12px;
  color:var(--theme-text-muted);
  display:inline-block;
  font-size:11px;
  font-weight:600;
  padding:4px 10px;
  text-transform:capitalize;
  white-space:nowrap;
}
.list-price{
  align-items:center;
  display:flex;
  justify-content:center;
  min-width:100px;
}

.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);
}
@media (max-width:1024px) and (min-width:769px){
  .list-row{
    gap:14px;
    grid-template-columns:56px 1fr minmax(auto, 150px) 90px;
  }
  .list-tags{
    display:none;
  }
}
@media (max-width:768px){
  .list-row{
    gap:12px;
    grid-template-columns:48px 1fr 80px;
    padding:10px 16px;
  }

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

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

  .list-creator{
    font-size:12px;
  }
  .list-genres,.list-tags{
    display:none;
  }

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

  .price-badge{
    font-size:10px;
    padding:4px 8px;
  }
}
.table-view{
  background:var(--theme-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(--theme-border-subtle);
}

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

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

.table-view::-webkit-scrollbar-corner{
  background:var(--theme-border-subtle);
}
.table-header{
  background:var(--theme-bg-elevated);
  border-bottom:2px solid var(--theme-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:grab;
  font-size:13px;
  font-weight:700;
  letter-spacing:.5px;
  position:relative;
  text-transform:uppercase;
}

.table-header .table-cell.dragging{
  cursor:grabbing;
  opacity:.5;
}
.column-label{
  align-items:center;
  display:flex;
  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;
  transition:background-color .15s ease;
  width:8px;
  z-index:10;
}

.resize-handle:hover{
  background-color:var(--theme-accent);
}
.sortable{
  cursor:pointer;
  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{
  align-items:center;
  border-bottom:1px solid var(--theme-border-subtle);
  contain:layout style paint;
  display:grid;
  gap:0;
  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{
  align-items:center;
  display:flex;
  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{
  align-items:center;
  background:linear-gradient(135deg, var(--theme-bg-secondary) 0, var(--theme-bg-tertiary) 100%);
  color:var(--theme-text-muted);
  display:flex;
  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{
  align-items:center;
  display:flex;
  justify-content: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;
  }
}

  .main-layout.svelte-1w2cboo{
    display:flex;
    flex-direction:row;
    height:100vh;
    left:0;
    position:fixed;
    top:0;
    width:100vw;
  }

  .canvas-container.svelte-1w2cboo,.main-layout.svelte-1w2cboo{
    background:#1a1a1a;
    overflow:hidden;
  }

  .canvas-container.svelte-1w2cboo{
    contain:layout style paint size;
    flex:1;
    height:100%;
    min-width:0;
    position:relative;
    transition:all .3s ease;
  }

  .canvas.svelte-1w2cboo{
    bottom:0;
    contain:layout style paint;
    left:0;
    position:absolute;
    right:0;
    top:0;
    transform:translateZ(0);
    -webkit-transform:translateZ(0);
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    will-change:transform;
  }

  .info-badge.svelte-1w2cboo{
    align-items:center;
    backdrop-filter:blur(10px);
    background:hsla(0,0%,6%,.9);
    border:1px solid hsla(0,0%,100%,.1);
    border-radius:24px;
    color:#e2e8f0;
    cursor:pointer;
    display:flex;
    font-size:14px;
    font-weight:500;
    gap:8px;
    opacity:1;
    padding:12px 20px;
    pointer-events:auto;
    position:fixed;
    right:24px;
    top:24px;
    transition:all .3s cubic-bezier(.4, 0, .2, 1);
    z-index:100;
  }
  .info-badge.hidden.svelte-1w2cboo{
    opacity:0;
    pointer-events:none;
    transform:translateX(20px);
  }

  .info-badge.svelte-1w2cboo:hover{
    background:rgba(30,30,30,.95);
    border-color:hsla(0,0%,100%,.2);
    transform:translateY(-1px);
  }
  .info-badge.hidden.svelte-1w2cboo:hover{
    transform:translateX(20px);
  }

  .info-badge.svelte-1w2cboo svg:where(.svelte-1w2cboo){
    opacity:.7;
  }
  
  .info-badge-note.svelte-1w2cboo{
    font-size:12px;
    margin-left:4px;
    opacity:.6;
  }
  .view-mode-section.svelte-1w2cboo{
    border-bottom:1px solid hsla(0,0%,100%,.1);
    padding:16px;
  }

  .view-mode-section.svelte-1w2cboo h4:where(.svelte-1w2cboo){
    color:#e2e8f0;
    font-size:14px;
    font-weight:600;
    margin:0 0 12px;
  }

  .view-mode-buttons.svelte-1w2cboo{
    display:flex;
    gap:8px;
  }

  .view-mode-button.svelte-1w2cboo{
    align-items:center;
    background:color-mix(in srgb, var(--theme-surface-hover) 50%, transparent);
    border:1px solid var(--theme-border-subtle);
    border-radius:6px;
    color:var(--theme-text-muted);
    cursor:pointer;
    display:flex;
    flex:1;
    font-size:13px;
    font-weight:500;
    gap:6px;
    justify-content:center;
    padding:10px 12px;
    transition:all .2s ease;
  }

  .view-mode-button.svelte-1w2cboo svg:where(.svelte-1w2cboo){
    opacity:.6;
  }

  .view-mode-button.svelte-1w2cboo:hover{
    background:var(--theme-surface-hover);
    border-color:var(--theme-border-default);
    color:var(--theme-text-secondary);
  }

  .view-mode-button.svelte-1w2cboo:hover svg:where(.svelte-1w2cboo){
    opacity:.8;
  }

  .view-mode-button.active.svelte-1w2cboo{
    background:var(--theme-accent-subtle);
    border-color:color-mix(in srgb, var(--theme-accent) 50%, transparent);
    color:var(--theme-accent);
  }

  .view-mode-button.active.svelte-1w2cboo svg:where(.svelte-1w2cboo){
    opacity:1;
  }
  .card-size-section.svelte-1w2cboo{
    border-bottom:1px solid var(--theme-border-subtle);
    padding:16px;
  }

  .card-size-section.svelte-1w2cboo h4:where(.svelte-1w2cboo){
    color:var(--theme-text-primary);
    font-size:14px;
    font-weight:600;
    margin:0 0 12px;
  }

  .card-size-buttons.svelte-1w2cboo{
    display:flex;
    gap:8px;
  }

  .card-size-button.svelte-1w2cboo{
    background:color-mix(in srgb, var(--theme-surface-hover) 50%, transparent);
    border:1px solid var(--theme-border-subtle);
    border-radius:6px;
    color:var(--theme-text-muted);
    cursor:pointer;
    flex:1;
    font-size:13px;
    font-weight:500;
    padding:8px 12px;
    transition:all .2s ease;
  }

  .card-size-button.svelte-1w2cboo:hover{
    background:var(--theme-surface-hover);
    border-color:var(--theme-border-default);
    color:var(--theme-text-secondary);
  }

  .card-size-button.active.svelte-1w2cboo{
    background:var(--theme-accent-subtle);
    border-color:color-mix(in srgb, var(--theme-accent) 50%, transparent);
    color:var(--theme-accent);
  }
  .filter-backdrop.svelte-1w2cboo{
    display:none;
  }
  .filter-drawer.svelte-1w2cboo{
    backdrop-filter:blur(20px);
    background:hsla(0,0%,8%,.95);
    border-left:1px solid hsla(0,0%,100%,.1);
    contain:layout style paint;
    flex-shrink:0;
    height:100%;
    max-width:320px;
    overflow-x:hidden;
    overflow-y:auto;
    transition:width .3s ease;
    width:0;
  }

  .filter-drawer.open.svelte-1w2cboo{
    width:320px;
  }

  .filter-header.svelte-1w2cboo{
    align-items:center;
    backdrop-filter:blur(20px);
    background:hsla(0,0%,8%,.98);
    border-bottom:1px solid hsla(0,0%,100%,.1);
    display:flex;
    justify-content:space-between;
    padding:20px;
    position:sticky;
    top:0;
    z-index:10;
  }

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

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

  .filter-close.svelte-1w2cboo:hover{
    color:#fff;
  }

  .filter-content.svelte-1w2cboo{
    padding:20px;
  }
  .search-section.svelte-1w2cboo{
    border-bottom:1px solid hsla(0,0%,100%,.1);
    display:flex;
    flex-direction:column;
    gap:12px;
    margin-bottom:20px;
    padding-bottom:20px;
  }

  .search-container.svelte-1w2cboo{
    position:relative;
    width:100%;
  }

  .submit-button-container.svelte-1w2cboo{
    width:100%;
  }
  
  .search-icon.svelte-1w2cboo{
    color:hsla(0,0%,100%,.4);
    left:12px;
    pointer-events:none;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
  }
  
  .search-input.svelte-1w2cboo{
    background:hsla(0,0%,100%,.05);
    border:1px solid hsla(0,0%,100%,.1);
    border-radius:8px;
    color:#fff;
    font-size:14px;
    padding:10px 36px;
    transition:all .2s ease;
    width:100%;
  }
  
  .search-input.svelte-1w2cboo:focus{
    background:hsla(0,0%,100%,.08);
    border-color:hsla(0,0%,100%,.3);
    outline:none;
  }
  
  .search-input.svelte-1w2cboo::-moz-placeholder{
    color:hsla(0,0%,100%,.4);
  }
  
  .search-input.svelte-1w2cboo::placeholder{
    color:hsla(0,0%,100%,.4);
  }
  
  .search-clear.svelte-1w2cboo{
    align-items:center;
    background:none;
    border:none;
    color:hsla(0,0%,100%,.4);
    cursor:pointer;
    display:flex;
    justify-content:center;
    padding:4px;
    position:absolute;
    right:8px;
    top:50%;
    transform:translateY(-50%);
    transition:all .2s ease;
  }
  
  .search-clear.svelte-1w2cboo:hover{
    color:hsla(0,0%,100%,.8);
  }

  .filter-section.svelte-1w2cboo{
    border-bottom:1px solid hsla(0,0%,100%,.1);
    margin-bottom:16px;
    padding-bottom:16px;
  }
  
  .filter-section.svelte-1w2cboo:last-of-type{
    border-bottom:none;
  }

  .filter-section-header.svelte-1w2cboo{
    align-items:center;
    background:none;
    border:none;
    color:hsla(0,0%,100%,.9);
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    padding:8px 0;
    transition:color .2s ease;
    width:100%;
  }
  
  .filter-section-header.svelte-1w2cboo:hover{
    color:#fff;
  }
  
  .filter-section-header.svelte-1w2cboo h4:where(.svelte-1w2cboo){
    font-size:14px;
    font-weight:600;
    margin:0;
    text-align:left;
  }
  
  .chevron.svelte-1w2cboo{
    opacity:.6;
    transition:transform .2s ease;
  }
  
  .chevron.rotated.svelte-1w2cboo{
    transform:rotate(180deg);
  }

  .filter-options.svelte-1w2cboo{
    display:grid;
    gap:8px;
    grid-template-columns:repeat(2, 1fr);
    margin-top:12px;
  }

  .filter-options.scrollable.svelte-1w2cboo{
    grid-template-columns:repeat(2, 1fr);
    max-height:300px;
    overflow-y:auto;
    padding-right:8px;
  }

  .filter-options.scrollable.svelte-1w2cboo::-webkit-scrollbar{
    width:4px;
  }

  .filter-options.scrollable.svelte-1w2cboo::-webkit-scrollbar-track{
    background:hsla(0,0%,100%,.05);
    border-radius:2px;
  }

  .filter-options.scrollable.svelte-1w2cboo::-webkit-scrollbar-thumb{
    background:hsla(0,0%,100%,.2);
    border-radius:2px;
  }

  .filter-option.svelte-1w2cboo{
    align-items:flex-start;
    background:hsla(0,0%,100%,.05);
    border:1px solid hsla(0,0%,100%,.1);
    border-radius:8px;
    color:hsla(0,0%,100%,.7);
    cursor:pointer;
    display:flex;
    font-size:13px;
    gap:6px;
    min-height:36px;
    min-width:0;
    padding:8px 12px;
    transition:all .2s ease;
  }

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

  .filter-option.svelte-1w2cboo input[type=checkbox]:where(.svelte-1w2cboo){
    cursor:pointer;
    flex-shrink:0;
    height:14px;
    margin:2px 0 0;
    width:14px;
  }

  .filter-label.svelte-1w2cboo{
    align-items:center;
    display:flex;
    flex:1;
    gap:4px;
    min-width:0;
  }

  .filter-label.svelte-1w2cboo>span:where(.svelte-1w2cboo):first-child{
    display:-webkit-box;
    -webkit-line-clamp:2;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    min-width:0;
    word-break:break-word;
  }

  .filter-count.svelte-1w2cboo{
    color:hsla(0,0%,100%,.4);
    flex-shrink:0;
    font-size:11px;
  }

  .filter-footer.svelte-1w2cboo{
    border-top:1px solid hsla(0,0%,100%,.1);
    padding:20px;
  }

  .clear-filters.svelte-1w2cboo{
    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;
    transition:all .2s ease;
    width:100%;
  }

  .clear-filters.svelte-1w2cboo:hover{
    background:hsla(0,0%,100%,.15);
    border-color:hsla(0,0%,100%,.3);
  }
  .error-overlay.svelte-1w2cboo,.loading-overlay.svelte-1w2cboo{
    align-items:center;
    background:linear-gradient(135deg, #1a1a2e, #16213e);
    bottom:0;
    color:#fff;
    display:flex;
    flex-direction:column;
    justify-content:center;
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:9999;
  }

  .loading-spinner.svelte-1w2cboo{
    animation:svelte-1w2cboo-spin 1s linear infinite;
    border:4px solid hsla(0,0%,100%,.2);
    border-radius:50%;
    border-top-color:#61dafb;
    height:50px;
    margin-bottom:20px;
    width:50px;
  }

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

  .loading-overlay.svelte-1w2cboo p:where(.svelte-1w2cboo){
    color:hsla(0,0%,100%,.7);
    font-size:16px;
    margin:0;
  }
  .refreshing-indicator.svelte-1w2cboo{
    align-items:center;
    animation:svelte-1w2cboo-slideInFromTop .3s ease-out;
    backdrop-filter:blur(10px);
    background:rgba(30,58,138,.95);
    border-radius:8px;
    box-shadow:0 4px 12px rgba(0,0,0,.3);
    color:#fff;
    display:flex;
    font-size:.875rem;
    font-weight:500;
    gap:.5rem;
    padding:.75rem 1rem;
    position:fixed;
    right:1rem;
    top:1rem;
    z-index:100;
  }

  .refreshing-spinner.svelte-1w2cboo{
    animation:svelte-1w2cboo-spin .8s linear infinite;
    border:2px solid hsla(0,0%,100%,.3);
    border-radius:50%;
    border-top-color:#fff;
    height:16px;
    width:16px;
  }

  @keyframes svelte-1w2cboo-slideInFromTop{
    0%{
      opacity:0;
      transform:translateY(-100px);
    }
    to{
      opacity:1;
      transform:translateY(0);
    }
  }

  .error-message.svelte-1w2cboo{
    background:rgba(220,38,38,.1);
    border:2px solid rgba(220,38,38,.3);
    border-radius:12px;
    max-width:400px;
    padding:30px;
    text-align:center;
  }

  .error-message.svelte-1w2cboo h3:where(.svelte-1w2cboo){
    color:#ef4444;
    font-size:20px;
    margin:0 0 10px;
  }

  .error-message.svelte-1w2cboo p:where(.svelte-1w2cboo){
    color:hsla(0,0%,100%,.7);
    font-size:14px;
    margin:0 0 20px;
  }

  .error-message.svelte-1w2cboo button:where(.svelte-1w2cboo){
    background:#ef4444;
    border:none;
    border-radius:6px;
    color:#fff;
    cursor:pointer;
    font-size:14px;
    padding:10px 20px;
    transition:all .2s ease;
  }

  .error-message.svelte-1w2cboo button:where(.svelte-1w2cboo):hover{
    background:#dc2626;
    transform:translateY(-1px);
  }

  @media (max-width:768px){
    .canvas-container.svelte-1w2cboo{
      height:80vh;
    }
    .filter-backdrop.svelte-1w2cboo{
      animation:svelte-1w2cboo-fadeIn .3s ease-out;
      backdrop-filter:blur(4px);
      background:rgba(0,0,0,.7);
      display:block;
      height:100vh;
      left:0;
      position:fixed;
      top:0;
      width:100vw;
      z-index:998;
    }

    @keyframes svelte-1w2cboo-fadeIn{
      0%{
        opacity:0;
      }
      to{
        opacity:1;
      }
    }
    .filter-drawer.svelte-1w2cboo{
      height:100vh;
      max-width:100vw;
      position:fixed;
      right:0;
      top:0;
      transform:translateX(100%);
      transition:transform .3s ease;
      width:100vw;
      z-index:999;
    }

    .filter-drawer.open.svelte-1w2cboo{
      transform:translateX(0);
      width:100vw;
    }
    .filter-close.svelte-1w2cboo{
      align-items:center;
      display:flex;
      height:44px;
      justify-content:center;
      padding:12px;
      width:44px;
    }

    .filter-header.svelte-1w2cboo h3:where(.svelte-1w2cboo){
      font-size:20px;
    }

    .position-indicator.svelte-1w2cboo{
      bottom:80px;
      right:20px;
    }
    .position-indicator.filter-open.svelte-1w2cboo{
      display:none;
    }

    .minimap-container.svelte-1w2cboo{
      height:160px;
      position:relative;
      width:320px;
    }

    .grid-coordinates.svelte-1w2cboo{
      font-size:11px;
    }
  }
  .position-indicator.svelte-1w2cboo{
    bottom:20px;
    display:flex;
    flex-direction:column;
    gap:12px;
    pointer-events:auto;
    position:fixed;
    right:20px;
    transition:right .3s cubic-bezier(.4, 0, .2, 1);
    z-index:100;
  }
  .position-indicator.filter-open.svelte-1w2cboo{
    right:340px;
  }
  .minimap-container.svelte-1w2cboo{
    border-radius:8px;
    box-shadow:0 4px 12px rgba(0,0,0,.4),0 0 0 1px hsla(0,0%,100%,.1);
    height:200px;
    overflow:hidden;
    position:relative;
    transition:all .2s cubic-bezier(.4, 0, .2, 1);
    width:400px;
  }

  .minimap-container.svelte-1w2cboo:hover{
    box-shadow:0 8px 24px rgba(0,0,0,.5),0 0 0 2px rgba(220,20,60,.5);
    transform:scale(1.02);
  }

  .minimap-canvas.svelte-1w2cboo{
    cursor:crosshair;
    display:block;
    height:100%;
    image-rendering:pixelated;
    image-rendering:crisp-edges;
    width:100%;
  }
  .minimap-help-button.svelte-1w2cboo{
    align-items:center;
    backdrop-filter:blur(8px);
    background:hsla(0,0%,6%,.85);
    border:1px solid hsla(0,0%,100%,.2);
    border-radius:4px;
    color:hsla(0,0%,100%,.7);
    cursor:pointer;
    display:flex;
    height:32px;
    justify-content:center;
    left:8px;
    position:absolute;
    top:8px;
    transition:all .2s ease;
    width:32px;
    z-index:10;
  }

  .minimap-help-button.svelte-1w2cboo:hover{
    background:rgba(220,20,60,.85);
    border-color:rgba(220,20,60,.8);
    box-shadow:0 2px 8px rgba(220,20,60,.4);
    color:#fff;
    transform:translateY(-1px);
  }

  .minimap-help-button.svelte-1w2cboo svg:where(.svelte-1w2cboo){
    height:20px;
    width:20px;
  }
  .minimap-zoom-controls.svelte-1w2cboo{
    bottom:8px;
    display:flex;
    gap:4px;
    position:absolute;
    right:8px;
    z-index:10;
  }

  .zoom-button.svelte-1w2cboo{
    align-items:center;
    backdrop-filter:blur(8px);
    background:hsla(0,0%,6%,.85);
    border:none;
    border-radius:4px;
    box-shadow:0 2px 4px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.1);
    color:#e2e8f0;
    cursor:pointer;
    display:flex;
    font-size:11px;
    font-weight:600;
    height:28px;
    justify-content:center;
    transition:all .15s cubic-bezier(.4, 0, .2, 1);
    width:28px;
  }

  .zoom-button.svelte-1w2cboo:hover{
    background:rgba(139,92,246,.9);
    box-shadow:0 4px 8px rgba(139,92,246,.4),0 0 0 1px rgba(139,92,246,.6);
    color:#fff;
    transform:scale(1.05);
  }

  .zoom-button.svelte-1w2cboo:active{
    transform:scale(.95);
  }

  .zoom-button.svelte-1w2cboo svg:where(.svelte-1w2cboo){
    height:14px;
    width:14px;
  }

  .zoom-button.zoom-reset.svelte-1w2cboo{
    min-width:36px;
    padding:0 6px;
  }
  .grid-coordinates.svelte-1w2cboo{
    align-items:center;
    backdrop-filter:blur(8px);
    background:hsla(0,0%,4%,.9);
    border-radius:8px;
    box-shadow:0 4px 12px rgba(0,0,0,.4),0 0 0 1px hsla(0,0%,100%,.1);
    display:flex;
    font-family:Courier New,monospace;
    font-size:13px;
    gap:12px;
    line-height:1.6;
    padding:12px 16px;
    transition:all .2s cubic-bezier(.4, 0, .2, 1);
  }

  .coord-rows.svelte-1w2cboo{
    display:flex;
    flex:1;
    flex-direction:column;
    gap:4px;
  }

  .grid-coordinates.svelte-1w2cboo:hover{
    background:hsla(0,0%,6%,.95);
    box-shadow:0 8px 24px rgba(0,0,0,.5),0 0 0 1px rgba(139,92,246,.3);
  }

  .coord-row.svelte-1w2cboo{
    display:flex;
    gap:12px;
    justify-content:space-between;
  }

  .coord-label.svelte-1w2cboo{
    color:#94a3b8;
    font-weight:500;
    white-space:nowrap;
  }

  .coord-value.svelte-1w2cboo{
    color:#e2e8f0;
    font-weight:600;
    text-align:right;
  }
  .error-toast.svelte-1w2cboo,.success-toast.svelte-1w2cboo{
    animation:svelte-1w2cboo-slideIn .3s ease-out;
    border-radius:8px;
    bottom:2rem;
    box-shadow:0 4px 12px rgba(0,0,0,.3);
    font-weight:500;
    padding:1rem 1.5rem;
    position:fixed;
    right:2rem;
    z-index:1001;
  }

  .success-toast.svelte-1w2cboo{
    background:#10b981;
    color:#fff;
  }

  .error-toast.svelte-1w2cboo{
    background:#ef4444;
    color:#fff;
  }

  @keyframes svelte-1w2cboo-slideIn{
    0%{
      opacity:0;
      transform:translateX(400px);
    }
    to{
      opacity:1;
      transform:translateX(0);
    }
  }