h2.svelte-3zncdd{padding:0}.studio-tools-wrapper.svelte-3zncdd{width:100%;overflow-x:hidden;background:var(--studio-tools-page-bg)}.dark .studio-tools-wrapper.svelte-3zncdd{background:#1a1a1a}.dark .divider-fill.svelte-3zncdd{fill:#1a1a1a}.hero-section.svelte-3zncdd{position:relative;min-height:25vh;display:flex;align-items:center;justify-content:center;padding:2rem 2rem 5rem;background:linear-gradient(135deg,var(--studio-tools-hero-start) 0%,var(--studio-tools-hero-mid) 50%,var(--studio-tools-hero-end) 100%)}.hero-content.svelte-3zncdd{text-align:center;max-width:700px;z-index:1}.hero-title.svelte-3zncdd{font-size:clamp(2rem,6vw,3.5rem);font-weight:200;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.2);margin-bottom:1rem;line-height:1.1}.hero-divider.svelte-3zncdd{position:absolute;bottom:-1px;left:0;width:100%;height:81px;z-index:0}.hero-divider.svelte-3zncdd svg:where(.svelte-3zncdd){width:100%;height:100%}.divider-fill.svelte-3zncdd{fill:var(--studio-tools-page-bg)}.breadcrumb.svelte-3zncdd{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;white-space:nowrap}.breadcrumb.svelte-3zncdd a:where(.svelte-3zncdd){display:inline-flex;width:auto;flex:0 0 auto;color:var(--studio-tools-accent);text-decoration:none;font-weight:500;transition:color .15s ease}.breadcrumb.svelte-3zncdd a:where(.svelte-3zncdd):hover{color:var(--studio-tools-accent-hover);text-decoration:underline}.breadcrumb.svelte-3zncdd svg:where(.svelte-3zncdd){width:14px;height:14px;color:#94a3b8;flex-shrink:0}.breadcrumb.svelte-3zncdd span:where(.svelte-3zncdd){color:#64748b;font-weight:500}.content-area.svelte-3zncdd{max-width:900px;margin:0 auto;padding:2rem 1.5rem 3rem;outline:none}.tools-grid.svelte-3zncdd{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:24px;margin-bottom:48px}.tool-card.svelte-3zncdd{display:flex;flex-direction:column;gap:16px;padding:24px;background:var(--studio-tools-panel);border:2px solid var(--studio-tools-accent-border);border-radius:16px;text-decoration:none;color:inherit;transition:all .3s ease;position:relative;box-shadow:0 4px 15px var(--studio-tools-shadow-soft)}.tool-card.svelte-3zncdd:hover{background:var(--studio-tools-surface-gradient);transform:translateY(-4px);box-shadow:0 0 2px var(--studio-tools-accent-glow),0 0 8px var(--studio-tools-accent-glow-soft),0 0 12px var(--studio-tools-accent-glow-soft);border-color:var(--studio-tools-accent-border-strong)}.dark .tool-card.svelte-3zncdd{background:#0a0a0a;border-color:#ffffff1a;box-shadow:none}.dark .tool-card.svelte-3zncdd:hover{background:#171717;border-color:var(--studio-tools-accent-border-strong);box-shadow:0 4px 12px var(--studio-tools-accent-glow-soft)}.card-icon.svelte-3zncdd{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--studio-tools-hero-start) 0%,var(--studio-tools-hero-mid) 100%);border-radius:12px;color:#fff;font-size:24px}.card-icon.svelte-3zncdd svg{width:34px;height:34px}.card-thumbnail.svelte-3zncdd{width:100%;border-radius:10px;overflow:hidden}.card-thumbnail.svelte-3zncdd img:where(.svelte-3zncdd){width:100%;height:auto;display:block}.card-content.svelte-3zncdd h2:where(.svelte-3zncdd){font-size:1.5rem;font-weight:700;color:var(--studio-tools-ink);margin-bottom:8px}.card-content.svelte-3zncdd p:where(.svelte-3zncdd){font-size:1rem;color:var(--studio-tools-ink-muted);line-height:1.5}.card-arrow.svelte-3zncdd{position:absolute;top:50%;right:20px;transform:translateY(-50%);width:24px;height:24px;color:var(--studio-tools-accent-border-strong);transition:all .3s ease}.tool-card.svelte-3zncdd:hover .card-arrow:where(.svelte-3zncdd){color:var(--studio-tools-accent);transform:translateY(-50%) translate(4px)}@media (max-width: 640px){.content-area.svelte-3zncdd{padding:1.5rem 1rem 2rem}.hero-section.svelte-3zncdd{padding:1.5rem 1rem 4rem}.tools-grid.svelte-3zncdd{grid-template-columns:1fr}.card-arrow.svelte-3zncdd{display:none}}