/* 导入基础样式 */
@import 'base/variables.css';
@import 'base/reset.css';
@import 'base/layout.css';

/* 导入组件样式 */
@import 'components/navbar.css';
@import 'components/hero.css';
@import 'components/buttons.css';
@import 'components/upload.css';
@import 'components/editor.css';
@import 'components/footer.css';
@import 'components/typography.css';
@import 'components/how-it-works.css';
@import 'components/key-features.css';
@import 'components/faq.css';
@import 'components/blog.css';
@import 'components/doc.css';

/* 响应式设计 */
@media (max-width: 768px) {
    .dimension-inputs {
        flex-direction: column;
        align-items: stretch;
    }
    
    .input-group {
        width: 100%;
    }
    
    .input-group input {
        width: 100%;
    }
    
    .actions {
        flex-direction: column;
    }
}