body{--navbar-height: 3.3rem;--side-margin: 3.67rem;--text-color: rgb(var(--text-color))}.detail-page-wrapper.svelte-1a64dm6{position:relative;margin-top:var(--navbar-height);padding:1rem 0 2rem;padding-left:var(--side-margin);padding-right:var(--side-margin);display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.toggle-icon.svelte-1a64dm6{position:absolute;top:.5rem;right:var(--side-margin);background:transparent;border:none;cursor:pointer;font-size:2.5rem;color:var(--text-color);padding:0}.detail-title.svelte-1a64dm6{margin:0;font-size:2.5rem;font-weight:300;color:var(--text-color);text-align:left}.detail-description.svelte-1a64dm6{color:var(--text-color);max-width:800px;line-height:1.6;text-align:left}.carousel.svelte-1a64dm6{display:flex;align-items:center;gap:.5rem;width:100%}.carousel-item.svelte-1a64dm6{display:flex;flex-direction:column;align-items:center}.carousel-media.svelte-1a64dm6{max-width:80%;max-height:100vh;border-radius:4px;object-fit:contain}.audio-credit.svelte-1a64dm6{margin:.5rem 0 0;color:#aaa;font-size:.9rem}.carousel-nav.svelte-1a64dm6{background:none;border:none;color:var(--text-color);font-size:2rem;cursor:pointer;padding:0 .5rem;transition:color .2s ease}.carousel-nav.svelte-1a64dm6:hover{color:#aaa}.media-grid.svelte-1a64dm6{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;width:100%}.media-wrapper.svelte-1a64dm6{overflow:hidden;background:#000;border-radius:4px;cursor:pointer}.modal-content.svelte-1a64dm6{position:relative;width:80%;max-height:80vh;overflow:auto;background:#000c;border-radius:8px;padding:1rem}.tools-section.svelte-1a64dm6{margin-top:2rem;color:var(--text-color);display:flex;flex-wrap:wrap;gap:.5rem}body{--navbar-height: 3.3rem}.detail-page-wrapper.svelte-1a64dm6{margin-top:calc(var(--navbar-height) + 1rem);margin-bottom:2rem;padding:0 2rem;display:flex;flex-direction:column;align-items:center;transition:filter .3s ease}.detail-title.svelte-1a64dm6{font-size:2.5rem;font-weight:300;color:#fff;text-align:center;margin-bottom:1rem}.detail-description.svelte-1a64dm6{max-width:800px;color:#ddd;line-height:1.6;text-align:center;margin-bottom:2rem}.carousel.svelte-1a64dm6{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem}.carousel-media.svelte-1a64dm6{max-width:90%;border-radius:4px}.media-wrapper.svelte-1a64dm6{transform-style:preserve-3d;will-change:transform;transition:transform .3s ease}.media-wrapper.svelte-1a64dm6:hover{transform:perspective(600px) rotateX(5deg) rotateY(-5deg) scale(1.03)}.media-grid.svelte-1a64dm6{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;width:100%;max-width:1000px}@media (max-width: 768px){.media-grid.svelte-1a64dm6{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;grid-auto-rows:auto!important}.media-wrapper.svelte-1a64dm6{grid-column:auto!important;grid-row:auto!important}}.media-wrapper.svelte-1a64dm6{cursor:pointer;border-radius:4px;overflow:hidden;background:#000;transition:transform .2s ease}.media-item.svelte-1a64dm6{width:100%;height:auto;display:block;object-fit:cover}.tools-section.svelte-1a64dm6{width:100%;max-width:800px;margin:2rem 0;padding:1rem;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;display:flex;flex-wrap:wrap;gap:.5rem}.tools-section.svelte-1a64dm6 strong:where(.svelte-1a64dm6){flex-shrink:0}.tool-name.svelte-1a64dm6{white-space:nowrap}.modal-overlay.svelte-1a64dm6{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100}.modal-content.svelte-1a64dm6{position:relative;width:80%;max-height:80vh;overflow:auto;background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;padding:1rem}.modal-media.svelte-1a64dm6{display:block;max-width:100%;max-height:calc(80vh - 4rem);margin:0 auto;border-radius:4px}.modal-close.svelte-1a64dm6{position:absolute;top:.5rem;right:.5rem;background:#fff;border:none;font-size:1.5rem;line-height:1;border-radius:50%;width:2rem;height:2rem;cursor:pointer}@media (max-width: 768px){.detail-page-wrapper.svelte-1a64dm6{padding:0 1rem}.media-grid.svelte-1a64dm6{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.detail-title.svelte-1a64dm6{font-size:2rem}}