.tool-page.svelte-pyc4ra{flex:1;display:flex;justify-content:center}.page-shell.svelte-pyc4ra{width:100%;max-width:1400px;margin:0 auto}.page-hero.svelte-pyc4ra{padding:clamp(var(--space-5),8vw,var(--space-6)) var(--space-4);text-align:center}.hero-content.svelte-pyc4ra{max-width:750px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-3)}.page-title.svelte-pyc4ra{font-family:var(--font-family-display);font-size:var(--font-step-3);font-weight:600;letter-spacing:-.02em;color:var(--color-text-primary);line-height:1.15}.gradient-text.svelte-pyc4ra{background:linear-gradient(120deg,#8f7fff,#5ad3fff2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle.svelte-pyc4ra{font-size:var(--font-step-0);color:var(--color-text-secondary);line-height:1.6}.content-section.svelte-pyc4ra{padding:var(--space-5) var(--space-4)}.content-section.alternate.svelte-pyc4ra{background:linear-gradient(180deg,#0c112266,#090c184d)}.section-container.svelte-pyc4ra{max-width:1000px;margin:0 auto}.tool-card.svelte-pyc4ra{padding:var(--space-5);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3)}.tool-icon.svelte-pyc4ra{width:80px;height:80px;border-radius:20px;display:grid;place-items:center;background:#8f7fff29;color:var(--color-accent-secondary)}.tool-title.svelte-pyc4ra{font-family:var(--font-family-display);font-size:var(--font-step-1);font-weight:600;color:var(--color-text-primary)}.tool-description.svelte-pyc4ra{font-size:var(--font-step--1);color:var(--color-text-secondary);line-height:1.7;max-width:60ch}.feature-list.svelte-pyc4ra,.temporary-solution.svelte-pyc4ra{width:100%;max-width:600px;text-align:left;padding:var(--space-4);background:#8f7fff0f;border-radius:var(--radius-sm);border:1px solid rgba(143,127,255,.15)}.list-title.svelte-pyc4ra,.solution-title.svelte-pyc4ra{font-size:var(--font-step-0);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-3)}.features.svelte-pyc4ra,.screenshot-tips.svelte-pyc4ra{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.features.svelte-pyc4ra li:where(.svelte-pyc4ra){display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--font-step--1);color:var(--color-text-secondary);line-height:1.65}.check-icon.svelte-pyc4ra{color:var(--color-accent-secondary);flex-shrink:0;margin-top:2px}.temporary-solution.svelte-pyc4ra p:where(.svelte-pyc4ra){margin-bottom:var(--space-2);font-size:var(--font-step--1);color:var(--color-text-secondary)}.screenshot-tips.svelte-pyc4ra{padding-left:var(--space-3);margin-top:var(--space-2)}.screenshot-tips.svelte-pyc4ra li:where(.svelte-pyc4ra){font-size:var(--font-step--2);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-1)}.cta-buttons.svelte-pyc4ra{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.section-title.svelte-pyc4ra{font-family:var(--font-family-display);font-size:var(--font-step-2);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-3)}.section-title.center.svelte-pyc4ra{text-align:center}.intro-text.svelte-pyc4ra{font-size:var(--font-step--1);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-4);max-width:60ch}.intro-text.center.svelte-pyc4ra{margin-left:auto;margin-right:auto;text-align:center}.presentation-tips.svelte-pyc4ra{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.tip-card.svelte-pyc4ra{padding:var(--space-4)}.tip-card.svelte-pyc4ra h3:where(.svelte-pyc4ra){font-size:var(--font-step-0);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.tip-card.svelte-pyc4ra p:where(.svelte-pyc4ra){font-size:var(--font-step--1);color:var(--color-text-secondary);line-height:1.7}@media (max-width: 768px){.page-hero.svelte-pyc4ra{padding:var(--space-4) var(--space-3)}.page-title.svelte-pyc4ra{font-size:var(--font-step-2)}.content-section.svelte-pyc4ra{padding:var(--space-4) var(--space-3)}.tool-card.svelte-pyc4ra{padding:var(--space-4)}.presentation-tips.svelte-pyc4ra{grid-template-columns:1fr}.cta-buttons.svelte-pyc4ra{flex-direction:column;width:100%}.cta-buttons.svelte-pyc4ra .button-primary:where(.svelte-pyc4ra),.cta-buttons.svelte-pyc4ra .button-secondary:where(.svelte-pyc4ra){width:100%;justify-content:center}}
