/* Tool Specific Layout */
.tool-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.landing-view {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
    padding: 4rem 0;
}

.active-view {
    animation: fadeIn 0.3s ease-in-out;
}

.hidden {
    display: none !important;
}

.mt-3 { margin-top: 0.75rem; }
.mt-4 { margin-top: 1rem; }
.mt-6 { margin-top: 1.5rem; }
.mt-8 { margin-top: 2rem; }
.mr-2 { margin-right: 0.5rem; }
.w-full { width: 100%; }

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}